/* 1. BASE
-----------------------------------------------------------------------------------------------
===============================================================================================*/	

@charset "UTF-8";
/* CSS Document */

/* reset */
body, p, h1, h2, h3, h4, h5, h6, a, div, blockquote, cite, a img, address {
	margin: 0; padding: 0; text-indent: 0;
	border: none; outline: none;
	text-decoration: none; font-size: 100%; font-weight: normal; font-style: normal;
	list-style: none;
}
table, td, tr, tbody, thead, th, caption {
	border-spacing: 0; border: none; border-collapse: separate;
	vertical-align: top; text-align: left;
	font-weight: normal;
}

/* typography */

p, h1, h2 { margin: 0 0 9px 0; }
p { font-size: 1.0em; line-height: 1.27em; }
h1 { font-size: 1.2em; line-height:1.16em; font-weight:bold;color:#093479; }
h2 { font-size: 1.2em; line-height:1.16em; font-weight:bold;color:#093479;}
h3, h4, h5, h6 { font-size: 1.1em; font-weight:bold; line-height:1.27em;}

a { color: #af292e;  text-decoration: none;}
a:hover, a:active { text-decoration: underline; }

/* * * =forms * * * * * * * * * * * * * * * * * * * * * * * * * * */
form, fieldset, input { margin : 0; padding : 0; }

form { width: 34em; margin-left: 5px; }

form p {font-size: 100%; padding: 2px;margin: 0;}

/* fieldset styling */
fieldset { margin: 1em 0;	padding: 1em;	border : 1px solid #e2e2e2; }

/* legend styling */
legend {font-weight: bold;color: #74A637; }

/* style for  labels */
label { float: left; width: 14em;}

/* style for required labels */
label .required { font-size: 0.9em; font-style: normal; color: red; }

label.error, input.submit { color: #F00; margin: 5px 0 0 0; }

input { width: 200px; }

input.radio, input.submit { 	width: auto; }

textarea { width: 200px;	height: 100px; padding:0;} 

/* submit */

form div input {
	width: 100px;
	margin-top:5px;
	margin-left: 170px;
	padding: 0 .25em;
	background-color: #74A637;
	color: #fff;
	text-transform: uppercase;
	font-size: 90%;
}

/* apply style to div's containing other floating elements - FLOAT CHILDREN LEFT AND CLEAR NONE */

.group:after, #sidebar:after, #wrapper:after, #header .branding:after, #nav:after
{content: ".";display: block;height: 0;clear: both;visibility: hidden;}

.group, #sidebar, #wrapper, #header .branding, #nav { zoom: 1; display: block; }

.clearfix {clear: both; overflow: hidden;}

body {margin:0;padding:0;font: 62.5% Arial, Helvetica, Verdana, sans-serif !important;text-align:center;}

/* 2. LAYOUT
-----------------------------------------------------------------------------------------------
===============================================================================================*/	
	/* Main Backgrounds */
  body {color: #565454; background: #B6BD96; height: 100%;}
	.container {width:764px; margin: 0 auto; padding:0; text-align: left; background: url(../images/bg.png) repeat-y; position: relative;}
	#header {width:744px; height: 134px; margin: 0 10px; padding:0 0  17px 0;  background: #FFF66E; }
	#wrapper {width: 744px; margin: 0; padding:17px 10px 0 10px; background: url(../images/bg_header.png) no-repeat left top;
		display: block; 
	}
		.headline { width: 744px; height: 277px; display: block; margin:0; padding:0;  background: url(../images/bg_headline.jpg) no-repeat left top;}
	#content-wrapper {width: 744px; margin: 0; padding: 0px 0px; 
		background: #ffffff url(../images/dot.png) repeat-y 484px top;
		display: block; overflow: hidden;
	}
	#content { width: 464px; float:left; padding: 10px;}
	#sidebar { width: 253px; float: right; padding: 10px 3px 0 3px;}
	#footer {width: 764px; margin:0 auto;  padding: 24px 0; background: url(../images/bg_footer.png) no-repeat 0 0; }
	
				
/* 2.1	Header
-----------------------------------------------------------------------------------------------*/	
  .logo {margin:0;padding:0;position: absolute; z-index: 100; top: 25px; left: 13px; width: 300px; height: 91px; }
	.logo a {display:block;text-indent:-9999px !important;background:url(../images/logo.png) no-repeat; width: 300px; height: 91px; margin:0; padding:0;}
	#header {position:relative; }
	#header p {margin:0; padding:0; font-size: 1.0em;}
	#header p.serving {position : absolute; top: 25px; left: 332px; color: #78ae39;
		font: bold 2.6em/1.2em Times, "Times New Roman", serif;
	}
	#header p.serving .tel { font: 0.923em Arial, Helvetica, sans-serif; font-weight: bold;}
	#header p.adr {position : absolute; top: 45px; right: 15px; text-align: right; 
			font-size: 1.2em; color: #615b56; font-weight: bold;}
		#header p.adr a.email {font-weight: bold; color: #615b56; text-decoration: underline; line-height: 2.4em;}
		#header p.adr a.email:hover {text-decoration: none}
/* 2.2	Content
-----------------------------------------------------------------------------------------------*/	
	#content h1 {font: bold 2.8em/1.1em Times, "Times New Roman", serif; color: #74a637; margin: 10px 0 5px 0; padding:0;}
  .entry { font-size: 1.2em; line-height: 1.5em; margin: 0; padding: 0px 15px;}
  .entry h2 { font-size: 1.333em; font-weight: bold; color: #111c24; margin: 0; padding:0;}    
  .entry h3 { font-size: 1.167em !important; color: #91a1be; font-weight: bold; margin: 0 0 3px 0; padding: 0;}    
  .entry p {margin: 0 0 1.5em 0; padding:0; font-size: 1.0em !important;}
  .entry img { padding: 0px;}
	.entry .alignleft {float: left;}
	.entry .alignright {float: right;}
  .entry img.alignleft {float:left; margin-right: 10px; margin-bottom: 10px;}
  .entry img.alignright {float:right; margin-left: 10px; margin-bottom: 10px;}
  .entry ul, .entry ol {padding:0 0 0 0px;margin: 15px 0 15px 0; font-size:1.0em; list-style: none;}
  .entry ul li {line-height:1.1em;margin:0;padding:2px 0 1px 15px; background: url(../images/dot_list.png) no-repeat 5px 7px !important;}
  .entry ol li {line-height:1.1em;margin:0;padding:2px 0 1px 0px;}
  .entry ul ul {font-size:1em;}
	
	.affiliates {text-align: center;}
	.affiliates img {margin: 0 10px;}
/* 2.3	Sidebar
-----------------------------------------------------------------------------------------------*/	
	.box-wrapper {
		border-top: 1px solid #F3F4F6;
		background: url(../images/bg_box.jpg) no-repeat left bottom;
		padding: 5px 10px 10px 10px;
	}
	.box {
		background: #4B6D24 url(../images/bg_box.png) repeat-x left bottom;
		padding: 5px 10px;
		font-size: 1.5em;
		color: #ffffff;
	}
	.box .box-title {
		font: 1.333em/1.5em Times, "Times New Roman", serif;
		color: #fff66e;
		text-transform: uppercase;
	}
	.box a {
		text-align: right;
		display: block;
		overflow: hidden;
		text-indent: -9999px;
		padding:0;
	}
	* html .box a img { width: 77px; height: 20px; }

	.area {
		font-size: 1.2em;
		padding: 15px;
	}
	
	.area h3 {font-size: 1.333em; color: #000000;}
	.area ul { margin: -5px 0 15px 20px; padding:0;}
	.area-detail {
		font-size: 0.833em;
	}
	
/* 2.4	Navigation
-----------------------------------------------------------------------------------------------*/	
	#nav {width: 200px;}
	#nav {font-size: 1.2em; list-style: none; padding: 5px 0 0 0; margin:0; text-transform: uppercase;}
	#nav li {	float: left;	width: 200px;}
	#nav li span { line-height: 30px; padding: 0 10px 0 20px; display: block; color: #FFFFFF;}
	#nav li a {overflow: hidden; text-decoration: none; }
	#nav li a:hover span {color: #fff66e !important;}
	#nav li li {font-size: 0.917em;	width: 240px; border-bottom: 1px solid #fff; border-left: 1px solid #fff;}
	#nav li:hover, #nav li.hover { color: #fff66e}
	#nav li.hover span {color: #fff66e }
	#nav li.hover li span {color: #FFFFFF;}
	#nav li li.hover span {color: #fff66e }
	#nav li ul {
		position: absolute;
		width: 240px;
		left: -999em;
		margin: -23px 0 0 181px;
		background: #DBCD9D;
	}
	#nav li:hover ul, #nav li:hover ul, #nav li.hover ul {
		left: auto;
	}
	.home #nav-home span ,
	.affiliations #nav-affiliations span,
	.our-services #nav-our-services span,
		.inspection-overview #nav-inspection-overview span,
			.sample-report #nav-sample-report span,
				.access-your-report #nav-access-your-report span,
						.articles #nav-articles span,
					.contact-us #nav-contact-us span	 {
		color: #fff66e !important;
	}


/* 2.5	Footer
-----------------------------------------------------------------------------------------------*/	
	#footer { font-size: 1.0em; color: #565454; }
	#footer p {margin:0 auto; padding:0}
		#footer a { color: #565454;}