/* CSS Document to support Red Emperor Restaurant  */
/* www.redemperornoosa.com.au  */
/* Copyright Project DMS */
/* www.project.com.sg */
/* last edited Feb 2014 */

html {
	height: 100%;
	background-color: #fff;}

body {
	margin: 0;
	height: 100%;}

tr {
	vertical-align: top;}
	
td {
	vertical-align: top;}

ul {
	list-style-type: square;
	padding-bottom:10px;}

#global {
	width: 940px;
	margin: 0 auto;
	padding: 0;
	text-align: left;
	background: url(../images/bg.global.jpg);}		

#container {
	width: 900px;
	height:100%;
	margin: 0 auto;
	padding: 0;
	text-align:left;
	background-color: #fff;}

#h1container {
	width: 900px;
	height:18px;
	background-color: #000;
	text-align: center;}

#header {
	width:900px;
	height:270px;}
	
	#headerlogo {
	float:left;
	width:300px;
	height:270px;
	background-color: #fff;}
	
	#headerpic {
	float:right;
	width:600px;
	height:270px;
	background-color: #fff;}

#mainnav {
	float: right;
	width: 900px;
	height: 30px;
	background: url(../images/bg.nav.jpg);}
	
	.nav {
		float:left;
		margin-right:7px;
		font:11px Arial, Helvetica, sans-serif;
		font-weight:bold;
		padding:5px 12px 0 12px;
		color: #0000FF;
		background:url(../images/bg.nav.jpg);
		text-decoration:none;
		height:20px;
		display:block;
		border:1px solid #A7CBF8;
		-moz-border-radius:5px;
		border-radius:5px;}
	a.nav:hover {
		color:#000066;
		background:url(../images/bg.nav.hover.jpg);}

#content {
	width:900px;
	background: url(../images/bg.content.jpg) no-repeat;
	height:30px;
	clear: both;}
	#col1 {
		float: left;
		width: 280px;
		font: 11px Arial, Helvetica, sans-serif;
		text-align: left;
		color: #454545;
		padding: 0;
		margin-top:30px;
		margin-left:10px;
		margin-bottom:20px;}
		#col1 p {
		margin-top: 0px;
		margin-bottom: 10px;
		line-height: 2em;}
		#col1 a {
		text-decoration:none;}
	#col2 {
		float: left;
		width: 568px;
		margin-top:30px;
		padding: 10px;
		margin-bottom:20px;
		margin-left: 10px;
		font: 11px Arial, Helvetica, sans-serif;
		text-align: justify;
		color: #454545;
		border:1px solid #99CCFF;
		-moz-border-radius: 10px;
		border-radius: 10px;}
		#col2 p {
		margin-top: 0px;
		margin-bottom: 10px;
		line-height: 1.8em;}
		#col2 ul {
		margin-top: 1px;
		margin-bottom: 5px;}
		#col2 li {
		margin-top: 1px;
		margin-bottom: 1px;}
		#col2 td img {
		margin: 0;
		border: 0;}
		#col2 img {
		border: 0px solid #000;}
		#col2 a {
		color: #0000cc;
		text-decoration: none;}
		#col2 a:hover {
		color: #000099;
		text-decoration: underline;}

#gallery {
	width:100%;
	padding:3px;}
	#gallery img {
	margin-right:8px;
	margin-bottom:8px;
	border:1px solid #A7CBF8;
	-moz-border-radius:5px;
	border-radius:5px;}

#fish {
	float:right;
	height:130px;
	width:290px;
	text-align:justify;
	margin-top:6px;
	margin-left:15px;}
	#fish img {
	padding:5px;}

#weather {
	width:280px;}
	
#corona {
	width: 890px;
	height:170px;
	padding: 5px;
	/* margin-top: 0px; */
	/* margin-bottom: 0px; */
	/* clear: both; */
	text-align: center;
	background: #3A3939;
	border-bottom: 1px solid #fff;
	/* -moz-border-radius:0px; */
	/* border-radius:0px; */
	margin-bottom: 0px;}
	#corona h1 {
	font: 11pt Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #C2C2C2;
	line-height: 1.25em;}
	#corona p {
	font: 9pt Arial, Helvetica, sans-serif;
	color: #C2C2C2;
	line-height: 1.25em;}


#delivery {
	width:262px;
	padding:5px 10px 10px 10px;
	background-color: #B3FFFC;
	border: 1px solid #99CCFF;
	-moz-border-radius:8px;
	border-radius:8px;
	margin-bottom: 8px;}
	#delivery p {
	font-size: 12pt;
	line-height: 1.5em;}
	#delivery h1 {
	font: "Courier New", Courier, mono;
	font-weight: bold;
	font-style: italic;
	color: #0000CC;
	font-size: 20pt;}

#attractions {
	float:right;
	height:108px;
	width:180px;
	text-align:justify;
	margin-top:6px;
	margin-left:15px;}
	#attractions img {
	margin-right:8px;
	margin-bottom:8px;
	border:0px;
	-moz-border-radius:5px;
	border-radius:5px;}

#footer {
	width: 900px;
	height: 120px;
	margin-top:20px;
	background: url(../images/bg.footer.jpg) no-repeat;
	clear: both;}

	#footleft {
		float: left;
		font: 10px Arial, Helvetica, sans-serif;
		color: #000099;
		width: 290px;
		margin-left: 10px;
		margin-top: 55px;
		text-align: left;
		background: none;}
		#footleft a {
		color: #000;
		text-decoration: none;}
		#footleft a:hover {
		color: #00FF00;}

	#footright {
		float: right;
		font: 10px Arial, Helvetica, sans-serif;
		color: #000066;
		width: 600px;
		margin-top: 55px;
		background: none;}
		#footright a {
		color: #000066;
		text-decoration: none;}
		#footright a:hover {
		color: #000099;
		text-decoration: underline;}

#pagebase {
	width: 940px;
	height: 30px;
	background: url(../images/global.base.jpg) no-repeat;
	clear: both;}

h1 {
	font:8pt Arial, Helvetica, sans-serif;
	font-weight: lighter;
	color: #ccc;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-top: 2px;}
	/* venue title used in header */

h2 {
	font: 13pt Arial, Helvetica, sans-serif;
	color: #000066;
	margin-top: 0px;
	margin-bottom: 0px;}
	/* section title ... defines section such as Conference, Weekends etc */

h3 {
	font: 10pt Arial, Helvetica, sans-serif;
	color: #000099;
	margin-top: 5px;
	margin-bottom: 25px;}
	/* content title - first element in col2. opx top margin to be retained */

h4 {
	font: 10pt Arial, Helvetica, sans-serif;
	color: #0000cc;
	margin-top: 5px;
	margin-bottom: 5px;}
	/* used within body of each page as sub subheading */

h5 {
	font: 10pt Arial, Helvetica, sans-serif;
	color: #0000cc;
	margin-top: 5px;
	margin-bottom: 5px;}
	/* sectional subheading used under an h4 */

h6 {
	font: 8pt Arial, Helvetica, sans-serif;
	color: #888;
	margin-top: 5px;
	margin-bottom: 5px;}
	/* sectional subheading used under an h5 */
						

/* not used style variations */
.formfields {
	font: 9px Arial, Helvetica, sans-serif;
	color: #000;
	border: solid 1px #ccc;
	margin-bottom: 1px;}

.button {
	font: bold 9px Arial, Helvetica, sans-serif;
	color: #ccc;
	background-color: #333;
	border: solid 1px #999;
	padding-left: 25px;
	padding-right: 2px;
	text-decoration: none;}

.required {
	font: bold 10px Arial, Helvetica, sans-serif;
	color: #ff3300;}
				
.response {
	font: 10px Arial, Helvetica, sans-serif;
	color: #660000;}