/* 
Project  : Antony Fraser
Author   : 
Date     : Sunday 20th February 2011
*/

#logo { 
			width: 400px;
			height: 139px;
			margin: 15px 0 0 25px;
			float: left;
			display: inline;
		}		#logo a { display: block; width: 350px; height: 119px; }
				#logo span { float: left; text-indent: -9999px; }



/*
* { padding: 0; margin: 0; outline: 0; }

body {
	background: #FFFFFF;
	font: 0.75em Verdana, Helvetica, sans-serif;
	color: #FFFFFF;
}*/

/* General styles
====================
#wrapper {
	background: #FFF;
	width: 960px;
	margin: 0 auto;
	padding: 0 0 0px 0;
	overflow: visible;
} 
#homeLeft p, #homeRight p { font-weight: normal; font-size: 0.95em; }
p { font-size: 1.0em; }
a { color: #403611; font-weight: bold; text-decoration: none; }
	a:hover { text-decoration: underline; }
.button a { background: url('../i/more-left.jpg') no-repeat 0 0; font: 1.25em Verdana, Arial, Helvetica, sans-serif; letter-spacing: -1px; color: #006600; padding: 9px 0 9px 7px; text-decoration: none; display: block; }		
.button a span { background: url('../i/more-right.jpg') no-repeat right 0; padding: 9px 12px 9px 3px; }
	.button a:hover { background: url('../i/more-left.jpg') no-repeat 0 -36px; }
	.button a:hover span { background: url('../i/more-right.jpg') no-repeat right -36px; color: #288E28; }
*/								
h1 {
	color: #ffffff;
	font-size: 1.95em;
	font-weight: normal;
	margin: 10px 10px 5px 10px;
}

h2 {
	color: #403611;
	font-size: 1.25em;
	margin: 10px 0 5px 0;
}

h3 {
	color: #403611;
	font-size: 1.1em;
}
/*
h4 {
	color: #CB5C0A;
	font-size: 1.417em;
	margin: 0 0 5px 0;
}

h5 {
	color: #ffffff;
	Font: Arial, Helvetica, sans-serif;
	font-size: 1.35em;
	font-style: italic;
	font-weight: lighter;
	margin: 5px 5px 5px 5px;
}


 Header / Logo / Nav 
====================
#header {
	background: url('../i/header.jpg') no-repeat;
	width: 960px;
	height: 150px;
}

#headerabout {
	background: url('../i/header-about.jpg') no-repeat;
	width: 960px;
	height: 150px;
}

#headerwheat {
	background: url('../i/header-wheat.jpg') no-repeat;
	width: 960px;
	height: 150px;
}
		

*/								
#navigation {								
	background: none;
	width: 960px;
	height: 50px;
	}
	
	
	ul#nav {
    clear: both;
    display: inline;
    float: right;
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
    position: absolute;
	left: 500px;
    top: 74px;
	width: 800px;
    z-index: 900;
}		#nav div { display: none; }
					#nav :hover div { background: none; display: block; padding: 0; position: absolute; top: 26px; }
					#nav :hover div dd { display: block; margin: 5px; text-align: left; }
						#nav :hover div dd a { text-indent: 10%; font-size: 1em; color: #000; height: auto; margin: 0; padding: 3px 0 5px 0; text-decoration: none; } 
							#nav :hover div dd a:hover { width: 140px; text-indent: 10%; color: #fff;}
						#nav .pos4a { left: 75px; width: 155px; height: 95px; margin: 16px 0 0 0; }
							#nav .pos4a dd { padding: 2px 5px; }
							html>body #nav .pos4a { left: 70px; width: 155px; height: 95px; margin: 16px 0 0 0; }							
							
						
						
							
				#nav li { list-style: none; float: left; padding: 0 0px}
							#nav li a { font-size: 1.2em; color: #666; padding: 15px 0 9px 10px; text-decoration: none; display: block; }
									#nav li a.active { color: #fff;}
							#nav li a span { padding: 15px 15px 15px 1px; }
									#nav li a.active span { color: #fff;}
								#nav li a:hover { color: #fff;}
								
								
								
									
/*Content Styles
====================*/
#contentHolder {
	float: left;
	margin: 0px 0px 0px 0px;
	overflow: hidden;
	clear:both;
}		

		.thumbBlock {
			margin-left: 50px;
			margin-top: 25px;
			width: 300px;
			float: left;
		}
		
		
		.thumb {
			border: #fff 1px;
		}
		
			.imageTitle {
			float: left;
			width: 70%;
		}	
		.imageBlock {
			position: absolute;
			left: 395px;
    		top: 200px;
			width: 800px;
   			z-index: 800;
		}

		.imageCaption {
			position: relative;
			left: 400px;
    		top: 150px;
			width: 200px;
   			z-index: 800;
		}
		
		#slideshow {
			float: left;
			clear: right;
			width: 800px;
			height: 800px;
			overflow: hidden;
			margin: 10px 0 0 0;
			position: relative;
		}		#slideshow img { position: absolute; top: 0; left: 0; }
		#controls {
			float: left;
			clear: both;
		}		#controls a { margin: 0 10px; text-decoration: underline; }
					#controls a:hover { text-decoration: none; }
				
		div.pagination a:hover {
			background: #fff !important;
			color: #111;
		}

/* Homepage
====================
#homeLeft {
	background: #AC9F60;
	colour: FFF; 
	float: left;
	position: relative;
	width: 249px;
	height: 410px;
	padding: 10px;
	margin: 10 0 0 0px;
}		

#homeMiddle {
	float: left;
	position: relative;
	width: 1px;
	padding: 0px;
	margin: 10 0 0 0px;
}				

#homeRight {
	float: left;
	position: relative;
	width: 689px;
	height: 430px;
	margin: 10 0 0 0px;
	padding: 0px;
}		.slideshow { height: 689px; width: 430px;}
		.slideshow img { padding: 0px; border: 0px; background-color: #eee; }

*/
	
				
/*Interior page
====================*/
#interiorLeft {
	background: #D5C893;
	color: #403611; 
	float: left;
	width: 689px;
	height: 575px;
	padding: 10px;
	margin: 10px 0 0 0px;
}		

#interiorLeftServices {
	background: #D5C893;
	color: #403611; 
	float: left;
	width: 659px;
	height: 545px;
	padding: 25px;
	margin: 10px 0 0 0px;
}		

#interiorLeftShort {
	background: #D5C893;
	color: #403611; 
	float: left;
	width: 659px;
	height: 465px;
	padding: 25px;
	margin: 10px 0 0 0px;
}

#interiorMiddle {
	float: left;
	position: relative;
	width: 1px;
	padding: 0px;
	margin: 10px 0 0 0px;
}				

#interiorRight {
	background: #AC9F60;
	float: left;
	position: relative;
	width: 249px;
	height: 595px;
	margin: 10px 0 0 0px;
	padding: 10px;
}

#interiorRightShort {
	background: #AC9F60;
	float: left;
	position: relative;
	width: 249px;
	height: 515px;
	margin: 10px 0 0 0px;
	padding: 10px;
}

#pagetitle {
	background: url('../i/title-bg.jpg');
	color: #403611; 
	float: left;
	height: 41px;
	padding: 0px;
	margin: 10px 0 0 0px;
}

/* Portfolio page
====================
#portfolioLeft {
	background: #D5C893;
	colour: #403611; 
	float: left;
	width: 689px;
	height: 1150px;
	padding: 10px;
	margin: 10 0 0 0px;
}			

#portfolioMiddle {
	float: left;
	position: relative;
	width: 1px;
	padding: 0px;
	margin: 10 0 0 0px;
}				

#portfolioRight {
	background: #AC9F60;
	float: left;
	position: relative;
	width: 249px;
	height: 1170px;
	margin: 10 0 0 0px;
	padding: 10x;
}

		
/* Footer styles
====================
#footer {
	background: url('../i/footer.jpg');
	float: left;
	width: 960px;
	height: 40px;
	top: 2px;
	position: relative;
	font-size: 0.85em;
	color: #766832;
	margin: 0;
    padding: 5px 0px 5px 10px;
	font-weight: bold;
} 	

*/