/* Velocity Color CSS */
/* 10 March 2006 */

body {
margin: 0;
padding: 0;
font-family: "Trebuchet MS", Verdana, Arial, sans;
font-size: 13px;
color: #000;
text-align: center;
background-color: #eee;
}

body a, body a:visited {
color: #1157A4;
text-decoration: underline;
}

body a:hover {
color: #1157A4;
text-decoration: underline;
}

h1 {
display: block;
margin: 0 0 12px 0;
padding: 0;
font-size: 18px;
color: #000;
}

/* h2 should be 16px */

h3 {
display: block;
margin: 0 0 5px 0;
padding: 0;
font-size: 14px;
color: #000;
}

/* h4 bolds text at size declared in body, and displays block */
h4 {
display: block;
margin: 0 0 5px 0;
padding: 0;
font-size: 13px;
color: #000;
}

p {
margin: 0 0 15px 0;
padding: 0;
line-height: 20px;
}

.bold {
display: inline;
font-weight: bold;
}

.form-req {
color: #c00;
}

.sentence-block {
display: block;
margin: 0;
padding: 0;
}

/* -- clearfix --> */

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-table;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/* <-- end clearfix -- */


#wrap {
margin: 0 auto 0 auto;
padding: 0;
width: 770px;
background-color: #fff;
}

#head {
position: relative;
display: block;
width: 770px;
height: 110px;
background: url(../img/head-top-border.gif) #fff top left repeat-x;
}

#logo {
position: absolute;
top: 11px;
left: 10px;
}

#color-strip {
position: absolute;
top: 73px;
left: 647px;
}

#sitemap {
float: right;
margin: 2px 5px 0 0;
padding: 0;
color: #777;
}

#sitemap a, #sitemap a:visited {
color: #777;
text-decoration: underline;
}

#sitemap a:hover {
color: #777;
text-decoration: underline;
}


/* -- navigation -- */

#nav {
float: left;
display: inline;
margin: 0;
padding: 0;
width: 770px;
height: 54px;
background: url(../img/nav-border.gif) #fff top left repeat-x;
}

span.nav-h2 {
display: block;
margin: 7px 0 2px 10px;
padding: 0;
font-size: 14px;
font-weight: bold;
line-height: 14px;
}

span.nav-p {
display: block;
width: 90px;
margin: 0 10px 0 10px;
padding: 0;
line-height: 12px;
font-size: 11px;
color: #333;
cursor: pointer;
}

#nav ul {
margin: 0;
padding: 0;
list-style: none;
}

#nav ul li {
float: left;
display: inline;
margin: 0;
padding: 0;
text-align: left;
list-style: none;
}

/* home */
#nav ul li.nav-home a, #nav ul li.nav-home a:visited {
float: left;
display: inline;
width: 110px;
height: 51px;
margin: 1px 0 0 0;
padding: 0;
background: url(../img/nav-bg.gif) top left no-repeat;
text-align: left;
text-decoration: none;
list-style: none;
color: #333;
}

#nav ul li.nav-home a:hover {
float: left;
display: inline;
width: 110px;
height: 51px;
margin: 1px 0 0 0;
padding: 0;
background: url(../img/nav-home-bg-o.gif) top left no-repeat;
text-align: left;
text-decoration: none;
list-style: none;
color: #E81B92;
}

#nav ul li.nav-home-active a, #nav ul li.nav-home-active a:visited, #nav ul li.nav-home-active a:hover {
float: left;
display: inline;
width: 110px;
height: 51px;
margin: 1px 0 0 0;
padding: 0;
background: url(../img/nav-home-bg-o.gif) top left no-repeat;
text-align: left;
text-decoration: none;
list-style: none;
color: #E81B92;
}


/* about us */
#nav ul li.nav-about a, #nav ul li.nav-about a:visited {
float: left;
display: inline;
width: 110px;
height: 51px;
margin: 1px 0 0 0;
padding: 0;
background: url(../img/nav-bg.gif) top left no-repeat;
text-align: left;
text-decoration: none;
list-style: none;
color: #333;
}

#nav ul li.nav-about a:hover {
float: left;
display: inline;
width: 110px;
height: 51px;
margin: 1px 0 0 0;
padding: 0;
background: url(../img/nav-about-bg-o.gif) top left no-repeat;
text-align: left;
text-decoration: none;
list-style: none;
color: #623E98;
}

#nav ul li.nav-about-active a, #nav ul li.nav-about-active a:visited, #nav ul li.nav-about-active a:hover {
float: left;
display: inline;
width: 110px;
height: 51px;
margin: 1px 0 0 0;
padding: 0;
background: url(../img/nav-about-bg-o.gif) top left no-repeat;
text-align: left;
text-decoration: none;
list-style: none;
color: #623E98;
}

/* submit a job */
#nav ul li.nav-submit a, #nav ul li.nav-submit a:visited {
float: left;
display: inline;
width: 110px;
height: 51px;
margin: 1px 0 0 0;
padding: 0;
background: url(../img/nav-bg.gif) top left no-repeat;
text-align: left;
text-decoration: none;
list-style: none;
color: #333;
}

#nav ul li.nav-submit a:hover {
float: left;
display: inline;
width: 110px;
height: 51px;
margin: 1px 0 0 0;
padding: 0;
background: url(../img/nav-submit-bg-o.gif) top left no-repeat;
text-align: left;
text-decoration: none;
list-style: none;
color: #1157A4;
}

#nav ul li.nav-submit-active a, #nav ul li.nav-submit-active a:visited, #nav ul li.nav-submit-active a:hover {
float: left;
display: inline;
width: 110px;
height: 51px;
margin: 1px 0 0 0;
padding: 0;
background: url(../img/nav-submit-bg-o.gif) top left no-repeat;
text-align: left;
text-decoration: none;
list-style: none;
color: #1157A4;
}

/* comp cards */
#nav ul li.nav-comp a, #nav ul li.nav-comp a:visited {
float: left;
display: inline;
width: 110px;
height: 51px;
margin: 1px 0 0 0;
padding: 0;
background: url(../img/nav-bg.gif) top left no-repeat;
text-align: left;
text-decoration: none;
list-style: none;
color: #333;
}

#nav ul li.nav-comp a:hover {
float: left;
display: inline;
width: 110px;
height: 51px;
margin: 1px 0 0 0;
padding: 0;
background: url(../img/nav-comp-bg-o.gif) top left no-repeat;
text-align: left;
text-decoration: none;
list-style: none;
color: #12A754;
}

#nav ul li.nav-comp-active a, #nav ul li.nav-comp-active a:visited, #nav ul li.nav-comp-active a:hover {
float: left;
display: inline;
width: 110px;
height: 51px;
margin: 1px 0 0 0;
padding: 0;
background: url(../img/nav-comp-bg-o.gif) top left no-repeat;
text-align: left;
text-decoration: none;
list-style: none;
color: #12A754;
}

/* get a quote */
#nav ul li.nav-quote a, #nav ul li.nav-quote a:visited {
float: left;
display: inline;
width: 110px;
height: 51px;
margin: 1px 0 0 0;
padding: 0;
background: url(../img/nav-bg.gif) top left no-repeat;
text-align: left;
text-decoration: none;
list-style: none;
color: #333;
}

#nav ul li.nav-quote a:hover {
float: left;
display: inline;
width: 110px;
height: 51px;
margin: 1px 0 0 0;
padding: 0;
background: url(../img/nav-quote-bg-o.gif) top left no-repeat;
text-align: left;
text-decoration: none;
list-style: none;
color: #D9D005;
}

#nav ul li.nav-quote-active a, #nav ul li.nav-quote-active a:visited, #nav ul li.nav-quote-active a:hover {
float: left;
display: inline;
width: 110px;
height: 51px;
margin: 1px 0 0 0;
padding: 0;
background: url(../img/nav-quote-bg-o.gif) top left no-repeat;
text-align: left;
text-decoration: none;
list-style: none;
color: #D9D005;
}

/* products & services */
#nav ul li.nav-products a, #nav ul li.nav-products a:visited {
float: left;
display: inline;
width: 110px;
height: 51px;
margin: 1px 0 0 0;
padding: 0;
background: url(../img/nav-bg.gif) top left no-repeat;
text-align: left;
text-decoration: none;
list-style: none;
color: #333;
}

#nav ul li.nav-products a:hover {
float: left;
display: inline;
width: 110px;
height: 51px;
margin: 1px 0 0 0;
padding: 0;
background: url(../img/nav-products-bg-o.gif) top left no-repeat;
text-align: left;
text-decoration: none;
list-style: none;
color: #F18732;
}

#nav ul li.nav-products-active a, #nav ul li.nav-products-active a:visited, #nav ul li.nav-products-active a:hover {
float: left;
display: inline;
width: 110px;
height: 51px;
margin: 1px 0 0 0;
padding: 0;
background: url(../img/nav-products-bg-o.gif) top left no-repeat;
text-align: left;
text-decoration: none;
list-style: none;
color: #F18732;
}

/* contact us */
#nav ul li.nav-contact a, #nav ul li.nav-contact a:visited {
float: left;
display: inline;
width: 110px;
height: 51px;
margin: 1px 0 0 0;
padding: 0;
background: url(../img/navlast-bg.gif) top left no-repeat;
text-align: left;
text-decoration: none;
list-style: none;
color: #333;
}

#nav ul li.nav-contact a:hover {
float: left;
display: inline;
width: 110px;
height: 51px;
margin: 1px 0 0 0;
padding: 0;
background: url(../img/nav-contact-bg-o.gif) top left no-repeat;
text-align: left;
text-decoration: none;
list-style: none;
color: #EC322F;
}

#nav ul li.nav-contact-active a, #nav ul li.nav-contact-active a:visited, #nav ul li.nav-contact-active a:hover {
float: left;
display: inline;
width: 110px;
height: 51px;
margin: 1px 0 0 0;
padding: 0;
background: url(../img/nav-contact-bg-o.gif) top left no-repeat;
text-align: left;
text-decoration: none;
list-style: none;
color: #EC322F;
}


/* -- [ Flash ] -- */
#flash {
float: left;
display: inline;
margin: 0;
padding: 0;
}

#flash img {
display: block;
margin: 0;
padding: 0;
}


#essence {
float: left;
display: inline;
width: 770px;
margin: 0;
padding: 0 0 50px 0;
}


/* -- home -- */

#home-wrap {
float: left;
display: inline;
width: 750px;
margin: 20px 10px 0 10px;
padding: 0;
background: url(../img/home-bg.gif) #fff top left repeat-y;
}

#home-left {
float: left;
display: inline;
width: 200px;
margin: 0;
padding: 0;
text-align: left;
}

span.home-news-date {
color: #26A953;
font-style: italic;
}

#home-right {
float: left;
display: inline;
width: 530px;
margin: 0 0 0 20px;
padding: 0;
text-align: left;
}

/* -- footer -- */

#footer-wrap { 
float: left;
display: inline;
width: 770px;
height: 40px;
margin: 0;
padding: 0;
background-color: #b0b0b0;
text-align: center;
}

#footer {
float: left;
display: inline;
width: 750px;
margin: 10px 0 0 10px;
padding: 0;
color: #fff;
text-align: center;
}

#footer p {
margin: 0;
padding: 0;
}


/* -- comp cards -- */

#comp-wrap {
float: left;
display: inline;
width: 750px;
margin: 20px 10px 0 10px;
padding: 0;
text-align: left;
}

#comp-form-wrap {
float: left;
display: inline;
width: 750px;
margin: 5px 0 0 0;
padding: 0;
text-align: left;
}

#compForm {
float: left;
display: inline;
width: 750px;
margin: 0;
padding: 0;
text-align: left;
}

#compForm dl {
margin: 0;
padding: 0;
}

#compForm dt {
color: #333;
font-weight: normal !important;
}

#compForm dd {
margin: 0 0 5px 0;
padding: 0;
}

#compForm #compName, #compForm #compAddOne, #compForm #compAddTwo, #compForm #compCity, #compForm #compPhone, #compForm #compFax, #compform #compemail {
width: 196px;
padding: 2px 2px;
font-size: inherit;
background: #fff;
}

#compForm #compZip {
width: 50px;
padding: 2px 2px;
font-size: inherit;
background: #fff;
}

.comp-form-float {
float: left;
display: inline;
width: 200px;
margin: 0 20px 0 0;
padding: 0;
}


.comp-card-each {
float: left;
display: inline;
width: 200px;
margin: 0 20px 10px 0;
padding: 0;
text-align: center;
}

.comp-card-each img {
display: block;
border: 0;
margin: 0 0 3px 0;
padding: 0;
}

.comp-step-each #compDispName {
width: 200px;
padding: 2px 2px;
font-size: inherit;
background: #fff;
}


/* booya */

.comp-step-each {
float: left;
display: inline;
width: 750px;
margin: 20px 0 0 0;
padding: 0;
background-color: #fff;
}

.comp-step-each textarea {
width: 400px;
margin: 0;
padding: 2px 2px;
font-size: inherit;
background: #fff;
font-family: Arial, Helvetica, sans-serif;
}

.comp-step-each #compSubmit {
width: 150px;
}


/* -- About Us -- */

#about-wrap {
float: left;
display: inline;
width: 750px;
margin: 20px 10px 0 10px;
padding: 0;
text-align: left;
}

.about-wrap-each {
float: left;
display: inline;
width: 750px;
margin: 0 0 10px 0;
padding: 0;
line-height: inherit;
}

.about-wrap-each img {
float: left;
display: inline;
margin: 0 5px 10px 0;
padding: 0;
border: 2px solid #000;
width: 250px;
}

.about-wrap-each p {
float: left;
display: inline;
width: 480px;
margin: 0 0 10px 0;
padding: 0;
line-height: inherit;
}

/* -- Get a Quote -- */

#quote-wrap {
float: left;
display: inline;
width: 750px;
margin: 20px 10px 0 10px;
padding: 0;
text-align: left;
}

#quote-form-wrap {
float: left;
display: inline;
width: 750px;
margin: 5px 0 0 0;
padding: 0;
text-align: left;
}

#quoteform {
float: left;
display: inline;
width: 750px;
margin: 0;
padding: 0;
text-align: left;
}

#quote-contact {
float: left;
display: inline;
width: 750px;
margin: 0;
padding: 0;
text-align: left;
}

#quote-contact dl {
margin: 0;
padding: 0;
}

#quote-contact dt {
color: #333;
font-weight: normal !important;
}

#quote-contact dd {
margin: 0 0 5px 0;
padding: 0;
}

#quote-contact #quoteName, #quote-contact #quoteAddOne, #quote-contact #quoteAddTwo, #quote-contact #quoteCity, #quote-contact #quotePhone, #quote-contact #quoteFax, #quote-contact #quoteEmail {
width: 196px;
margin: 0;
padding: 2px 2px;
font-size: inherit;
background: #fff;
}

#quote-contact #quoteZip {
width: 50px;
padding: 2px 2px;
font-size: inherit;
background: #fff;
}

.quote-cont-form-float {
float: left;
display: inline;
width: 204px;
margin: 0 20px 0 0;
padding: 0;
}

#quote-jobdesc {
float: left;
display: inline;
width: 750px;
margin: 20px 0 20px 0;
padding: 0;
text-align: left;
}

#quote-jobdesc dl {
margin: 0;
padding: 0;
}

#quote-jobdesc dt {
color: #333;
font-weight: normal !important;
}

#quote-jobdesc dd {
float: left;
display: inline;
margin: 0;
padding: 0;
}

#quote-jobdesc dd input {
width: 30px;
padding: 2px 2px;
font-size: inherit;
background: #fff;
}

#quote-jobdesc dd input.quote-dim {
width: 30px;
margin: 0 0 0 5px;
padding: 2px;
font-size: inherit;
background: #fff;
}

#quote-jobdesc textarea {
width: 400px;
height: 90px;
padding: 2px;
font-size: inherit;
background: #fff;
}

.quote-jobdesc-main-float {
float: left;
display: inline;
width: 200px;
margin: 0 20px 10px 0;
padding: 0;
}

.quote-check-wraps {
float: left;
display: inline;
width: 750px;
margin: 20px 0 0 0;
padding: 0;
}

.quote-check-wraps dl {
margin: 0;
padding: 0;
}

.quote-check-wraps dt {
float: left;
display: inline;
margin: 0 3px 0 0;	
color: #333;
font-weight: normal !important;
}

.quote-check-wraps dd {
float: left;
display: inline;
margin: 0;
padding: 0;
}

.quote-check-wraps input {
width: 15px;
height: 15px;
margin: 0;
padding: 0;
}

.quote-checks {
float: left;
display: inline;
width: 160px;
margin: 0 20px 10px 0;
padding: 0;
}

#quote-variable-data {
float: left;
display: none;
width: 500px;
margin: 10px 0 0 0;
padding: 0;
}

#quote-add-info {
float: left;
display: inline;
width: 750px;
margin: 20px 0 0 0;
padding: 0;
}

#quote-quantities {
float: left;
display: inline;
width: 750px;
margin: 20px 0 0 0;
padding: 0;
}

.quote-quantities-each {
float: left;
display: inline;
width: 150px;
margin: 0;
padding: 0;
}

.quote-quantities-each dl {
margin: 0;
padding: 0;
}

.quote-quantities-each dt {
margin: 0 3px 0 0;	
color: #333;
font-weight: normal !important;
}

.quote-quantities-each dd {
display: block;
margin: 0;
padding: 0;
}

.quote-quantities-each input {
display: block;
margin: 0;
padding: 0;
}


/* -- submit a job -- */

#submit-wrap {
float: left;
display: inline;
width: 750px;
margin: 20px 10px 0 10px;
padding: 0;
text-align: left;
}

#submit-form-wrap {
float: left;
display: inline;
width: 750px;
margin: 5px 0 0 0;
padding: 0;
text-align: left;
}

#submitForm {
float: left;
display: inline;
width: 750px;
margin: 0;
padding: 0;
text-align: left;
}

#submit-contact {
float: left;
display: inline;
width: 750px;
margin: 0;
padding: 0;
text-align: left;
}

#submit-contact dl {
margin: 0;
padding: 0;
}

#submit-contact dt {
color: #333;
font-weight: normal !important;
}

#submit-contact dd {
margin: 0 0 5px 0;
padding: 0;
}

#submit-contact #submitName, #submit-contact #submitAddOne, #submit-contact #submitAddTwo, #submit-contact #submitCity, #submit-contact #submitPhone, #submit-contact #submitFax, #submit-contact #submitEmail {
width: 196px;
margin: 0;
padding: 2px 2px;
font-size: inherit;
background: #fff;
}

#submit-contact #submitZip {
width: 50px;
padding: 2px 2px;
font-size: inherit;
background: #fff;
}

.submit-cont-form-float {
float: left;
display: inline;
width: 204px;
margin: 0 20px 0 0;
padding: 0;
}

#submit-file {
float: left;
display: inline;
width: 750px;
margin: 20px 0 0 0;
padding: 0;
}

#submit-file dl {
margin: 0;
padding: 0;
}

#submit-file dt {
color: #333;
font-weight: normal !important;
}

#submit-file dd {
margin: 0 0 5px 0;
padding: 0;
}

#submit-file input {
width: 196px;
margin: 0;
padding: 2px 2px;
font-size: inherit;
background: #fff;
}

#submit-quote-no {
float: left;
display: inline;
width: 750px;
margin: 20px 0 0 0;
padding: 0;
}

#submit-quote-no dl {
margin: 0;
padding: 0;
}

#submit-quote-no dt {
color: #333;
font-weight: normal !important;
}

#submit-quote-no dd {
margin: 0 0 5px 0;
padding: 0;
}

#submit-quote-no input {
width: 30px;
margin: 0;
padding: 2px 2px;
font-size: inherit;
background: #fff;
}

#submit-quote-no a, #submit-quote-no a:visited {
cursor: pointer;
}

#submit-quote-no a:hover {
cursor: pointer;
}

#submit-quote-job-desc {
display: none;
}

/* submit job desc */
#submit-quote-jobdesc {
float: left;
display: inline;
width: 750px;
margin: 20px 0 20px 0;
padding: 0;
text-align: left;
}

#submit-quote-jobdesc dl {
margin: 0;
padding: 0;
}

#submit-quote-jobdesc dt {
color: #333;
font-weight: normal !important;
}

#submit-quote-jobdesc dd {
float: left;
display: inline;
margin: 0;
padding: 0;
}

#submit-quote-jobdesc dd input {
width: 30px;
padding: 2px 2px;
font-size: inherit;
background: #fff;
}

#submit-quote-jobdesc dd input.submit-quote-dim {
width: 30px;
margin: 0 0 0 5px;
padding: 2px;
font-size: inherit;
background: #fff;
}

#submit-quote-jobdesc textarea {
width: 400px;
height: 90px;
padding: 2px;
font-size: inherit;
background: #fff;
}

.submit-quote-jobdesc-main-float {
float: left;
display: inline;
width: 200px;
margin: 0 20px 10px 0;
padding: 0;
}

.submit-quote-check-wraps {
float: left;
display: inline;
width: 750px;
margin: 20px 0 0 0;
padding: 0;
}

.submit-quote-check-wraps dl {
margin: 0;
padding: 0;
}

.submit-quote-check-wraps dt {
float: left;
display: inline;
margin: 0 3px 0 0;	
color: #333;
font-weight: normal !important;
}

.submit-quote-check-wraps dd {
float: left;
display: inline;
margin: 0;
padding: 0;
}

.submit-quote-check-wraps input {
width: 15px;
height: 15px;
margin: 0;
padding: 0;
}

.submit-quote-checks {
float: left;
display: inline;
width: 160px;
margin: 0 20px 10px 0;
padding: 0;
}

#submit-quote-variable-data {
float: left;
display: none;
width: 500px;
margin: 10px 0 0 0;
padding: 0;
}

#submit-quote-add-info {
float: left;
display: inline;
width: 750px;
margin: 20px 0 0 0;
padding: 0;
}

#submit-quote-quantities {
float: left;
display: inline;
width: 750px;
margin: 20px 0 0 0;
padding: 0;
}

.submit-quote-quantities-each {
float: left;
display: inline;
width: 150px;
margin: 0;
padding: 0;
}

.submit-quote-quantities-each dl {
margin: 0;
padding: 0;
}

.submit-quote-quantities-each dt {
margin: 0 3px 0 0;	
color: #333;
font-weight: normal !important;
}

.submit-quote-quantities-each dd {
display: block;
margin: 0;
padding: 0;
}

.submit-quote-quantities-each input {
display: block;
margin: 0;
padding: 0;
}

/* -- Products & Services -- */

#ps-wrap {
float: left;
display: inline;
width: 750px;
margin: 20px 10px 0 10px;
padding: 0;
text-align: left;
}

.ps-each {
float: left;
display: inline;
width: 750px;
margin: 20px 0 0 0;
padding: 0;
text-align: left;
}


/* -- Contact Us -- */

#contact-wrap {
float: left;
display: inline;
width: 750px;
margin: 20px 10px 0 10px;
padding: 0;
text-align: left;
}

#contact-form-wrap {
float: left;
display: inline;
width: 750px;
margin: 5px 0 0 0;
padding: 0;
text-align: left;
}

#contactForm {
float: left;
display: inline;
width: 750px;
margin: 0;
padding: 0;
text-align: left;
}

#contactForm dl {
margin: 0;
padding: 0;
}

#contactForm dt {
margin: 0 0 3px 0;
padding: 0;
color: #333;
font-weight: normal !important;
}

#contactForm dd {
margin: 0 0 10px 0;
padding: 0;
}

#contactForm #contactName, #contactForm #contactEmail {
width: 196px;
margin: 0;
padding: 2px 2px;
font-size: inherit;
background: #fff;
}

#contactForm textarea {
width: 400px;
margin: 0;
padding: 2px 2px;
font-size: inherit;
background: #fff;
font-family: Arial, Helvetica, sans-serif;
}

/* -- Contact Us -- */

#sitemap-wrap {
float: left;
display: inline;
width: 750px;
margin: 20px 10px 0 10px;
padding: 0;
text-align: left;
}