@media all {
/* Hides styles from discontinued IE5 Mac */

/* =universals */
* { margin : 0; padding : 0; }
h2, h3, h4, p, address, dl, ul, ol { margin : 0 20px; padding : .5em 0; }

/* =html */
html { background : #fbfbf2 url(images/html2.png) repeat-x; color : #333; text-align : left; }	

/* =body */
body { font : 72%/1.6 Tahoma, Verdana, Helvetica, Arial, sans-serif; }

/* =h1 */
h1 { margin : 0 0 5px 0; padding : 0; width : 100%; height : 220px; background : url(images/branding.jpg) no-repeat; }

h1.branding0 {background : url(images/branding.jpg) no-repeat;}
h1.branding1 {background : url(images/branding1.jpg) no-repeat;}
h1.branding2 {background : url(images/branding2.jpg) no-repeat;}
h1.branding3 {background : url(images/branding3.jpg) no-repeat;}
h1.branding4 {background : url(images/branding4.jpg) no-repeat;}

/* =h2 */

/*h2 { font-size : 175%; padding-bottom: 0.1em; font-weight: normal; }*/

div#content_introduction h2 { font-size: 120%; padding-top : 0; color : #fff; }

/*div#content_introduction h2 { font-size: 120%; padding-top : 0; color : #fff; border-bottom : 1px solid #d1e88c; }*/

h2.top {
	height: 34px;
	background: url(images/h1_bg.gif) no-repeat left;width: 475px;
	color: #fff;
	font-weight: normal;
	position: relative; left: -20px;
	padding-left: 30px;
	padding-top: 13px;
	margin-top: 10px;
	width: 495px;
	font-size: 150%;
	margin-top: 2px;
	}

/* =h3 */
h3 { font-size : 110%; }

div#content_main h3 {
	background: url(images/h3_bg.gif) no-repeat left;
	color: #fff;
	padding-left: 20px;
	position: relative; left: -20px;
	font-weight: normal;
	margin-top: 10px;
	width: 494px;
	}

div#content_sub h3 {
	background: url(images/h3_sub_bg.gif) no-repeat left;
	color: #fff;
	padding-left: 20px;
	position: relative; left: -15px;
	font-weight: normal;
	margin-top: 10px;
	width: 259px;
	}

div#spec h3 {
	background: none;
	margin: 6px 0 12px 28px;
	padding: 0;
	color: #fff;
	font-size: 110%;
	width: 50px;
	font-weight: normal;
	}

/* =h4 */
h4 { font-size : 100%;
clear: both;
padding: 0;
margin-top: 0.5em;
}

h4.pdf {
margin-top: 1em;
}

/* =p */
p { font-size : 100%; }
div#nav_main p { position : absolute; top : -50px; right : -15px; width : 300px; height : 263px; margin : 0; padding : 0; /*background : url(images/nav_main_p.png) no-repeat;*/ text-indent : -9999px; overflow : hidden; }
div#content_introduction p { color : #fff; font-size : 120%; margin-top: 0; padding-top:0; }
div#siteinfo p { padding : 0 170px 0 160px; color : #fff; text-align : right; }

/*div#content_testimonials blockquote p { text-align : center; }*/
p.content_quote { margin-left : 0; padding: 0 0 0 35px; background : url(images/blockquote_1.gif) no-repeat 0 0; }
dd p, li p, form p { margin-left : 0; }
blockquote p.content_author {padding-left: 15px; font-weight: bold;}
p.intro {color: #0A850A; font-weight: bold;}
p.date {
font-color: #6A6A6A;
font-weight: bold;
}

div#nav_main ul li a.current {color: #fae709;}

/* =blockquote */
div#content_testimonials blockquote { margin : 0 5px; padding : 0; background : url(images/blockquote_2.gif) no-repeat 100% 100%; color : #006927; font-size : 110%; line-height: 1.3em}

/* =strong =b =em =i */
strong { font-weight : bold; }
b { font-weight : bold; }
em { font-weight : bold; }
div#siteinfo em { position : absolute; top : -55px; left : -20px; width : 135px; height : 40px; background : url(images/siteinfo_em.gif) no-repeat; text-align : left; text-indent : -9999px; overflow : hidden; }
i { font-variant  : italic; }

/* =address */
address { font-style : normal; }
form address { margin-left : 0; }
address span { display : block; }

/* =dl =dt =dd */

/* =dt */
dt { font-weight : bold; margin-bottom : .25em; }

/* =dd */
dd { margin-bottom : .25em; }
div#content_sub dd { margin-bottom : 1em; padding-bottom : 1em; border-bottom : 1px solid #c8c8c8; }

/* =ul */
ul { list-style-type : disc; list-style-position : inside; }
dd ul { margin-left : 0; }
div#nav_main ul { list-style-type : none; margin : 5px; padding-left : 20px; background: #016726 url(images/nav_bg.gif) no-repeat left top; }

/* =ol */
ol { list-style-position : inside; }

/* =li */
div#nav_main li { display : inline; }

/* =img */
img, img a { border : none; }
h2 img { float : right; margin-left : 1em; }
p img { float : left; margin-right : 1em; }

/* =hr */
hr { display : none; }

/* =a */
a:link, a:visited { color : #066927; text-decoration : underline; }
h1 a { display : block; width : 100%; height : 220px; text-indent : -9999px; text-decoration : none; overflow : hidden; }
div#nav_main a:link, div#nav_main a:visited { padding : 0 .5em; text-transform : uppercase; color : #fff; font-size : 88%; font-weight : bold; text-decoration : none; letter-spacing : 0.5px; border-right : 1px solid #fff; }
div#nav_main a:hover { color : #fae709; }
div#content_sub > p > a { padding-left : 20px; background : url(images/li.gif) no-repeat 0 50%; }
div#content_sub > p > a.inline { padding-left : 0; background: none; }
div#content_sub  ul  li { padding-left : 15px; list-style: none; background : url(images/li.gif) no-repeat 0 50%; margin: 0.2em 0 0.2em 0}

div#content_sub  ul  li a.current { font-weight: bold; text-decoration: none; color: #026927;}

div#content_testimonials a:link, div#content_testimonials a:visited { color : #006927;  margin-left: 20px; font-size: 100%;}
div#siteinfo a:link, div#siteinfo a:visited { color : #fff; text-align : right; }

div#content a:link { color : #066927; text-decoration : underline; }
div#content a:visited { color : #066927; text-decoration : underline; }
div#content a:hover { color : #97c000; text-decoration : underline; }
div#content a:active { color : #97c000; text-decoration : underline}


/* =table */
table { width : 90%; margin : 20px 0 30px 20px; border-collapse : collapse; }
form table { margin-left : 0; }

/* =caption */
caption { margin : 0 0 20px 20px; font-weight : bold; color : #000; text-align : left; }

/* =thead */
thead { font-weight : bold; background-color : #9c0; color : #fff; }

/* =th */
th { padding : .5em; text-align : left;}

/* =td*/
td { padding : .35em; font : 100% Tahoma, Verdana, Helvetica, Arial, sans-serif; border-bottom : 1px dotted #c8c8c8;  vertical-align : top; }

/* =form */
div#content_sub form { margin : 0; padding-bottom : 15px; }
dl form { margin : 0; }

/* =fieldset */
fieldset { margin : 0 0 20px 0; padding : 20px; background-color : #fff; border : 3px solid #d1d3e0; }
div#content_sub fieldset { margin : 15px; padding : 0; border : 0px solid #fff; }

/* =legend */
legend { font-weight : bold; color : #000; margin-bottom : 1em; }

/* =label */
label { margin-bottom : .25em; }
label, label span { display : block; }

/* =input */
input { width : 90%; font : 100% Trebuchet, "Trebuchet MS", Helvetica, Arial, sans-serif; border : 1px solid #c8cadb; }
input:hover { border : 1px solid #888; }
input:active, input:focus { border : 1px solid #333; }

/* =textarea */
textarea { width : 90%; font : 100% Trebuchet, "Trebuchet MS", Helvetica, Arial, sans-serif; border : 1px solid #c8cadb; }
textarea:hover { border : 1px solid #888; }
textarea:active, textarea:focus { border : 1px solid #333; }

/* =select */
select { width : 90%; font : 100% Trebuchet, "Trebuchet MS", Helvetica, Arial, sans-serif; border : 1px solid #c8cadb; }

/* =submit */

/* =div */

/*div#content_introduction { margin : 5px; padding : 20px 0; background : #99cc00 url(images/div.png); border : 1px solid #019900; }*/


div#content_introduction {
		width:488px;
		padding:0 0 14px 0;
		margin:5px auto;
		background:url(images/intro1.gif) bottom left no-repeat;
		}
		
		
div#content_introduction h2 {
		margin:0;
		padding:7px 10px 0px 18px;
		background:url(images/intro1.gif) top left no-repeat;
		color : #fff;
		font-weight: normal;
		font-size: 130%;
		height: 38px;
	}


div#content_locations { margin : 5px 10px 5px 20px;  padding : 4px; background-color : #fbfbf2; border : 1px double #c8c8c8; }
div#content_locations div { padding : 20px 0; background-color : #fff; border : 1px double #c8c8c8; }
div#content_locations h2 { font-size: 120%; }

div#content_testimonials { margin : 5px; padding : 15px 0 10px 0; background : #fff url(images/blockquote.gif) no-repeat;   font-size: 90%;}
/*div#content_testimonials { margin : 5px; padding : 15px 0 10px 0; background : #f1face; border : 1px solid #97c000;  font-size: 90%;}*/

/* =layout */
div#container { position : relative; width : 770px; margin : 80px auto 0 auto; background : #fff url(images/container.jpg) repeat-x; text-align : left; }
div#nav_main  { width : 768px; margin-bottom : 5px; border : 1px solid #c8c8c8; }
div#content { width : 768px; background-color : #fff; overflow : hidden; border : 1px solid #c8c8c8; border-bottom-width : 0; }
div#content_main { float : left; width : 499px; padding-bottom : 30px; }

div#content_sub { float : left; width : 269px; padding-bottom : 30px; }

*html div#content_sub { position: absolute; width : 269px; padding-bottom : 30px; left: 500px;}
/*Issue with float in ie. temp solution here is absolute positioning */


div#siteinfo  { width : 768px; padding : 30px 0 30px 0; background : #000 url(images/siteinfo2.gif) no-repeat; border-right : 1px solid #c8c8c8; background-position: bottom right; border-left : 1px solid #c8c8c8; }

div#topheader {
	width: 770px;
	height: 50px;
	background: url(images/logo_topheader.gif) #262626 14px center no-repeat;
	position : absolute;
	top : -55px;
}
div#topheader p {
	display: inline;
	color: #fff;
	font-size: 75%;
	position : absolute;
	top: 14px;
	left: 110px;	
	/*margin: 20px 0 0 134px;*/
	font-weight: bold;
	}
	
div#topheader a {
	position : absolute;
	font-size: 80%;
	letter-spacing: 0.1em;
	left: 585px;
	color: #fff;
	text-transform: uppercase;
	text-decoration: none;
	}	
	div#topheader a:link {color: #fff;}	
	div#topheader a:visited {color: #fff;}
	div#topheader a:hover {color: #97c000;}
	div#topheader a:active {color: #CEEC40;}
}

#content_main img {
	float: right;
	padding: 3px;
	display: inline;
	background: #97c000 no-repeat;
	margin: 0 15px 10px 13px;
	}

#casestudy1 {
	width: 473px;
	width: 500px;
	margin: 5px 0 10px 10px;
	display: inline;
	float: left;
	}

#casestudy1 img {
	float: left;
	display: inline;
	width: 290px;
	height: 209px;
	}

#casestudy2 {
	width: 473px;
	width: 500px;
	height: 162px;
	margin: 5px 0 10px 10px;
	display: inline;
	float: left;
	}

#casestudy2 img {
	width: 217px;
	height: 156px;
	display: block;
	margin: 0;
	}

#image2 {
	float: left;
	width: 223px;
	display: inline;
	margin-left: 13px;
	}

#image3 {
	float: right;
	width: 223px;
	display: inline;
	margin-right: 20px;
	}

#spec {
	float: left;
	border: 3px solid #97c000;
	background: #ebf4c3 no-repeat url(images/spec_bg.gif) top left;
	margin: 0;
	height: 210px;
	width: 150px;
	display: inline;
	padding: 0;
	}

#spec p {
	width: 140px;
	padding: 0;
	margin: 5px 0 0 10px;
	}

div#calculator {
	border: 1px solid;
	background: #ccc no-repeat;	
	}


div#nav_main ul li#nav_10 a { border: none; background: none; }


div#content_sub blockquote a { color: Black; }

div#content_introduction p img {float: left; border: none; margin: 8px 18px 0 0; padding:  0 0 0 0;}

p.breadcrumbs {
	color: #6a6a6a;
	}

div.testimonialsummary {
	padding-left: 33px;
	background: url(images/blockquote_page.gif) 18px 8px no-repeat;
	}

div.casestudysummary {
	padding-left: 25px;
	background: url(images/tick.gif) 18px 8px no-repeat;
	}

/*--------------form-----------------------*/

form {
color: #006927;
margin: 10px 5px 0 18px;
}

fieldset {
	background: #fff url(images/form.gif) no-repeat;
	width: 414px;
	border: 0;
	border-bottom: 2px solid #97c000;
	}

form div input:hover { border : 2px double #c00; background-color : #bc0e46;  }

input {
	border: 1px solid #006927;
	}


input#submitbutton {
	background: url(images/h1_bg.gif) no-repeat left;
	width: 100px;
	color: #fff;
	font-weight: bold;
	padding-top: 2px; padding-bottom: 2px;
	border: 2px solid #006927;
	}
input#submitbutton:hover  {
	color: #e9f4bf;
	}

textarea {
	border: 1px solid #006927;
	}


 label {
width: 200px;
	margin-top: 1em;
	}

div#content_sub img {
	margin: 8px 0 0 17px;
	display: inline;
	}

#content_main img.pdf {
float: left;
padding: 0;
margin: 7px 9px 15px 20px;
}

form#cost_calculator input {padding-right: 3px; width: 74px;}