/* CSS RESET */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; }
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
body { line-height: 1; }
ol, ul { list-style: none; } 
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
table {	border-collapse: collapse; border-spacing: 0; }
a { text-decoration:none; }

/* END CSS RESET */

body { margin:0 auto; background:url(../img/bg.gif) repeat-x #fefefe; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#6d6d6d; }
p{ margin:20px 0;}
.main-wrapper { width: 990px; margin:0 auto; }
.cleaner { clear:both; }

/* HEADER */
.header { height:168px; margin:0 20px }
.header .logo { float:left; width:380px; height:134px; background:url(../img/logo.gif) no-repeat; margin-top:17px;}
.header .right { float:right; width:425px;}
.header .call-to-action { width:233px; height:104px; float:right; background:url(../img/call-to-action.gif) no-repeat; margin-top:17px;}
.header .nav{ float:right; margin-top:16px;}
.header .nav li { display:inline; color:#b6b6b6; font-weight:bold;}
.header .nav li a { color:#b6b6b6; text-decoration:none; margin:0 0 0 20px }
.header .nav li a:hover { color:#436f24; text-decoration:none }
.header .nav li.current a { color:#436f24; text-decoration:none }

/* CONTENT */
.banner { background:url(../img/banner-1.jpg) no-repeat; height:340px; }
.banner .wrapper { padding:30px 35px;}
.banner h1, .banner-inner h1{ font-size:48px; color: #141530; font-weight:bold; text-shadow: 1px 1px 0px #3e96ea;filter: dropshadow(color=#3e96ea, offx=1, offy=1);}
.banner h1 { padding:30px 0 22px 0; }
.banner-inner h1 { padding-top:29px;}
.banner .tagline { margin:40px 0 0 20px; font-size:16px; color:#fff; font-weight:bold; width:486px; line-height:1.4em }
.banner-inner div{ background:url(../img/inner-banner-sprites.png) no-repeat; height:170px; }
.banner-inner div.residential{ background-position:0 0; }
.banner-inner div.commercial { background-position: 0px -190px; }
.banner-inner div.industrial { background-position: 0px -380px; }
.banner-inner div.contact-us { background-position: 0px -570px; }
.banner-inner .wrapper { padding:0px 516px 0 35px; line-height:1.5em}
.banner-inner  p { margin:18px auto 0 auto; padding:0; color:#fff; font-style:italic; font-weight:bold; font-size:14px;}
.content-container{ margin:20px 0 0 0; }
.box-teaser div{ -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; border:solid 1px #bbbbbb; background:#ededed url(../img/teaser-sprites.png) no-repeat; float:left; width:288px; min-height:230px; margin:10px 0; padding:0 15px; line-height: 1.4em; }
.box-teaser div.box-1 { background-position:148px 25px;}
.box-teaser div.box-2 { background-position:-220px 25px; margin:10px 15px;}
.box-teaser div.box-3 { background-position:-589px 25px;}
.box-teaser div.box-1 h2, .box-teaser div.box-2 h2, .box-teaser div.box-3 h2, .left-col h2, .right-col h2 { font-size:18px; font-weight:bold; line-height:2.3em; border-bottom:dotted 1px #596a06; color:#596a06; }
.box-teaser div.box-2 h2, .left-col.commercial h2, .right-col.commercial h2 { border-bottom:dotted 1px #ff920a; color:#ff920a; }
.box-teaser div.box-3 h2, .left-col.industrial h2, .right-col.industrial h2 { border-bottom:dotted 1px #356aa0; color:#356aa0; }
.box-teaser div.box-1 a, .box-teaser div.box-2 a , .box-teaser div.box-3 a  {line-height: 1.8em; text-transform:uppercase; font-style:italic; font-weight:bold }
.box-teaser div.box-1 a { color:#596a06; }
.box-teaser div.box-2 a { color:#ff920a; }
.box-teaser div.box-3 a { color:#356aa0; }
.box-teaser span { display:block; margin: 15px 125px 0 0; }

.left-col, .right-col { float:left; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; border:solid 1px #bbbbbb; margin:10px 0; padding:0 15px; line-height: 1.4em; width:300px; background:#ededed; }
.right-col { float: right; width:610px; }

.left-col ul{ margin:10px 0 20px 0;}
.left-col li { background:url(../img/bullet.gif) 0px 12px no-repeat; line-height:2.6em; color:#596a06; font-size:14px; padding:0 20px }
.left-col li a{ color:#596a06; }
.left-col.commercial li { background:url(../img/bullet-2.gif) 0px 12px no-repeat; line-height:2.6em; color:#596a06; font-size:14px; padding:0 20px }
.left-col.commercial li a{ color:#ff920a; }
.left-col.industrial li { background:url(../img/bullet-3.gif) 0px 12px no-repeat; line-height:2.6em; color:#596a06; font-size:14px; padding:0 20px }
.left-col.industrial li a{ color:#356aa0; }
.left-col li a:hover { text-decoration:underline; font-weight:bold }

.form {width:400px; margin:20px auto; min-height:300px}
.form div {padding-bottom:10px; clear:both}
.form label{ width:100px; float:left; line-height:2em}
.form input{ width:240px; float:right; border:solid #666 1px; height:25px; margin-bottom:10px}
.form input[type=button] { width: 100px; height: 30px; background:#060; color:#FFF; border:none; cursor:pointer; margin:10px 0 20px 0;}
.form textarea{ width:236px; float:right; border:solid #666 1px;}
.contact-success-message { text-align:center; font-size:16px; font-style:italic; }

/* FOOTER */
.footer { background:url(../img/footer_bg.gif) repeat-x; height:115px; }
.footer-wrapper{ width:990px; margin:0 auto; color:#b6b6b6; padding-top:20px; font-size:11px; line-height:1.4em }
.footer-menu { float:left; width:420px; }
.footer-menu li { display:inline; padding:0 10px; border-left:solid 1px #b6b6b6; }
.footer-menu li:first-child { border:none; }
.footer-wrapper a { color:#b6b6b6; }
.footer-wrapper a:hover { text-decoration:underline;}
.footer-copyright { float:right; text-align:right; }
.footer-wrapper img { margin:2px 0 0 10px; }