/* 
Theme Name: MacNaughton (original)
Theme URL: http://macnaughton-ltd.co.uk
Description: Theme for MacNaughton LTD
Author: Sane & Able
Author URL: http://www.saneandable.co.uk
Version: 1.2

Original theme URL: http://whiteboard.plainbeta.com/
*/

/*  The following CSS Reset was written by Dejan Cancarevic
http://stylizedweb.com/2008/02/14/10-best-css-hacks/         */

/* html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, del, dfn, em, font, img, ins, kbd, q, s, samp, acronym, address, big, cite, code,small, strike, strong, sub, sup, tt, var,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td {font-size:100%;font-family:inherit;vertical-align:baseline;margin:0;padding:0;border:0;outline:0;font-weight:inherit;font-style:inherit;}caption, th, td {text-align:left;font-weight:normal;}table {border-collapse:separate;border-spacing:0;}blockquote:before,blockquote:after,q:before,q:after {content: "";}blockquote, q {quotes: "" "";}
* {margin:0;padding:0;}
/*

/*

Green	:	#003F29

*/

#contact #content a:link {color: #003F29;}
#contact #content a:visited {color: #003F29;}
#contact #content a:active {color: #003F29;}
#contact #content a:hover {color: #999999;}

#project #projectDescription a:link {color: #333333;}
#project #projectDescription a:visited {color: #333333;}
#project #projectDescription a:active {color: #333333;}
#project #projectDescription a:hover {color: #003F29;}

#management #managementDescription a:link {color: #333333;}
#management #managementDescription a:visited {color: #333333;}
#management #managementDescription a:active {color: #333333;}
#management #managementDescription a:hover {color: #003F29;}

#nav a:link {color: #333333;}
#nav a:visited {color: #333333;}
#nav a:active {color: #333333;}
#nav a:hover {color: #666666;}

#footer a:link {color: #333333;}
#footer a:visited {color: #333333;}
#footer a:active {color: #333333;}
#footer a:hover {color: #999999;}

#subList a:link {color: #FFFFFF;}
#subList a:visited {color: #FFFFFF;}
#subList a:active {color: #FFFFFF;}
#subList a:hover {
		filter:alpha(opacity=60);
		opacity: 0.6;
		-moz-opacity:0.6;}


body {
	margin: 0;
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;
	color: #333333;
	}

a { text-decoration: none; }
a img { border: none; }

.cL { float: left; }
.cR { float: right; }
.cB { clear: both; }






/******************** Header ******************/



/*
#header {
	height: 600px;
	background-color: gray;
	}

#services #header,
#contact #header {
	height: 410px;
	background-color: gray;
	}
	
*/
#headerImage {
	position: relative;
	z-index: 1;
	display: block;
	min-width: 960px;
	}
/*
#headerImage {
	z-index: 1;
	display: block;
	min-width: 1200px;
	}
*/
	#header #navContainer {
		position: absolute;
		width: 100%;
		z-index: 30;
		height: 66px;
		/* IE10 Consumer Preview */ 
		background: -ms-linear-gradient(top, rgba(255,255,255,1.0) 0%, rgba(255,255,255,0.9) 100%) !important;
		
		/* Mozilla Firefox */ 
		background: -moz-linear-gradient(top, rgba(255,255,255,1.0) 0%, rgba(255,255,255,0.9) 100%) !important;
		
		/* Opera */ 
		background: -o-linear-gradient(top, rgba(255,255,255,1.0) 0%, rgba(255,255,255,0.9) 100%) !important;
		
		/* Webkit (Safari/Chrome 10) */ 
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(255,255,255,1.0)), color-stop(1, rgba(255,255,255,0.9))) !important;
		
		/* Webkit (Chrome 11+) */ 
		background: -webkit-linear-gradient(top, rgba(255,255,255,1.0) 0%, rgba(255,255,255,0.9) 100%) !important;
		
		/* W3C Markup, IE10 Release Preview */ 
		background: linear-gradient(to bottom, rgba(255,255,255,1.0) 0%, rgba(255,255,255,0.9) 100%) !important;
		background: #FFFFFF;
		}
		#header #navContainer #nav {
			width: 960px;
			margin: 0 auto;
			font-size: 14px;
			padding-top: 22px;
			}
			#header #navContainer #nav .menu-menu-left-container {
				float: left;
				}
			#header #navContainer #nav .menu-menu-right-container {
				float: right;
				}
			#header #navContainer #nav ul {
				margin: 0;
				padding: 0;
				}
				#header #navContainer #nav .menu-menu-left-container ul li {
					display: inline-block;
					padding-right: 50px;
					}
				#header #navContainer #nav .menu-menu-right-container ul li {
					display: inline-block;
					padding-left: 50px;
					}
				#header #navContainer #nav ul li.current-menu-item a,
				#header #navContainer #nav ul li.current-page-ancestor a {
					color: #003F29;
					filter:alpha(opacity=50);
					opacity: 0.5;
					-moz-opacity:0.5;
					}

#logo a {
	z-index: 3;
	position: absolute;
	left: -100px;
	margin-left: 50%;
	display: block;
	width: 200px;
	height: 126px;
	background: no-repeat url(images/MacNaughton-logo.png);
	text-indent: -4000px;
	}






/******************** Content ******************/





#content {
	display: block;
	clear: both;
	width: 960px;
	margin: 0 auto;
	}

.container {
	width: 960px;
	margin: 0 auto;	
	}





/******************** Home ******************/





#home h1,
#home h2,
#home h3 {
	font-weight: normal;
	margin: 0;
	padding: 0;
	}


#home h1,
#home h3 {
	font-family: "Times New Roman", Times, serif;
	font-style: italic;
	font-size: 20px;
	line-height: 125%;
	}
#home h1 {
	width: 220px;
	float: left;
	color: #FFFFFF;
	margin-right: 15px;
	}
#home h2 {
	width: 640px;
	float: left;
	font-size: 18px;
	line-height: 145%;
	color: #FFFFFF;
	}
#home h3 {
	clear: both;
	width: 235px;
	float: left;
	color: #003F29;
	}


#descriptionContainer {
	margin: 0 auto;		
	width: 960px;
	}
#homeDescription {
	padding: 30px;
	z-index: 10;
	position: absolute;
	bottom: 0;
/* 	background-color: #003F29; */
	
	/* IE10 Consumer Preview */ 
	background-image: -ms-linear-gradient(top, #003F29 0%, #00281A 100%);
	
	/* Mozilla Firefox */ 
	background-image: -moz-linear-gradient(top, #003F29 0%, #00281A 100%);
	
	/* Opera */ 
	background-image: -o-linear-gradient(top, #003F29 0%, #00281A 100%);
	
	/* Webkit (Safari/Chrome 10) */ 
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #003F29), color-stop(1, #00281A));
	
	/* Webkit (Chrome 11+) */ 
	background-image: -webkit-linear-gradient(top, #003F29 0%, #00281A 100%);
	
	/* W3C Markup, IE10 Release Preview */ 
	background-image: linear-gradient(to bottom, #003F29 0%, #00281A 100%);
	}

/*
#homeDescription {
	display: block;
	overflow: auto;
	background-color: #003F29;
	padding: 30px;
	}
*/
	
#homeServices {
	display: block;
	overflow: auto;
	padding: 30px;
	line-height: 155%;
	}
	#servicesBlock {
		width: 660px;
		float: left;
		}	
		.postBlock {
			width: 220px;
			float: left;
			}






/******************** Projects ******************/


#project #subTrigger {
	position: absolute;
	z-index: 20;
	margin-top: -52px;
	display: block;
	width: 210px;
	height: 37px;
	padding: 15px 20px 0 20px;
	color: #FFFFFF;
	background: #003F29 url(images/drop-down-arrow.png) 212px center no-repeat;
	}
	#project #subTrigger:hover {
		cursor: pointer;
		}

#project #subList {
	position: absolute;
	z-index: 20;
	margin-top: -52px;
	display: block;
	width: 210px;
	padding: 15px 20px 15px 20px;
	color: #FFFFFF;
	
	/* IE10 Consumer Preview */ 
	background-image: -ms-linear-gradient(top, #003F29 0%, #00281A 100%);
	
	/* Mozilla Firefox */ 
	background-image: -moz-linear-gradient(top, #003F29 0%, #00281A 100%);
	
	/* Opera */ 
	background-image: -o-linear-gradient(top, #003F29 0%, #00281A 100%);
	
	/* Webkit (Safari/Chrome 10) */ 
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #003F29), color-stop(1, #00281A));
	
	/* Webkit (Chrome 11+) */ 
	background-image: -webkit-linear-gradient(top, #003F29 0%, #00281A 100%);
	
	/* W3C Markup, IE10 Release Preview */ 
	background-image: linear-gradient(to bottom, #003F29 0%, #00281A 100%);
	
	background-color: #003F29;
	}
	#project #subList ul {
		margin: 0;
		padding: 0;
		list-style: none;
		}
	#project #subList ul li a {
		display: block;
		padding-bottom: 10px;
		}
		#project #subList ul li.current_page_parent a {
			filter:alpha(opacity=30);
			opacity: 0.3;
			-moz-opacity:0.3;
			}

#project #projectDescription {
	float: left;
	width: 188px;
	padding: 40px 40px 40px 20px;
	}
	#project #projectDescription ul {
		margin: 0;
		padding: 0;
		}
		#project #projectDescription ul li {
			list-style: none;
			line-height: 145%;
			padding-bottom: 15px;
			font-size: 13px;
			}
		#project #projectDescription ul li.current_page_item a {
			color: #003F29;
			font-weight: 600;
			}

#project #projectList {
	width: 660px;
	float: left;
	line-height: 190%;
	padding: 40px 0 40px 30px;
	border-left: 1px dashed #CCCCCC;
	}

	#project #projectList h1 {
		font-family: "Times New Roman", Times, serif;
		font-style: italic;
		font-size: 25px;
		line-height: 125%;
		color: #003F29;
		font-weight: normal;
		margin: 0;
		padding: 0 0 0 0;
		}
	#project #projectList h2 {
		font-family: "Times New Roman", Times, serif;
		font-style: italic;
		font-weight: normal;
		font-size: 16px;
		color: #666666;
		line-height: 125%;
		margin: 0;
		padding: 0;
		}
	#project #projectList p {
		padding-right: 30px;
		font-size: 13px;
		color: #666666;
		line-height: 190%;
		}






/******************** Management ******************/




#management #subTrigger {
	position: absolute;
	z-index: 20;
	margin-top: -52px;
	display: block;
	width: 210px;
	height: 37px;
	padding: 15px 20px 0 20px;
	color: #FFFFFF;
	background: #003F29  url(images/drop-down-arrow.png) 212px center no-repeat;
	}
#management #subList {
	position: absolute;
	z-index: 20;
	margin-top: -52px;
	display: block;
	width: 210px;
	padding: 15px 20px 15px 20px;
	color: #FFFFFF;
	
	/* IE10 Consumer Preview */ 
	background-image: -ms-linear-gradient(top, #003F29 0%, #00281A 100%);
	
	/* Mozilla Firefox */ 
	background-image: -moz-linear-gradient(top, #003F29 0%, #00281A 100%);
	
	/* Opera */ 
	background-image: -o-linear-gradient(top, #003F29 0%, #00281A 100%);
	
	/* Webkit (Safari/Chrome 10) */ 
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #003F29), color-stop(1, #00281A));
	
	/* Webkit (Chrome 11+) */ 
	background-image: -webkit-linear-gradient(top, #003F29 0%, #00281A 100%);
	
	/* W3C Markup, IE10 Release Preview */ 
	background-image: linear-gradient(to bottom, #003F29 0%, #00281A 100%);
	
	background-color: #003F29;
	}
	#management #subList ul {
		margin: 0;
		padding: 0;
		list-style: none;
		}
	#management #subList ul li a {
		display: block;
		padding-bottom: 10px;
		}
		#management #subList ul li.current_page_parent a,
		#management #subList ul li.current_page_item a {
			filter:alpha(opacity=30);
			opacity: 0.3;
			-moz-opacity:0.3;
			}

#management #managementDescription {
	float: left;
	width: 188px;
	padding: 40px 40px 40px 20px;
	}
	#management #managementDescription h1 {
		font-family: "Times New Roman", Times, serif;
		font-style: italic;
		font-size: 25px;
		line-height: 125%;
		color: #003F29;
		font-weight: normal;
		margin: 0;
		padding: 0 0 20px 0;
		}
	#management #managementDescription h2 {
		font-weight: normal;
		font-size: 13px;
		line-height: 190%;
		margin: 0;
		padding: 0;
		}
	#management #managementDescription ul {
		margin: 0;
		padding: 0;
		}
		#management #managementDescription ul li {
			list-style: none;
			line-height: 145%;
			padding-bottom: 15px;
			font-size: 13px;
			}
		#management #managementDescription ul li.current_page_item a {
			color: #003F29;
			font-weight: 600;
			}

#management #managementList {
	width: 660px;
	float: left;
	line-height: 190%;
	padding: 40px 0 40px 30px;
	border-left: 1px dashed #CCCCCC;
	}

	#management #managementList h1 {
		font-family: "Times New Roman", Times, serif;
		font-style: italic;
		font-size: 25px;
		line-height: 125%;
		color: #003F29;
		font-weight: normal;
		margin: 0;
		padding: 0 0 0 0;
		}
	#management #managementList h2 {
		font-family: "Times New Roman", Times, serif;
		font-style: italic;
		font-weight: normal;
		font-size: 16px;
		color: #666666;
		line-height: 125%;
		margin: 0;
		padding: 0;
		}
	#management #managementList p {
		padding-right: 30px;
		font-size: 13px;
		color: #666666;
		line-height: 190%;
		}
	#management #managementList.single p {
		padding-top: 0;
		margin-top: 0;
		padding-right: 30px;
		font-size: 13px;
		color: #666666;
		line-height: 190%;
		}
	#management #managementList ul {
		font-size: 13px;
		color: #666666;
		line-height: 190%;
		padding: 0 0 0 25px;
		margin: 0;
		}








/******************** Services ******************/







#services #servicesDescription {
	float: left;
	width: 188px;
	border-right: 1px dashed #CCCCCC;
	padding: 40px 40px 40px 20px;
	}
	#services #servicesDescription h1 {
		font-family: "Times New Roman", Times, serif;
		font-style: italic;
		font-size: 25px;
		line-height: 125%;
		color: #003F29;
		font-weight: normal;
		margin: 0;
		padding: 0 0 20px 0;
		}
	#services #servicesDescription h2 {
		font-weight: normal;
		font-size: 13px;
		line-height: 190%;
		margin: 0;
		padding: 0;
		}

#services #servicesList {
	width: 660px;
	float: left;
	line-height: 190%;
	padding: 87px 0 40px 30px;
	}








/******************** Clients ******************/







#clients #clientsDescription {
	float: left;
	width: 188px;
	border-right: 1px dashed #CCCCCC;
	padding: 40px 40px 40px 20px;
	}
	#clients #clientsDescription h1 {
		font-family: "Times New Roman", Times, serif;
		font-style: italic;
		font-size: 25px;
		line-height: 125%;
		color: #003F29;
		font-weight: normal;
		margin: 0;
		padding: 0 0 20px 0;
		}
	#clients #clientsDescription h2 {
		font-weight: normal;
		font-size: 13px;
		line-height: 190%;
		margin: 0;
		padding: 0;
		}

#clients #clientsList {
	width: 660px;
	float: left;
	line-height: 190%;
	padding: 87px 0 40px 30px;
	}








/******************** Services ******************/







#services #servicesDescription {
	float: left;
	width: 188px;
	border-right: 1px dashed #CCCCCC;
	padding: 40px 40px 40px 20px;
	}
	#services #servicesDescription h1 {
		font-family: "Times New Roman", Times, serif;
		font-style: italic;
		font-size: 25px;
		line-height: 125%;
		color: #003F29;
		font-weight: normal;
		margin: 0;
		padding: 0 0 20px 0;
		}
	#services #servicesDescription h2 {
		font-weight: normal;
		font-size: 13px;
		line-height: 190%;
		margin: 0;
		padding: 0;
		}

#services #servicesList {
	width: 660px;
	float: left;
	line-height: 190%;
	padding: 87px 0 40px 30px;
	}






/******************** Contact ******************/







#contact #contactDescription {
	float: left;
	width: 188px;
	border-right: 1px dashed #CCCCCC;
	padding: 40px 40px 40px 20px;
	}
	#contact #contactDescription address {
		font-style: normal;
		}
/*
	#contact #contactDescription a {
		font-weight: bold;
		}
*/
	#contact #contactDescription h1 {
		font-family: "Times New Roman", Times, serif;
		font-style: italic;
		font-size: 25px;
		line-height: 125%;
		color: #003F29;
		font-weight: normal;
		margin: 0;
		padding: 0 0 20px 0;
		}
	#contact #contactDescription h2 {
		font-weight: normal;
		font-size: 13px;
		line-height: 190%;
		margin: 0;
		padding: 0;
		}

#contact #contactMap {
	float: left;
	width: 650px;
	height: 260px;
	margin: 40px 0 40px 30px;
	}







/******************** Footer ******************/



#footer {
	clear: both;
	width: 950px;
	margin: 40px auto 30px auto;
	font-size: 11px;
	border-top: 1px solid #D9D9D9;
	padding-top: 10px;
	padding-bottom: 30px;
	}
	
	
	
	
	
	
	
/******************** Unused ******************/




#container{}
.post{}
.postmeta{}
.postnavigation{}
#searchform{}
#sidebar{}
#comments
.comments_navigation{}
.comments_navigation{}
.comments_reply{}
.comments_text{}
	
.comments_reply textarea {
	width: 100%;
	}
	
.comments_meta{}





img.alignright {float:right; margin:0 0 16px 16px}
img.alignleft {float:left; margin:0 16px 16px 0}
img.aligncenter {display: block; margin-left: auto; margin-right: auto}
a img.alignright {float:right; margin:0 0 16px 16px}
a img.alignleft {float:left; margin:0 16px 16px 0}
a img.aligncenter {display: block; margin-left: auto; margin-right: auto}