html{
	margin: 0px;
	padding: 0px;
}


body{
	margin: 0px;
	padding: 0px;
	background-color: #7b8959;
	background-image: url(images/background.gif);
	background-repeat: repeat-x;
}

a:link, a:visited, a:active{
	color: #a66233;
	font-weight: bold;
	text-decoration: none;
}

a:hover {
	color: #5f5845;
	font-weight: bold;
	text-decoration: underline;
}

img{
	border: none;
}

.bold{
	font-weight: bold;
}

.boldbrown{
	font-weight: bold;
	color: #CD7B3C;
}

.italic{
	font-style: italic;
}

hr{
	border: 1px dotted #D1D1C0;
	height: 0px;
	width: 100%;
	margin: 0px;
	padding: 0px;
}

#layout{
	width: 926px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 10px;
}

#language{
	width: 156px;
	height: 30px;
	background-image: url(images/languagebg.gif);
	background-repeat: no-repeat;
	padding: 0px 0px 0px 770px;
}

#header{
	width: 578px;
	height: 336px;
	background-image: url(images/sasafari-header.gif);
	background-repeat: no-repeat;
	padding: 0px 0px 0px 348px;
}

#slideshowframe{
	width: 565px;
	height: 336px;
}

.slideshow { height: 336px; width: 565px; margin: auto }

#nav{
	width: 883px;
	height: 49px;
	background-image: url(images/navbg.gif);
	background-repeat: no-repeat;
	padding: 9px 0px 0px 43px;
}

/* Everything CSS Sprite Menu */
	ul#menu{margin:0; padding:0; list-style:none; clear:both;}
		#menu li{overflow:hidden; text-indent:-9999px; display:inline; float:left; margin-right:0px;}
			#menu li a{background:url('images/menu.gif') no-repeat; width:100%; height:100%; display:block;}
			
			
			/* Home Button */
			#menu li.home{width:84px; height:41px;}
				#menu li.home a{background-position:0px 0px;}
				#menu li.home a:hover{background-position:0px -41px;}
				#menu li.home a.selected{background-position:0px -41px;}

			/* About Button */
			#menu li.about{width:115px; height:41px;}
				#menu li.about a{background-position:-84px 0px;}
				#menu li.about a:hover{background-position:-84px -41px;}
				#menu li.about a.selected{background-position:-84px -41px;}

			/* enquire Button */
			#menu li.enquire{width:114px; height:41px;}
				#menu li.enquire a{background-position:-199px 0px;}
				#menu li.enquire a:hover{background-position:-199px -41px;}
				#menu li.enquire a.selected{background-position:-199px -41px;}

			/* gallery Button */
			#menu li.gallery{width:97px; height:41px;}
				#menu li.gallery a{background-position:-313px 0px;}
				#menu li.gallery a:hover{background-position:-313px -41px;}
				#menu li.gallery a.selected{background-position:-313px -41px;}

			/* guest Button */
			#menu li.guest{width:170px; height:41px;}
				#menu li.guest a{background-position:-410px 0px;}
				#menu li.guest a:hover{background-position:-410px -41px;}
				#menu li.guest a.selected{background-position:-410px -41px;}

			/* bio Button */
			#menu li.bio{width:136px; height:41px;}
				#menu li.bio a{background-position:-580px 0px;}
				#menu li.bio a:hover{background-position:-580px -41px;}
				#menu li.bio a.selected{background-position:-580px -41px;}

			/* Contact Button */
			#menu li.contact{width:125px; height:41px;}
				#menu li.contact a{background-position:-716px 0px;}
				#menu li.contact a:hover{background-position:-716px -41px;}
				#menu li.contact a.selected{background-position:-716px -41px;}

#content{
	width: 926px;
	background-image: url(images/pagebg.gif);
	background-repeat: repeat-y;
}

#col1{
	float: left;
	width: 588px;
	background-image: url(images/col1header.gif);
	background-repeat: no-repeat;
	background-color: #edede6;
	margin: 0px 0px 0px 22px;
	padding: 0px;
}

#col1 h1{
	padding: 20px 35px 10px 35px;
	color: #5a673b;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	line-height: 25px;
}

#col1 h2{
	padding: 24px 0px 0px 35px;
	margin: 0px;
	color: #fff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: bold;
}

#col1 h3{
	padding: 10px 0px 0px 35px;
	color: #CD7B3C;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
}

#col1 p{
	padding: 0px 35px 0px 35px;
	color: #232816;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 20px;
	text-align: justify;
}


#col2{
	float: right;
	width: 294px;
	background-image: url(images/col2header.gif);
	background-repeat: no-repeat;
	margin: 0px 13px 0px 0px;
}

#guestphoto{
	width: 250px;
	padding: 0px 0px 0px 0px;
	margin: 21px 0px 0px 9px;
}

#guestphoto img{
	margin: 0px 0px 9px 0px;
}

#quote{
	width: 250px;
	background-image: url(images/quotebg.gif);
	background-repeat: no-repeat;
	padding: 0px 0px 0px 0px;
	margin: 40px 0px 0px 22px;
}

#quote p{
	padding: 0px 20px 0px 20px;
	color: #fff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 20px;
	text-align: left;
}

#quote a:link, #quote a:visited, #quote a:active{
	color: #fff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 20px;
	text-align: left;
}

.name{
	color: #CD7B3C;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	line-height: 20px;
}

.clear{
	clear: both;
	padding: 0px;
	margin: 0px;
}

#gallerycontent{
	width: 926px;
	background-image: url(images/gallerypagebg.gif);
	background-repeat: repeat-y;
}

#galleryframe{
	width: 882px;
	background-image: url(images/galleryheader.gif);
	background-repeat: no-repeat;
	background-color: #edede6;
	margin: 0px 0px 0px 22px;
	padding: 0px;
}

#galleryframe h1{
	padding: 20px 0px 10px 35px;
	color: #5a673b;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
}

#galleryframe h2{
	padding: 24px 0px 0px 35px;
	margin: 0px;
	color: #fff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: bold;
}

#galleryframe p{
	padding: 0px 35px 0px 35px;
	color: #232816;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 20px;
	text-align: justify;
}

/* page bottom photos - this is a class not an id so the can be more the one per page */
.photos{
	width: 926px;
	background-image: url(images/photobg.gif);
	background-repeat: repeat-y;
	padding: 10px 0px 0px 13px;
}

.leftphoto{
	float: left;
}

.rightphoto{
	float: left;
	padding-left: 10px;
}


#formbg{
	width: 518px;
	background-color: #fff;
	padding: 0px;
	margin: 0px 0px 0px 35px;
}

#formtop{
	width: 518px;
	height: 9px;
	background-image: url(images/formtop.gif);
	background-repeat: no-repeat;
	padding: 0px;
	margin: 0px;
}

#formbottom{
	width: 518px;
	height: 9px;
	background-image: url(images/formbottom.gif);
	background-repeat: no-repeat;
	padding: 0px;
	margin: 0px;
}

#formcontent{
	padding: 0px 34px 0px 34px;
	margin: 0px;
}

#formcontent label{
	color: #4C5335;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding: 0px;
	margin: 0px;
}

#formcontent h1{
	padding: 5px 0px 5px 0px;
	color: #5a673b;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
}

input, textarea, select{
	border: 1px solid #dfdfd7;
	background-color: #f3f3eb;
	padding: 3px 2px 3px 2px;
	margin: 4px 0px 10px 0px;
	width: 445px;
	color: #4C5335;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

.shortselect{
	border: 1px solid #dfdfd7;
	background-color: #f3f3eb;
	padding: 3px 2px 3px 2px;
	margin: 4px 0px 10px 0px;
	width: 200px;
	color: #4C5335;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

.formbutton{
	width: 80px;
	background-image: url(images/formbutton.gif);
	background-repeat: repeat-x;
	background-color: #D18850;
	border: 0px;
	color: #592c0a;
	font-weight: bold;
}


#footer{
	background-image: url(images/footerbg.gif);
	background-repeat: no-repeat;
	width: 926px;
	height: 82px;
	padding: 10px 0px 10px 0px;
	margin: 0px;
}

#footer p{
	padding: 5px 0px 0px 0px;
	margin: 0px;
	color: #fff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	text-align: center;
}


#vitamin{
	margin-bottom: 20px;
	color: #ffffff;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 22px;
	text-align: center;
}