html, body				{height: 100%;
						}
							
body					{background-position: center top;
						background-image: url(../images/hermanus-bg.jpg);
						background-repeat: repeat-x;
						background-color: #ebe3d5;
						margin: auto;
						padding: 0px;
						height: 100%;
						}

#frame					{text-align: left;
						width: 980px;
						margin: auto;
						z-index: 1;
						height: 100%;
						padding: 0px;
						}
						
#logo					{position: absolute;
						width: 320px;
						height: 90px;
						margin-left: 48px;
						margin-top: 0px;
						z-index: 8;
						}
						
#hermanuslogo			{position: absolute;
						width: 165px;
						height: 119px;
						margin-left: 5px;
						margin-top: 100px;
						z-index: 10;
						}
						
#search					{position: absolute;
						background-image: url(../images/search-restaurants.gif);
						background-repeat: no-repeat;
						width: 446px;
						height: 58px;
						margin-left: 493px;
						margin-top: 27px;
						z-index: 8;
						}
						
#flash					{position: absolute;
						width: 867px;
						height: 320px;
						margin-left: 57px;
						margin-top: 114px;
						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: 12px;
						color: #82683d;
						}
						
.bodylink				{font-family: verdana, trebuchet ms, arial;
						font-size: 12px;
						color: #82683d;
						text-decoration: underline;
						}
						
.bodylink:hover			{font-family: verdana, trebuchet ms, arial;
						font-size: 12px;
						color: #82683d;
						text-decoration: none;
						}
						
.bodytext2				{font-family: verdana, trebuchet ms, arial;
						font-size: 12px;
						color: #ffffff;
						}
						
.bodylink2				{font-family: verdana, trebuchet ms, arial;
						font-size: 12px;
						color: #ffffff;
						text-decoration: none;
						}
						
.bodylink2:hover		{font-family: verdana, trebuchet ms, arial;
						font-size: 12px;
						color: #ffffff;
						text-decoration: underline;
						}
						
.bodytext3				{font-family: trebuchet ms, verdana, arial;
						font-size: 14px;
						color: #000000;
						}
						
.bodylink3				{font-family: trebuchet ms, verdana, arial;
						font-size: 14px;
						color: #000000;
						text-decoration: none;
						}
						
.bodylink3:hover		{font-family: trebuchet ms, verdana, arial;
						font-size: 14px;
						color: #000000;
						text-decoration: underline;
						}
						
.bodytext4				{font-family: verdana, trebuchet ms, arial;
						font-size: 13px;
						color: #777777;
						}
						
.bodylink4				{font-family: verdana, trebuchet ms, arial;
						font-size: 13px;
						color: #777777;
						text-decoration: none;
						}
						
.bodytext5				{font-family: trebuchet ms, verdana, arial;
						font-size: 18px;
						color: #6f5b37;
						}
						
.bodylink5				{font-family: trebuchet ms, verdana, arial;
						font-size: 18px;
						color: #6f5b37;
						text-decoration: none;
						}
						
.bodylink5:hover		{font-family: trebuchet ms, verdana, arial;
						font-size: 18px;
						color: #6f5b37;
						text-decoration: underline;
						}
						
.bodytext6				{font-family: trebuchet ms, verdana, arial;
						font-size: 11px;
						color: #6f5b37;
						}
						
.bodylink6				{font-family: trebuchet ms, verdana, arial;
						font-size: 11px;
						color: #6f5b37;
						text-decoration: none;
						}
						
.bodylink6:hover		{font-family: trebuchet ms, verdana, arial;
						font-size: 11px;
						color: #6f5b37;
						text-decoration: underline;
						}
						
.bodytext7				{font-family: trebuchet ms, verdana, arial;
						font-size: 18px;
						color: #ffffff;
						}
						
.bodylink7				{font-family: trebuchet ms, verdana, arial;
						font-size: 18px;
						color: #ffffff;
						text-decoration: none;
						}
						
.bodylink7:hover		{font-family: trebuchet ms, verdana, arial;
						font-size: 18px;
						color: #ffffff;
						text-decoration: underline;
						}
						
.bodytext8				{font-family: trebuchet ms, verdana, arial;
						font-size: 18px;
						color: #cc0000;
						}
						
.bodylink8				{font-family: trebuchet ms, verdana, arial;
						font-size: 18px;
						color: #cc0000;
						text-decoration: none;
						}
						
.bodylink8:hover		{font-family: trebuchet ms, verdana, arial;
						font-size: 18px;
						color: #cc0000;
						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: #b5a68d;
					
						}
						
.footerlink				{font-family: verdana, trebuchet ms, arial;
						font-size: 11px;
						color: #b5a68d;
						text-decoration: none;
						}
						
.footerlink:hover		{font-family: verdana, trebuchet ms, arial;
						font-size: 11px;
						color: #a18e6e;
						text-decoration: none;
						}
						
.imgborder				{border: 1px solid #ebebeb;
						padding: 3px;
						background-color: #f7f7f7;
						}
						
.listing				{padding-left:25px;
						margin-left: -10px;
						text-align: left;
    					background:transparent url(../images/list.gif) no-repeat;
    					background-position:0 2px;
						}
						
.tick					{padding-left:25px;
						margin-left: -10px;
						text-align: left;
    					background:transparent url(../images/tick.gif) no-repeat;
    					background-position:0 2px;
						}
						
						
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;
							}
