/* RESET */
html, body, div, span, 
h1, h2, h3, h4, h5, h6, 
p, a, em, strong, img, 
dl, dt, dd, ol, ul, li,
form, fieldset, label, textarea,
table, tr, th, td {
background: transparent;
border: 0;
margin: 0;
padding: 0;	
outline: 0;	
vertical-align: baseline;	
font-size: 100%;
}

body {
background: #24431e url(../img/cssImages/html-green.png) 50% -10% no-repeat;
font: 13px/1.5 "Helvetica Neue", Helvetica, Arial, sans-serif;
}

ol, ul {
list-style: none;
}

/* GENERAL CLASSES */
.left {
float: left;
}

.right {
float: right;
}

.bullets {
list-style-type: circle;	
}

.clear-both {
clear: both;	
}

/* GENERAL ELEMENTS */
p {
text-align: left;
}

a {
text-decoration: none;
}

a:hover {
text-decoration: underline;
}

blockquote {
margin: 0;	
}

dt {
font-weight: bold;	
}

label {
font-weight: bold;	
}

input,  textarea {
width: 90%;
padding: .25em 0;
background: #fff; border: 1px solid #ccc;	
}

input#last_name {
display: none;
visibility: hidden;
}

input.submit {
width: 170px; height: 43px;
cursor: pointer;
text-align: center; font-size: 1.2em; font-weight: 200; color: #fff;
background: url(../img/cssImages/more.png) center no-repeat; border: none;
}
input.submit:hover {
color: #041421;
background: url(../img/cssImages/more-hover.png) center no-repeat;
}

img.left {
padding: 5px 15px 5px 0;	
}

img.right {
padding: 5px 0 5px 15px;	
}

/********* Sitewide Design, Color and Typography *********/

div.wrapper {
margin: 0 auto;
width: 980px;
}

div#header {
background: url(../img/cssImages/black-45.png);	
padding: 0 30px 30px 30px;
overflow: hidden;
}

div#nav-main {
background: url(../img/cssImages/black-45.png);
height: 60px;
overflow: hidden;
}

div#nav-main li {
float: left;
margin: 0 5px 0 0;
width: 180px;
}

div#nav-main li.last {
margin: 0;
}

div#nav-main li a {
display: block;
color: #fff; font-size: 16px; line-height: 53px; text-align: center; text-transform: uppercase;
}

#nav-main a:hover {
text-decoration: none;
}

#nav-main .home,
#nav-main .faq {
border: solid #004e75; border-width: 7px 0 0 0;
}

#nav-main .home:hover,
#index .home,
#nav-main .faq:hover,
#faq .faq {
background: #004e75;
}

#nav-main .services,
#nav-main a.contact {
border: solid #7f9c2e; border-width: 7px 0 0 0;
}

#nav-main .services:hover,
#what-we-do .services,
#nav-main a.contact:hover,
#contact a.contact {
background: #7f9c2e;
}

#nav-main .projects {
border: solid #ea8918; border-width: 7px 0 0 0;
}

#nav-main .projects:hover,
#projects .projects {
background: #ea8918;
}

div#branding {
overflow: hidden;	
padding: 15px 0;
}

div#branding-main {
width: 50%;
float: left;	
}

div#branding-main a {
background: url(../img/cssImages/branding-h1.png);	
display: block;
width: 214px; height: 81px;
text-indent: -9999px;
}

div#branding-sub {
float: right;	
padding: 9px 0 0 0;
width: 288px;
}

div#branding-sub h2 {
color: #fff; font-size: 21px; font-weight: 200;	
}

div#branding-sub a {
color: #fff;	
}

div#branding-sub strong {
font-weight: bold;
}

div#rotating-ads {
overflow: hidden;	
}

div#banners {
float: left; 
overflow: hidden;	
width: 616px; height: 322px;
}

div#tag {
background: url(../img/cssImages/tag.jpg);	
float: right; 
overflow: hidden;
padding: 0 20px;
width: 248px; height: 322px;
}

div#tag h3 {
display: none;
}

div#tag p {
margin: 115px 0 0 0;
color: #2f3e09;	font-size: 11px; 
}

div#tag a.more {
background: url(../img/cssImages/more.png) center no-repeat;
display: block;
margin: 15px auto 0;
width: 170px;
color: #fff; font-size: 21px; font-weight: 200; line-height: 43px; text-align: center;   
}

div#tag a.more:hover {
background: url(../img/cssImages/more-hover.png) center no-repeat;
color: #041421; text-decoration: none; 
}

div#content {
background: url(../img/cssImages/blue-65.png) top left;	
border: solid #0b6590; border-width: 1px 0 0 0;
padding: 30px;
color: #333;
}

div#content div.container {
background: #fff url(../img/cssImages/content-ul.png) top left no-repeat;
}
div#content div.container div.container {
background: url(../img/cssImages/content-ur.png) top right no-repeat;
}
div#content div.container div.container div.container {
background: url(../img/cssImages/content-ll.png) bottom left no-repeat;
}
div#content div.container div.container div.container div.container {
padding: 20px;	
background: url(../img/cssImages/content-lr.png) bottom right no-repeat;
}

div#content h3 {
margin: 0 0 20px 0;
font-size: 21px; font-weight: 200;	
}

div#content h3 span.sub {
margin-top: .2em;
display: block;
font-size: .7em; 
}

div#content h4 {
font-size: 16px; color: #66831a;	
}

div#content h5 {
font-weight: bold;	
}

div#content p {
margin: 0 0 20px 0;
}

div#content p.intro {
color: #88a836;	font-size: 16px; 
}

div#content a {
color: #7a9f1d; text-decoration: underline;	
}

div#content a:hover {
text-decoration: none;
}

div#content ul.bullets  {
margin-left: 3em;	
}
div#content dl {
margin: 2em 0;	
}

div#content dt {
margin: 0 0 10px 0;
font-size: 15px; font-weight: bold; line-height: 24px;
}

dt.one,
dt.two, 
dt.three {
padding: 0 0 0 30px;
}

dt.one {
background: url(../img/cssImages/dt-one.jpg) center left no-repeat;	
}

dt.two {
background: url(../img/cssImages/dt-two.jpg) center left no-repeat;	
}

dt.three {
background: url(../img/cssImages/dt-three.jpg) center left no-repeat;	
}

div#content div.green {
margin: 2em 0; padding: 1em;
background: #b5e637; border: 1px dotted #5f7c15;	
}
div#content div.green a {
font-weight: bold; color: #333;	
}

div#content-supp {
margin: 0 0 30px 0; padding: 0 0 30px 0;
overflow: hidden;	
border: solid #b6b6b6; border-width: 0 0 1px 0;
}

div#content-supp h3 {
background: url(../img/cssImages/house-icon.jpg) center left no-repeat;	
padding: 0 0 0 50px;
line-height: 50px;
}

div#content-supp div {
width: 25%;
float: left;	
}

div#content-supp h4 {
margin: 0 0 10px 0; padding: 0 6px;
}

div#content-supp p {
padding: 0 6px;
font-size: 11px;	
}

div#content-supp a.more {
background: url(../img/cssImages/a-more-content-supp.jpg) center no-repeat;
display: block;
margin: 15px auto 0;
width: 132px; 
color: #fff; font-weight: bold; line-height: 22px; text-align: center; text-decoration: none; 
}

div#content-supp a.more:hover {
background: url(../img/cssImages/a-more-content-supp-hover.jpg) center no-repeat;
color: #041421; text-decoration: none; 
}

div#content-main {
width: 63%; float: left;	
}

div#content-sub {
width: 265px; float: right;	
}

div#content-sub div#contact-side {
background: url(../img/cssImages/contact.jpg) top center no-repeat;
height: 336px;	
padding: 10px 20px;
color: #fff;
}

#full {
background: #013c5a;
margin: 0 0 20px 0; padding: 10px;
color: #fff;
}

#full table {
margin: 10px 0 0 0;
}

#full td {
padding: 5px;
vertical-align: middle;
}

#full .label {
text-align: right;
width: 70px;
}

#full label {
font-weight: bold;
}

#full .input_text {
width: 400px;
}

div#contact-side h3,
#content #full h3 {
background: url(../img/cssImages/email.jpg) center left no-repeat;
margin: 0; padding: 0 0 0 60px;
font-weight: bold; line-height: 36px;
}

#content #full p {
margin: 0;
}

div#contact-side p {
margin: 0;	
}


div#contact-side table {
width: 100%;
margin: 0 auto;	
}

div#contact-side td {
padding: 3px;	
}

div#contact-side td.input {
width: 75%;	
}

div#contact-side input,
div#contact-side textarea {
width: 100%;
}

div#content-sub div.special {
width: 260px;
margin: 2em 0;
}

div#content-sub div.special h3 {
line-height: 1;
}

div#content-sub div.special h3 span.sub {
display: block;
font-size: 27px; font-weight: bold; 
}

div.special p {
font-size: 11px;	
}

div#content-sub div.special h4 {
color: #333; font-size: 20px; font-weight: 200; 
}
div#content-sub div.special strong {
font-weight: bold;	
}

.video {padding: 20px 0;
overflow: hidden;
}

#iconwrapper {
margin: 1%;
padding: 0;
width: 97%;
border-top: 1px solid #b6b6b6;
}

#owens, #icons {
float: left;
margin: 1% 0 1% 1%;
padding: 1%;
}

#owens {
width:100px;
margin-top: 20px;
}

div#icons {
width:75%;
float:right;
margin-top: 20px; padding-top: 20px;
margin: 1% 1% 1% 0; overflow: hidden;	
}
div#icons ul {
text-align:center;
}
div#icons li {
float: left;
width:33%;
text-align:center;
/*margin-right: 10%; margin-top: 5px;*/
display: inline;	
}
div#icons li.last {
margin-right: 0;	margin-left: 0px;
}

div#footer {
margin-top: 20px;
color: #fff;	
}
div#credits {
font-size: .8em;
text-align: center;	
}

div#credits p {
margin-bottom: .75em;
text-align: center;	
}

div#credits a {
padding: 0 1em;
color: #fff;
}

div#credits a#privacy {
border-right: 1px solid #fff;	
}

div#credits a#zenuity {
border-left: 1px solid #fff;	
}

ul.trust {
overflow: hidden;
}

ul.trust li {
float: left;
margin: 0 10px 0 0;
}

ul.trust img {
max-width: 100px;
}

/* accordion */
#accordion h3 {
border: solid #ccc;	border-width: 0 0 1px 0;
margin: 0; padding: 0 0 6px 0;
}

#accordion h3 a {
text-decoration: none;
}

#accordion h3.ui-state-active {
margin-bottom: 0;	
}
#accordion h3 a {
padding: 0 0 0 35px;
display: block;
color: #666; font-size: 16px; font-weight: bold; line-height: 25px; 
}
#accordion div.accordion-content {
border: solid #ccc; border-width: 0 1px 1px 1px;	
margin: 0 0 20px 0; padding: 10px;
}

/* page specific styles */

/* questions.php */
body#questions div#content dt {
padding: 0 0 3px 40px;
background: url(../img/cssImages/dt-q.jpg) top left no-repeat;	
}

/* contact.php */
body#contact div#content-main h4.phone, body#contact div#content-main h4.email {
color: #333;
}
body#contact div#accordion  {
margin-top: 20px;	
}
body#contact div#accordion div.location {
padding: 15px 0;
overflow: hidden;	
}

body#contact div#accordion div.location ul, body#contact div#accordion div.location div.license {
width: 45%;
float: right;
}

#contact #accordion div.location.corporate ul {
float: left;
}

body#contact div#accordion div.location ul li strong {
font-weight: bold;	
}
body#contact div#accordion table {
width: 100%;
margin: 1em 0;
font-size: .85em;
border: 1px solid #d9d9d9;	
}
body#contact div#accordion table tr {
background: #d9d9d9;	
}
body#contact div#accordion table tr.odd {
background: #fff;	
}
body#contact div#accordion table td {
padding: .25em .5em;
vertical-align: middle;	
}

body#contact div#accordion table td.phone {
width: 100px;
} 
body#contact div#accordion table td.email {
width: 200px;
} 

body#contact div#accordion table a {
color: #06263f;
}
body#contact h3#ohio {
background: url(../img/cssImages/ohio-icn.gif) center left no-repeat;	
}
body#contact h3#arizona {
background: url(../img/cssImages/arizona-icon.gif) center left no-repeat;	
}
body#contact h3#texas {
background: url(../img/cssImages/texas-icon.gif) center left no-repeat;	
}

body#contact h3#carolina {
background: url(../img/cssImages/north-carolina-icon.gif) center left no-repeat;	
}

body#contact h3#pennsylvania {
background: url(../img/cssImages/pennsylvania-icon.gif) center left no-repeat;	
}
body#contact div.break {
margin: 2em 0;
border-bottom: 1px solid #ccc;
}

/* projects.php */
body#projects div#content-main {
width: 100%;
float: none;	
}
body#projects div#accordion {
margin-top: 1.5em;
}
body#projects div#accordion h3 a {
background: url(../img/cssImages/storm-icon.jpg) center left no-repeat;	
}
body#projects div#accordion ul.bullets {
margin-bottom: 1.5em;
font-weight: bold;	
}
body#projects div.accordion-content {
min-height: 320px;
}
body#projects div#oh {
background: url(../img/cssImages/oh-br.jpg) 95% 90% no-repeat;
}
body#projects div#ok {
background: url(../img/cssImages/ok-br.jpg) 95% 95% no-repeat;
}
body#projects div#ny {
background: url(../img/cssImages/ny-br.jpg) 95% 90% no-repeat;
}
body#projects div#tx {
background: url(../img/cssImages/tx-br.jpg) 95% 90% no-repeat;
}
body#projects div#az {
background: url(../img/cssImages/az-br.jpg) 95% 90% no-repeat;
}


/* privacy-policy.php*/
body#privacy-policy div#content-main {
width: 100%;
float: none;
}
body#privacy-policy div#content-main h4, body#privacy-policy div#content-main dt, body#privacy-policy div#content-main dl {
margin: 0; padding: 0;
color: #333;
}
body#privacy-policy div#content-main dd {
margin: 1em 0; padding: 0;
}