html, body				{height: 100%;
						}
							
body					{background-position: center top;
						background-image: url(../images/bg.jpg);
						background-repeat: no-repeat;
						background-color: #e5d9c3;
						margin: auto;
						padding: 0px;
						height: 100%;
						}

#frame					{text-align: left;
						width: 980px;
						margin: auto;
						z-index: 1;
						height: 100%;
						padding: 0px;
						}
						
#menu					{position: absolute;
						background-image: url(../images/hermanus-accommodation-menu.jpg);
						width: 685px;
						height: 54px;
						margin-left: 249px;
						margin-top: 43px;
						font-family: verdana, trebuchet ms, arial;
						font-size: 13px;
						color: #ffffff;
						z-index: 8;
						}
						
#logo					{position: absolute;
						width: 234px;
						height: 367px;
						margin-left: 33px;
						margin-top: 0px;
						z-index: 8;
						}
						
#flash					{position: absolute;
						width: 670px;
						height: 280px;
						margin-left: 270px;
						margin-top: 70px;
						z-index: 8;
						}
						
#content				{position: absolute;
						background-image: url(../images/dunes-bg.jpg);
						background-repeat: no-repeat;
						width: 980px;
						margin-left: 0px;
						margin-top: 97px;
						font-family: verdana, trebuchet ms, arial;
						font-size: 13px;
						color: #ffffff;
						z-index: 5;
						}
						
						
.bodytext				{font-family: verdana, trebuchet ms, arial;
						font-size: 11px;
						color: #6d6d6d;
						}
						
.bodylink				{font-family: verdana, trebuchet ms, arial;
						font-size: 11px;
						color: #6d6d6d;
						text-decoration: underline;
						}
						
.bodylink:hover			{font-family: verdana, trebuchet ms, arial;
						font-size: 11px;
						color: #6d6d6d;
						text-decoration: none;
						}
						
.bodytext2				{font-family: verdana, trebuchet ms, arial;
						font-size: 13px;
						color: #ffffff;
						}
						
.bodylink2				{font-family: verdana, trebuchet ms, arial;
						font-size: 13px;
						color: #ffffff;
						text-decoration: none;
						}
						
.bodylink2:hover		{font-family: verdana, trebuchet ms, arial;
						font-size: 13px;
						color: #ffffff;
						text-decoration: underline;
						}
						
.bodytext3				{font-family: verdana, trebuchet ms, arial;
						font-size: 11px;
						color: #000000;
						}
						
.bodylink3				{font-family: verdana, trebuchet ms, arial;
						font-size: 11px;
						color: #000000;
						text-decoration: none;
						}
						
.bodylink3:hover		{font-family: verdana, trebuchet ms, arial;
						font-size: 11px;
						color: #000000;
						text-decoration: underline;
						}
						
.heading				{font-family: trebuchet ms, verdana, arial;
						font-size: 18px;
						color: #578193;
						}
						
.heading2				{font-family: verdana, trebuchet ms, arial;
						font-size: 14px;
						color: #3f2207;
						}
						
.footer					{font-family: verdana, trebuchet ms, arial;
						font-size: 11px;
						color: #848484;
					
						}
						
.footerlink				{font-family: verdana, trebuchet ms, arial;
						font-size: 11px;
						color: #848484;
						text-decoration: underline;
						}
						
.footerlink:hover		{font-family: verdana, trebuchet ms, arial;
						font-size: 11px;
						color: #848484;
						text-decoration: none;
						}
						
.imgborder				{border: 1px solid #ebebeb;
						padding: 3px;
						background-color: #f7f7f7;
						}
						
						
table.fail					{border: #ea0b0b 1px solid;
							}
							
td.fail						{background-color: #ffb8b8;
							color: #ea0b0b;
							font-family: verdana, trebuchet ms, arial;
							font-size: 11px;
							}
							
table.success				{border: #1ba200 1px solid;
							}
							
td.success					{background-color: #bff7b4;
							color: #1ba200;
							font-family: verdana, trebuchet ms, arial;
							font-size: 11px;
							}
							
#listsouthernright 			{display: none;}
#listcapesugarbird 			{display: none;}
#listfynbos		 			{display: none;}
#listpinotage 				{display: none;}
#listolive 					{display: none;}