/* v1.0 | 20080212 */
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, font, 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 {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
vertical-align: baseline;
background: transparent;
}
body {
line-height: 1;
}
ol, ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none;
}
/* remember to define focus styles! */
:focus {
outline: 0;
}
/* remember to highlight inserts somehow! */
ins {
text-decoration: none;
}
del {
text-decoration: line-through;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
border-collapse: collapse;
border-spacing: 0;
}
/*///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*///// Background Styles ///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
body { background-color: #273E75; }
#header .logo { background: url(../images/logo.png) center top no-repeat; }
#main-wrapper { background: #faf2db url(../images/background.png) left top no-repeat; }
#main { background-color: #ffffff;}
#nav { background: url(../images/nav-bg.png) top left repeat-x; }
#sidenav { background-color: #eee9dc;}
#info { background: url(../images/info-bg.png) top left no-repeat; }
#gallery-link { background: url(../images/gallery-link-image.png) top left no-repeat;}
#testimonial-box{ background-color: #273E75 }
#testimonial-box-inner{ background-color: #2B4A89; }
#testimonial-box-bottom { background: url(../images/testimonial-box-bottom.png) top left no-repeat; }
div.learn-more { background: url(../images/button.png) top left no-repeat;}
#footer-wrapper { background-color: #273e75; }
li#phone { background: url(../images/phone-icon.png) top left no-repeat; }
ul#header-contact li#email { background: url(../images/email-icon.png) top left no-repeat; }
li#blog { background: url(../images/rss-icon.png) top left no-repeat; }
li#facebook { background: url(../images/facebook.png) top left no-repeat; }
li#linkedin { background: url(../images/linkedin.png) top left no-repeat; }
li#twitter { background: url(../images/twitter.png) top left no-repeat; }
#mc-embedded-subscribe { background: url(../images/button-slice.png) top left repeat-x; }
button { background: url(../images/button-slice.png) top left repeat-x; }
#overlay { background: url(../images/overlay-bg.png) top left repeat-x;}
/*///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*///// Font Styles //////////////////////////////////////////////////////////////////////////////// /////////////////////////////////////////////*/
/*///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
body { font-family: Tahoma, Arial, sans-serif;}
#content a { color: #576993; font-weight: bold;}
#content ul, #content ol { margin-left: 20px; margin-bottom: 10px;}
#content ul { list-style-type: disc;}
#content ol { list-style-type: decimal; }
#header p { color: #57543b; font-size: 22px; font-style: italic; font-weight: normal;}
#header-contact li, #header-contact li a { color: #294580; font-weight: bold; }
#nav li a{ font-family: 'Palatino Linotype', serif; color: #ffffff; font-weight: bold; line-height: 41px; vertical-align: center;}
h3 { color: #045290; font-family: 'Palatino Linotype', serif; font-size: 22px; padding-bottom: 10px;}
h4 { color: #045290; font-size: 18px; text-transform: capitalize;}
h5 { color: #045290; font-family: 'Palatino Linotype', serif; font-size: 14px; padding-bottom: 10px;}
#breadcrumbs { color: #273e75; font-size: 11px; font-weight: bold; text-transform: lowercase;}
#breadcrumbs a { color: #273e75; font-size: 11px; font-weight: normal; }
.entry-info { font-size: 12px; font-weight: bold; margin: 15px 0;}
.entry p { color: #292929; font-size: 12px; line-height: 17px;}
#flowchart h3{ font-family: Tahoma, sans-serif; }
#flowchart p { font-size: 12px; line-height: 16px;}
.number { color: #ffffff; line-height: 27px; vertical-align: middle; text-align: center; font-weight: bold;}
.title { color: #4d4d4d; font-size: 14px; font-family: Tahoma, sans-serif; font-weight: bold; margin-bottom: 15px; margin-top:15px;}
#content { color: #4d4d4d; font-size: 12px; line-height: 16px; font-family: Tahoma, sans-serif; }
#middle h3 { color: #045290; font-family: 'Palatino Linotype', serif; font-size: 22px; }
#middle h3 a { color: #045290; font-family: 'Palatino Linotype', serif; font-size: 22px; }
#service-areas p, #service-areas ul li { color: #65593f; font-size: 13px; line-height: 16px;}
#service-areas ul li { font-family: 'Palatino Linotype', serif; line-height: 22px;}
#links p { color: #5d5547; font-size: 13px; }
#gallery-box-inner { color: #ffffff; }
#gallery-box-inner h2 { font-family: 'Palatino Linotype', serif; font-size: 23px; text-align: center;}
#gallery-box-inner p { font-size: 13px; text-align: center;}
a#gallery { color: #000000; }
#testimonial-box-inner h3 { color: #dfc448; }
#testimonial-box-inner p { color: #ffffff; font-size: 13px; line-height: 16px; margin-bottom: 10px;}
#testimonial-box-inner a { color: #dfc448; }
div.learn more { color:#44382b; line-height: 27px; text-align: center; vertical-align: middle; }
#gallery-link { color: #44382b; font-family: 'Century Gothic', sans-serif; font-size: 16px; text-transform: uppercase; line-height: 43px; vertical-align: middle; text-align: center;}
#gallery-link a { color: #44382b; }
#sidenav h4 { font-family: Tahoma, sans-serif; color: #000000; margin-bottom: 10px; }
#sidenav ul#nav-sub li { font-family: 'Palatino Linotype', serif; font-size: 13px;; }
#sidenav ul li a { color: #000000; display: inline-block; line-height: 18px}
#sidenav ul li.here a { color: #2B4A89; font-weight: bold; display: inline-block; line-height: 18px}
#sidenav .entry-info { font-size: 12px; font-weight: bold; margin-bottom: 5px;}
#sidenav span { margin-bottom: px; }
#footer-inner a { color: #ffffff; }
#footer-middle ul li a { font-size: 13px; line-height: 22px; display: inline-block;}
#footer-middle > ul li:first-child { font-weight: bold;}
ul#connect li { font-size: 13px; line-height: 22px; color: #ffffff;}
#emailsignup h4 { font-family: 'Palatino Linotype', serif; color: #dfc448; font-size: 20px;}
#emailsignup p { color: #ffffff; font-size: 13px;}
#contact-submit, #mc-embedded-subscribe { font-size: 18px; font-weight: 300; font-family: 'Century Gothic', serif;}
#fineprint { color: #ddcb97; font-size: 11px;}
#fineprint a { color: #ddcb97; vertical-align: baseline; line-height: 13px;}
/*///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*///// Header Styles ///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*///// Link Styles /////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
a { text-decoration: none; }
a:hover { text-decoration: underline; }
#header ul#nav li a:hover { text-decoration: none; }
/*///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*///// Framework Styles ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
.clear { clear: both; height: 1px; line-height: 1px; font-size: 1px; }
.no-display { display: none; }
.left { float: left; }
.right { float: right; }
.wrap { width: 982px; margin: 0 auto; }
.rounded { -moz-border-radius: 7px; -webkit-border-radius: 7px; border-radius: 7px; }
.rounded-top { -moz-border-radius-topleft: 7px; -moz-border-radius-topright: 7px; -webkit-border-top-left-radius: 7px; -webkit-border-top-right-radius: 7px; border-top-left-radius: 7px; border-top-right-radius: 7px;}
.vertical-divider { background-color: #e0e0e0; width: 1px; }
.divider { background-color: #e0e0e0; height: 1px; }
.sidenav-divider { background-color: #000000; height: 1px; margin-bottom: 30px;}
/*///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*///// #Header /////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
#header { padding: 10px 0 0 0; position: relative; }
#header .logo { display: block; width: 209px; height: 139px; text-indent: -9999px; float: left;}
p#slogan { position: absolute; bottom: 60px; left: 700px;}
ul#header-contact { float: right; }
ul#header-contact li { float: left; height: 20px; text-indent: 20px; padding-right: 10px; }
#nav { float: right; position: absolute; right: 0; bottom: 0px; height:41px; width: 668px; padding: 0 10px 0 0px;}
#nav li { float: left; padding-right: 20px; text-align: center; }
#nav-tab { position: absolute; bottom:0; left: 251px;}
/*///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*///// #HomeTop /////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
#main { position: relative; width: 962px; padding: 10px 10px 30px 10px; margin-bottom: 20px;}
#breadcrumbs { text-align: right; margin-top: 15px; }
/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*///// #Articles ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*////////////////////////// ///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
#main-content { width: 690px; padding: 0 10px 0 20px; }
#main-content h4 { padding-bottom: 20px; }
.entry { padding: 0 0 20px 0; }
.entry img { float: right; padding-left: 15px;}
p#pagination { color: #4c4c4d; font-size: 13px; text-align: right; }
p#pagination a { color: #004da4; }
#sidenav {height: inherit; width: 230px; padding: 0;}
#sidenav-inner { padding: 20px 10px 30px 10px; }
#info { height: 89px; margin-top: 10px; padding: 10px 5px 5px 105px; }
#gallery-link { height: 43px; width: 330px; margin-top: 30px;}
/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*///// #Landing Page ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*////////////////////////// ///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
#main-content-wide { width: 962px; }
#main-content-wide > div#services-wrapper > div.service { float: left; width: 311px; margin: 0 13px 30px 0; position: relative; height: 430px; }
#main-content-wide > div#services-wrapper >div.last { margin-right:0; }
div.service img { margin-bottom: 15px;}
div.service { color: #4d4d4d; }
div.service h5 { font-weight: bold; font-size: 14px; }
div.service p { font-size: 12px; line-height: 16px;}
div.learn-more {width: 107px; height: 27px; margin: 10px 0 0 0;line-height: 27px; vertical-align: middle; text-align: center; float: left; position: absolute; bottom: 0;}
div.learn-more a { color: #4d4d4d; vertical-align: middle; }
/*///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*///// Middle////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
#middle { padding-top: 30px; min-height: 280px;}
#middle > div { min-height: inherit;}
#middle div.left:first-child { padding-left: 8px; min-height: inherit; }
#links { width: 295px; padding:0 0 0 30px; }
#links img { float: left; padding-right: 10px; margin-bottom: 20px;}
#links h3 { margin-bottom: 5px;}
#service-areas { width: 332px; padding: 0 15px 0 15px; border-right: 1px solid #cacaca; border-left: 1px solid #cacaca; }
#service-areas img { float: left; padding: 0 20px 10px 0;}
#service-areas p { padding-bottom: 10px; }
#service-areas ul li { float: left; width: 31%; padding-right: 2%;}
#testimonial-box{ width: 218px; padding: 15px 15px 0px 15px; margin-right: 15px; }
#testimonial-box-inner { border: 1px solid gray; }
#testimonial-box-inner h3 { padding: 10px 0 10px 15px; display: block;}
#testimonial-box-inner a { float: right; padding: 10px 15px 0 0;}
#testimonial-box-bottom {height: 19px; width: 248px;}
p.testimony { padding: 0 15px 0 15px;}
p.attribution { padding: 0 15px 0 15px; float: left; font-style: italic; text-indent: -3px;}
p.attribution span { font-weight: bold; font-style: none;}
#text-slider ul { height: 300px; }
#text-slider ul li {width: 225px; height: 260px; position: relative; }
#text-slider ul li a { position: absolute; display: inline-block; right: 0; bottom: 15px; }
/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*///// #Footer /////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
#footer-wrapper {clear: both; min-height:100px;}
#footer-inner { padding-top: 30px; }
#footer-inner div.left { width: 100px; }
#footer-inner #footer-middle { width: 595px; margin: 0 20px 0 20px;}
#footer-inner .right { width: 243px;}
#footer .left #networking a { float:left; display:block; height:34px; width:34px; margin-left:12px;}
#footer .left #emailsignup { clear:both; margin-right:60px; padding-top: 15px; padding-bottom: 5px; padding-right: 5px;}
#emailsignup h4, #emailsignup p { padding-bottom: 10px;}
#emailsignup form input[type="text"] { width: 100%; height: 25px; background: #fff; border: 1px solid #6f6f6f; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; margin: 10px 0 10px 0; }
#mc-embedded-subscribe { background: url(../images/button-slice.png) top left repeat-x; }{ border: 0; height: 32px; width: 95px; float: right;}
#footer-middle > ul { float: left; width: 110px; margin-right: 40px;}
#footer-middle ul#connect { margin-right: 0px; }
ul#connect li#email a{ font-size: 11px;}
ul#network li { float: left; padding-right: 15px;}
ul#network { margin-top: 10px; }
li#facebook {height:24px; width:24px;}
li#linkedin {height:24px; width:24px;}
li#twitter {height:24px; width:24px;}
/*///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*///// #FinePrint /////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
#fineprint { clear:both; padding:5px;}
#fineprint p { text-align:center;}
/*///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*///// #Blog ///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
.categories { font-size: 12px; font-weight: bold; margin: 20px 0 20px 0;}
.testimonial {padding-bottom: 25px;}
p.attribution { float: left;}
p.attribution {font-style: italic; font-weight: bold;}
p.attribution span { font-weight: normal; font-style: none;}
#sidenav ul li a.category, a.archive { color: #474747; font-family: 'Palatino Linotype', serif; text-transform: capitalize; font-size: 13px; line-height: 20px;}
#sidenav .divider { margin: 10px 0 10px 0; background-color: #5f5d58;}
#sidenav a.entry-link { color: #2b4a89; font-family: 'Palatino Linotype', serif; font-size: 14px; font-weight: bold; display: block; padding-bottom: 15px;}
#sidenav span { color: #383838; font-family: Tahoma, sans-serif; font-size: 12px; font-weight: normal; display: block; padding-top: 10px;}
#info a h5 { color: #282828; font-family: Tahoma, sans-serif; font-weight: bold; font-size: 14px; padding: 0;}
#info a p { color: #282828; font-family: 'Palatino Linotype', serif; font-size:12px; line-height: 15px; padding: 5px 0 5px 0;}
#info a { color: #142651; font-size: 11px; font-weight: bold; }
#content ul li { list-style-type: disc; }
/*///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*///// #Contact ///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
#asterisk { float: right; }
.budget { margin-top: 15px; }
form#contact-form {margin: 15px 0; }
form#contact-form, div#residential, div#commercial { padding-top: 20px;}
form#contact-form div#residential, form#contact-form div#commercial { padding: 0; height: auto;}
form#contact-form div, div#residential div, div#commercial div { padding: 5px 5px 5px 0; height: 30px; }
form#contact-form div.hiddenFields { display: none; }
form#contact-form label, div#residential label, div#commercial label, .mc-field-group label { display: block; width: 200px; float: left; }
form#contact-form input, form#contact-form select { display: block; }
div.checkbox { float: left; }
input[type="checkbox"] { border: 1px solid gold; float: left; }
div#residential, div#commercial { display: none;}
#mc_embed_signup { border-top: 1px solid #ccc; }
/*///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*///// #Gallery///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
.gallery h5 { color: #2a4683; font-size: 20px;}
#gallery-primary-content { padding: 15px; position: relative; border: 1px solid #979797; margin-bottom: 20px;}
.gallery .caption { color: teal; position: absolute; bottom:0; left: 10px; padding: 0 }
div#descriptor { float: right; margin: 0 15px 0 15px; width: 30%;}
.image-info { float: right; width: 195px; min-height: 310px; }
.image-info h6 { font-family: 'Myriad Pro', sans-serif; color: #3c3c3c; font-size: 14px; margin: 8px 0 10px 0; }
.image-info p { font-family: 'Myriad Pro', sans-serif; color: #3c3c3c; font-size: 12px; margin: 0 0 8px 0;}
.image { position: relative; padding-right: 45px; width: 413px; float: left;}
#overlay { position: absolute; bottom: 0; left:0; height: 29px; width: 403px; padding: 0 0 0 10px; color: #ffffff; font-weight: bold; line-height: 29px;}
#overlay span { vertical-align: middle;}
.slides a { color: #576993; font-weight: bold; margin-bottom: 5px;}
.slides a.next { float: right;}
.slides a.prev { margin-left: 458px; }
#social-media-buttons > div, #social-media-buttons > a {height: 27px; float: left; margin-top: 5px;}
a#twitter-button { display: block; background: url(../images/twitter-button.png) top left no-repeat; width:58px; height: 27px;}
#share-button {background: url(../images/share-button.png) top left no-repeat; width:38px; }
#email-button {background: url(../images/email-button.png) top left no-repeat; width:42px; }
#gallery-secondary-content { }
.additional-gallery { width: 45%; height: 130px; float: left; padding: 20px 30px 0 0; }
.additional-gallery .image { width: 100px; padding-right: 10px;}
.additional-gallery .image-info { min-height: 100px; width: 190px; }
.additional-gallery .image-info h6 { color: #002c8a; margin: 0 0 8px 0;}
.additional-gallery .image-info p { padding: 0 5px 0 0;}
.link { margin-bottom: 15px}
#links h3 { float: right; width: 170px; font-size: 18px;}
#links p { float: right; width: 170px;}
/*///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*///// #Payment Form ///////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
#asterisk { float: right; }
.budget { margin-top: 15px; }
form#payment-form { padding-top: 20px;}
form#payment-form { padding: 0; height: auto;}
form#payment-form div { padding: 5px 5px 5px 0; height: 30px; }
form#payment-form div.hiddenFields { display: none; }
form#payment-form label { display: block; width: 200px; float: left; }
form#payment-form input, form#payment-form select { display: block; }
div.checkbox { float: left; }
input[type="checkbox"] { float: left; }
form#payment-form div.expiration select { float: left; margin-right: 15px;}
.payment-error { font-size: 12px; }
#content h1, #content h2, #content h3 { color: #4d4d4d; font-family: Tahoma, sans-serif; font-weight: bold; }
#content h1 { font-size: 24px; line-height: 32px; margin-bottom: 20px; }
#content h2 { font-size: 22px; line-height: 30px; margin-bottom: 15px;}
#content h3 { font-size: 20px; line-height: 28px; margin-bottom: 10px;}
#main-content-wide > div#services-wrapper > div.service:nth-child(3){ margin-right:0;}