/*	------------------------------------------------------------------------------------------ 	
	Layout & interface
	------------------------------------------------------------------------------------------ 		*/

	BODY	{
		background:#857750 url(../../images/background.jpg) top center no-repeat;
		margin:0;
		font-family:Georgia, "Times New Roman", Times, serif;
		color:#70613b;
	}
	
	#container {
		position:absolute;
		width:990px;
		left:50%;
		margin-left:-495px;
		background:#e0dbc5 url(../../images/background_interface.jpg);
	}

	#padder { padding:0 15px 0 15px; }
	
	h1 {
		display:block;
		margin:0 0 0 367px;
		width:226px;
		height:190px;
		text-indent:-999px;
		overflow:hidden;
		background:url(../../images/logo_amakhosi.gif);
	}
	
	#photo_bar {
		display:block;
		width:960px;
		height:213px;
		margin:3px 0 3px 0;
		overflow:hidden;
	}
	
	#menu {
		display:block;
		background:#926128 url(../../images/bg_menu.gif);
		height:30px;
		overflow:hidden;
		margin:0;
	}
		#menu ul {
			list-style-type:none;
			display:block;
			margin:0 0 0 15px;
			padding:0;
		}
			#menu ul li { 
				list-style-type:none; 
				display:inline; 
			}
				#menu ul li a {
					color:white;
					font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
					font-size:10.5pt;
					float:left;
					display:block;
					padding:6px 14px 8px 14px;
				}
					#menu ul li a:hover {
						text-decoration:none;
						color:#eabb16;
					}

	#contact_us {
		display:block;
		position:absolute;
		left:820px;
		top:38px;
	}
		#contact_us a {
			display:block;
			width:106px;
			height:22px;
			display:block;
			overflow:hidden;
			background:url(../../images/contact_us.gif) top left;
			text-indent:-999px;
		}
			#contact_us a:hover {	background-position:bottom left;	}
	
	#two_cols {	background: url(../../images/background_2cols.jpg); }
	
	#content_left {
		float:left;
		width:660px;
	}

	#content_right {
		float:left;
		display:block;
		width:300px;
	}
	
	#footer {
		clear:both;
		display:block;
		background:url(../../images/bg_footer.jpg) top left no-repeat;
		padding-top:20px;
		width:990px;
		height:100px;
	}
	#footer_two_col {
		clear:both;
		display:block;
		background:url(../../images/bg_footer_2col.jpg) top left no-repeat;
		padding-top:20px;
		width:990px;
		height:100px;
	}
		#footer p, #footer_two_col p { 
			font-size:8pt;
			color:white;
			font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
			text-align:center;
		}
			#footer p a, #footer_two_col p a { color:white; }
	
/*	------------------------------------------------------------------------------------------ 	
	General styles
	------------------------------------------------------------------------------------------ 		*/

	a {
		color:#c37315;
		text-decoration:none;
	}
		a:hover { text-decoration:underline; }
	
	p {
		margin: 0 0 15px 0;
		font-size:10pt;
		text-align:justify;
	}
	form { margin:0 0 15px 0; }

	.p25 { display:block; padding:25px; }
	
	h2 {
		font-weight:normal;
		color:#ae5f29;
		font-size:14pt;
		margin:0;
	}
	table { 
		border:0;
		margin:0;
		padding:0;
	}
		table tr td {
			font-size:10pt;
			padding:0 10px 5px 0;
		}
			table tr td input, table tr td textarea {
				font-family:Georgia, "Times New Roman", Times, serif;
				font-size:10pt;
				background:#ece9dd;
				border:1px solid #d4caa9;
				color:#70613b;
			}
			table tr td input.submit {
				background:#70613b;
				border:0;
				color:white;
				padding:3px;
			}

	.thumb_holder {
		float:left;
		margin:0 10px 10px 0;
	}
		a.thumb_thumb img { 
			padding:5px;
			background:white;
			border:1px solid #d8d1b9;
		}
			a.thumb_thumb:hover img { border:1px solid #b8b199; }
	
/*	------------------------------------------------------------------------------------------ 	
	Reusables
	------------------------------------------------------------------------------------------ 		*/

	em.by_line { 	color:#aca186;	}
	
	a.arrow {
		display:block;
		height:24px;
		text-indent:-999pt;
		overflow:hidden;
	}
		a.arrow:hover { background-position:bottom left; }
		
	.intro_paragraph {
		display:block;
		padding-bottom:10px;
		position:relative;
		font-style:italic;
	}
		.intro_paragraph p { width:250px; display:block; }
		.intro_paragraph p.big { width:350px; display:block; }
		.intro_paragraph img { position:absolute; left:275px; }
		.intro_paragraph img.big { position:absolute; left:375px; }

	.image_left {
		display:block;
		border-top:1px solid #d8d1b9;
		padding:25px 0 10px 0;
		position:relative;
	}
		.image_left p, .image_left h2 { margin-left:275px; }
		.image_left p.big, .image_left h2.big { margin-left:375px; }
		.image_left img { position:absolute; top:30px; }
	
	.regular { padding-top:25px; border-top:1px solid #d8d1b9; }

	
	.clearer { display:block; height:1px; clear:both; }

	
	
/*	------------------------------------------------------------------------------------------ 	
	Once-offs
	------------------------------------------------------------------------------------------ 		*/
	
	/* arrow buttons */
		a.discover_amakhosi {
			width:146px;
			background:url(../../images/but_discover_amakhosi.gif);
		}
		a.enquiries {
			width:155px;
			background:url(../../images/but_reservations_enquiry.gif);
		}
	
	ul.news_list {
		margin:0 0 28px 0;
		padding:0;
		list-style-type:none;
	}
		ul.news_list li {
			margin:0 0 7px 0;
			font-size:10pt;
		}
		.date_string { font-size:8pt; color:#a89a78; }
		
	
	ul.gal_list {
		margin:0 0 0 18px;
		padding:0;
		list-style-type:disc;
	}
		ul.gal_list li {
			margin:0 0 5px 0;
			font-size:10pt;
		}

	
	#email { 
		border:1px solid #c6bea4;
		padding:2px;
		width:150px;
	}
	#submit {
		border:0;
		background:#70613b;
		color:white;
	}
	
	#fb a{
		position:absolute;
		height:39px;
		width:55px;
		text-indent: -999px;
		overflow: hidden;
		background-repeat:no-repeat;
		background:url(../../images/fb_down.gif);
		
	}
	#twit a{
		position:absolute;
		height:35px;
		display:block;
		width:56px;
		left:400px;
		/*top:915px;*/
		text-indent: -999px;
		overflow: hidden;		
		background-repeat:no-repeat;
		background:url(../../images/twit_down.gif);
	}
	#fb a:hover{
		background:url(../../images/fb_up.gif);
		background-repeat:no-repeat;
	}
	#twit a:hover{
		background:url(../../images/twit_up.gif);
		background-repeat:no-repeat;
	}