/* Quality Stucco Main Style Sheet*/

/* =General
---------------------------------------------------------------------------------------------------- */
* {margin:0; padding:0; border:0;}
ul, ul li {margin:0; padding:0; list-style:none;}
body {background:#fff; font-family:'Trebuchet MS', arial, verdana, sans-serif; color:#727272; font-size:13px; height:100%; line-height:22px;}
html {height:100%;}
table tr td {font-family:'Trebuchet MS', arial, verdana, sans-serif; font-size:13px; vertical-align:top;}
img, a img {border:0;}
.clearit:after {content:"."; display:block; clear:both; height:0; visibility:hidden;}
.clearit {min-height:0; height:0;}
html>body .clearit {height:auto;}
.clear {clear:both; display:block; width:100%; height:0; font-size:1px;}
.spacer5 {padding-bottom:5px;}
.spacer10 {padding-bottom:10px;}
.spacer20 {padding-bottom:20px;}
.spacer30 {padding-bottom:30px;}
.spacer40 {padding-bottom:40px;}
.spacer50 {padding-bottom:50px;}
.spacer60 {padding-bottom:60px;}
.spacer70 {padding-bottom:70px;}
.spacer80 {padding-bottom:80px;}
.spacer90 {padding-bottom:90px;}
.spacer100 {padding-bottom:100px;}
.spacer200 {padding-bottom:200px;}


/* =Branding
--------------------------------------------------------------------------------------------------- */
#branding {position:absolute; margin-top:44px; margin-left:20px;}


/* =Main navigation
---------------------------------------------------------------------------------------------------- */
#main-nav {height:41px;padding:69px 0 0 553px;}
#main-nav li {float:left; margin-right:9px;}


/* =Layout (homepage)
---------------------------------------------------------------------------------------------------- */
#top-980 {width:980px; margin:0 auto;}
#top-wrapper {background:#002f44 url(../images/wrapper/top-wrapper-bg.jpg) top center no-repeat; height:314px;}
#top-wrapper-sub {background:#002f44 url(../images/wrapper/top-wrapper-sub-bg.jpg) top center no-repeat; height:139px;}
#intro-header {margin:70px 0 0 50px; width:490px;}
#intro-header h1 {font-size:20px; color:#fff; font-weight:normal; margin-bottom:10px;}
#body-wrapper {width:980px; margin:0 auto;}
.feature {float:left; width:630px; margin:20px 0 20px 22px;}
.feature img{float:left; margin:0 30px 0 25px;}
.feature h1{padding-top:7px;}
#bottom-wrapper {background:#111111; min-height:275px; height:auto !important; height:404px;}
#footer {width:980px; margin:0 auto;}
#about {width:302px; float:right; background:url(../images/about-bg-box2.jpg) top left no-repeat; margin-top:10px; min-height:445px; height:auto !important; height:445px;}
#about img{margin:-45px 0 0 -25px;}
#about p{margin:10px 20px 0 20px;}
p.blue {color:#0a5572; text-align:justify;}
#estimate {font-size:13px; margin-top:5px; margin-left:5px; color:#fff; font-weight:normal;}
#estimate2 {font-size:13px; margin-top:5px; margin-left:5px; color:#d2edf8; font-weight:normal; line-height:15px;}
li.blue {color:#0a5572; font-weight:bold; font-size:20px; padding-bottom:10px;}
.qualities {padding-bottom:15px; width:auto; float:left; margin-left:24px; color:#0a5572;}
.qualities ul {width:220px; padding:12px 0 2px 14px;}
.qualities li {font-weight:bold; padding-left:24px; font-size:12px; line-height:24px; background:url(../images/bullet-arrow.gif) left center no-repeat;}
.qualitiesAbout {padding-bottom:15px; width:auto; float:left; margin-left:24px; color:#0a5572;}
.qualitiesAbout ul {width:auto; padding:12px 0 2px 14px;}
.qualitiesAbout li {font-weight:bold; padding-left:24px; font-size:12px; line-height:24px; background:url(../images/bullet-arrow.gif) left center no-repeat;}


/* =Layout 
--------------------------------------------------------------------------------------------------- */
#sub-nav {float:left; margin:25px 0 25px 1px; width:260px;}
#sub-nav li{background:url(../images/wrapper/divider-subnav.gif) bottom left repeat-x; font-size:16px;}
#sub-nav li.active{height:52px; height:47px; width:300px;}
#sub-nav li.active span {background:url(../images/sub-nav-active2.jpg) top left no-repeat; padding:16px 0 14px 25px; width:275px; display:block; margin-top:-1px; position:absolute; height:33px;}
#sub-nav li.content{padding:15px 0 15px 25px;}
#sub-nav a{display:block; padding:15px 0 15px 25px; color:#f77a1e; text-decoration:none;}
#sub-nav a:hover{color:#c65400; text-decoration:none;}
#sub-content {float:left; background:url(../images/divider-vert-white.gif) top right repeat-y; margin:25px 0 25px 25px; padding-right:25px; width:628px; min-height:256px; 	height:auto !important; height:256px;}
#sub-content .tagline {padding:0 0 20px 0;}
#blue-box {background:url(../images/blue-box.gif) top left no-repeat; width:633px; height:245px;}
#blue-box h3{margin:0 0 15px 25px; padding-top:30px;}
#blue-box ul li {background:url(../images/bullet-blue.gif) 0px 8px no-repeat; font-size:13px; color:#0a5572; margin:0 0 0 25px; padding:0 0 2px 15px;;}
#sub-nav img {margin:15px 0 0 -25px; z-index:10; position:absolute;}




/* =Links
---------------------------------------------------------------------------------------------------- */
a, a:link {outline:none; color:#0682a5; text-decoration:underline;}
a:focus {outline:none; color:#0682a5; text-decoration:underline;}
a:hover {outline:none; color:#01637f; text-decoration:underline;}

/* =Typography
---------------------------------------------------------------------------------------------------- */
#body-wrapper p {margin-bottom:16px;}
.up {margin-top:-15px; font-size:13px; line-height:16px; text-align:justify;}
h1 {font-size:19px; color:#f77a1e; font-weight:normal; margin-bottom:10px;}
h2 {font-size:17px; color:#0a5572; font-weight:normal; margin-bottom:15px;}
h3, h3.grey{font-size:14px; color:#0a5572; font-weight:normal; margin-bottom:15px; display:block;}
h3.grey {color:#a2a2a2;}
h3 a {text-decoration:none;}
h4 {font-size:14px; color:#f77a1e; font-weight:normal; margin-bottom:5px;}
h5 {font-size:14px; color:#666; padding-bottom:10px;}
.bold-grey {font-size:13px; color:#3d3d3d; font-weight:bold;}
.grey-italic {color:#676f72; font-size:12px; line-height:22px; font-style:italic;}
.bold-white {color:#d2edf8; font-size:12px; line-height:22px; font-weight:bold;}
#breadcrumb a {font-size:12px; color:#acacac; text-decoration:underline; padding-right:5px; line-height:20px;}
#breadcrumb a:hover {color:#848484;}
#breadcrumb {padding-top:5px;}
#breadcrumb img  {vertical-align:middle; padding-right:5px;}
#breadcrumb .inactive {font-size:12px; color:#acacac; text-decoration:none; padding-right:5px;}



/* =Page Elements
--------------------------------------------------------------------------------------------------- */
a.button, a.button-blue {background:url(../images/btn-right.gif) top right no-repeat; padding-right:11px; text-decoration:none; display:block; float:left; color:#676767;}
a.button-blue {color:#0a5572;}
a.button span, a.button-blue span {background:url(../images/btn-left.gif) top left no-repeat; padding:5px 0 6px 11px; display:block;}
a.button:hover, a.button-blue:hover{background:url(../images/btn-right-on.gif) top right no-repeat;}
a.button:hover span, a.button-blue:hover span {background:url(../images/btn-left-on.gif) top left no-repeat;}
/* busted in IE 
a.button:active {padding-right:10px;}
a.button:active span {padding:6px 0 5px 12px;}
*/
.divider-horizontal-white {background:url(../images/divider-horizontal-white.gif) top left repeat-x; margin:0 25px 0 25px; height:1px; clear:left;}
.divider-horizontal-white-full {background:url(../images/divider-horizontal-white.gif) top left repeat-x; margin:12px 0 0 0; padding:5px 0 12px 0; height:1px; clear:left;}
.divider-breadcrumb {background:url(../images/divider-horizontal-white.gif) top left repeat-x; margin:22px 0 25px 0; height:1px; clear:left;}
.blue-box-lg-repeat {background:url(../images/blue-box-lg-repeat.jpg) top left repeat-y; width:633px; min-height:50px; height:auto !important; height:50px; margin-bottom:15px;}
.blue-box-lg-top {background:url(../images/blue-box-lg-top.jpg) top left no-repeat; width:633px; min-height:50px; height:auto !important; height:50px;}
.blue-box-lg-bottom {background:url(../images/blue-box-lg-bottom.jpg) bottom left no-repeat; width:600px; min-height:50px; height:auto !important; height:50px; padding:15px 15px 2px 15px;}
.blue-box-lg-bottom p{color:#0a5572; text-align:center;}
.circle-divider {color:#81adc0;}
#content-list ul {margin-bottom:15px;}
#content-list ul li {list-style:disc; color:#0a5572; margin-left:15px;}
.content-list-grey ul {margin-bottom:15px;}
.content-list-grey ul li {list-style:disc; color:#727272; margin-left:15px;}


/* Management Team */
#bios .connect {padding:4px 0 10px 8px;}
#bios .connect a {font-weight:normal; text-decoration:underline !important;}
#bios .connect li {background:0px 4px no-repeat; line-height:20px; padding-left:23px; margin-bottom:4px;}
#bios .connect .facebook {background-image:url(../images/icon-facebook.gif); }
#bios .connect .twitter {background-image:url(../images/icon-twitter.gif); }
#bios .connect .linkedin {background-image:url(../images/icon-linkedin.gif); }
#column-left {float:left; width:300px; margin-right:20px;}
#column-left img, #column-right img {margin-top:-11px;}
#column-right {float:left; width:300px;}


/* Our Work */
.project img {clear:both; margin:20px 0 40px 0;}
.project h4 {margin-top:13px;}
.project p {width:376px;}
.features {background:url(../images/features-box-bottom.gif) bottom left no-repeat; padding-bottom:8px; width:230px; float:right; margin-left:20px;}
.features ul {background:url(../images/features-box-top.gif) top left no-repeat; width:220px; padding:12px 0 2px 14px;}
.features li {font-weight:bold; padding-left:26px; font-size:12px; line-height:24px; background:url(../images/bullet-arrow.gif) left center no-repeat;}


/* Client List */
.category {clear:left; float:left; font-size:12px; line-height:16px; margin-bottom:20px;}
.category > ul > li {margin:0 0 8px 0; background:url(../images/bullet-arrow-light.gif) top left no-repeat; padding-left:20px;}
.category > ul > li > a {display:block;}
.category > ul > li > a:hover, .category > ul > li > a.active {text-decoration:none; color:#F7921E;}
.col-left, .col-right {float:left; width:286px; padding:3px 10px;}
div.services {display:none; position:absolute; width:310px; margin-left:-16px; margin-top:1px; background:url(../images/clients-box-top.gif) top left no-repeat; padding-top:6px; color:white; z-index:10;}
div.services ul {padding:4px 5px 10px 5px; background:url(../images/clients-box-bottom.gif) bottom left no-repeat;}
div.services li {border-bottom:1px dashed #3b6f83; padding:0 10px 6px 10px; margin-bottom:6px;}
div.services li a {color:#8cb7c8; text-decoration:underline;}
div.services li a:hover {color:#b9d4de; text-decoration:underline;}
div.services li.last {border-bottom:none; margin-bottom:0; padding-bottom:0;}

/* =Lists
--------------------------------------------------------------------------------------------------- */


/* =Footer
---------------------------------------------------------------------------------------------------- */
#footer {width:980px; margin:0 auto; padding:30px 0 0 0;}
#footer-content {background:url(../images/divider-horizontal-grey.gif) top left repeat-y; width:980px; margin:0 auto; min-height:100px; height:auto !important; height:100px;}
#footer-divider-horizontal-grey {width:892px; height:1px; background:url(../images/divider-hor-repeat.gif) top left repeat-x; margin:0 auto; padding-bottom:5px;}
#footer-divider-horizontal-grey span {display:none;}
#footer-column1 {width:275px; float:left; margin:0 0 0 48px;}
#footer-column2 {width:280px; float:left; margin:0 0 0 53px;}
#footer-column3 {width:230px; float:left; margin:0 0 0 53px;}
#footer p {color:#a2a8aa; font-size:12px; line-height:22px;}
#footer li {color:#a2a8aa; font-size:12px; line-height:22px; background:url(../images/divider-twitter.gif) top left no-repeat; margin:15px 0 0 0; padding:15px 0 0 0;}
#footer a {color:#f7921e; font-size:12px; text-decoration:underline; font-style:italic;}
#footer a:hover {color:#ffa53d;}
.copyright {color:#676f72; font-size:12px; line-height:22px;}
#copyright {width:892px; margin:25px 0 0 45px; padding-bottom:20px;}
#copyright a {color:#676f72; /*color:#d2edf8;*/ padding-right:13px; font-size:12px; line-height:22px; font-style:normal;}
#copyright a:hover {color:#fff;font-size:12px;line-height:22px;}
#social-media {float:right; margin-top:-60px; padding-right:45px;}
#social-media img {margin-left:20px;}
.quote-image {margin:0 0 15px;}
#hidden {color:#212020; float:left; display:block;}
#hidden a:link, #hidden a:hover, #hidden a:visited {color:#212020;}