@charset "utf-8";
/* CSS Document */

@font-face {
    font-family: 'TenbyFive';
    src: url('tenby-five-webfont.eot');
    src: url('tenby-five-webfont.eot?#iefix') format('embedded-opentype'),
         url('tenby-five-webfont.woff') format('woff'),
         url('tenby-five-webfont.ttf') format('truetype'),
         url('tenby-five-webfont.svg#TenbyFive') format('svg');
    font-weight: normal;
    font-style: normal;
}

html { height: 101%; }
body { background: #c0d4ce url(../images/sky_bg.gif) repeat-x left top; margin: 0; padding: 0; font-family: 'Cabin', arial, serif; font-size: 12px; color: #363941; }

* { margin: 0; padding: 0; }
a { outline: none; text-decoration: none; }
img, a img { border: 0; }

#clouds { width: 978px; position: relative; margin: 0 auto; }
#clouds img.cloud { position: absolute; z-index: -1; }
#clouds #cloud1 { left: -137px; top: 21px; }
#clouds #cloud2 { left: -69px; top: 209px; }
#clouds #cloud3 { left: 361px; top: 174px; }
#clouds #cloud4 { right: -62px; top: 112px; }

#header { width: 978px; height: 140px; margin: 0 auto 8px; padding-top: 17px; padding-left: 30px; }
#header #homelink { display: block; float: left; margin-right: 50px; }
#header #topnav { list-style: none; float: left; padding-top: 30px; }
#header #topnav li { list-style: none; float: left; display: block; margin-right: 19px; }
#header #topnav li a { text-transform: uppercase; font-family: 'TenbyFive', arial, sans; font-size: 20px; color: #ffffff; display: block; height: 34px; line-height: 34px; text-align: center; background-position: center -34px; font-weight: bold; }
#header #topnav li#home a { background: url(../images/nav-home_hover.png) no-repeat center -34px; width: 75px;  }
#header #topnav li#about a { background: url(../images/nav-about_hover.png) no-repeat center -34px; width: 116px; }
#header #topnav li#services a { background: url(../images/nav-about_hover.png) no-repeat center -34px; width: 116px; }
#header #topnav li#process a { background: url(../images/nav-services_hover.png) no-repeat center -34px; width: 134px; }
#header #topnav li#work a { background: url(../images/nav-work_hover.png) no-repeat center -34px; width: 117px; }
#header #topnav li#contact a { background: url(../images/nav-contact_hover.png) no-repeat center -34px; width: 128px; }
#header #topnav li#home a:hover,
#header #topnav li#about a:hover,
#header #topnav li#services a:hover,
#header #topnav li#process a:hover,
#header #topnav li#work a:hover,
#header #topnav li#contact a:hover,
.home #header #topnav li#home a,
.about #header #topnav li#about a,
.services #header #topnav li#services a,
.process #header #topnav li#process a,
.work #header #topnav li#work a,
.contact #header #topnav li#contact a { background-position: center top; }
.home #header #topnav li#home a:hover,
.about #header #topnav li#about a:hover,
.services #header #topnav li#services a:hover,
.process #header #topnav li#process a:hover,
.work #header #topnav li#work a:hover,
.contact #header #topnav li#contact a:hover { cursor: default; }

#content-wrap { width: 978px; background: transparent url(../images/content-top_bg.png) no-repeat left top; padding-top: 25px; clear: both; margin: 0 auto 28px; }
#content { background: transparent url(../images/content-mid_bg.png) repeat-y left top; padding: 18px 60px 0 45px; float: left; }
#content a { color: #6193a1; text-decoration: underline; }
#content a:hover { text-decoration: none; }
#content h1 { font-family: 'TenbyFive', arial, sans; font-size: 28px; color: #5d7f8c; margin-bottom: 26px; }
#content h2 { font-size: 16px; color: #214453; font-weight: normal; margin-bottom: 2px; }
#content h1 span,
#content h2 span { text-transform: uppercase; }
#content h3 { color: #214453; text-transform: uppercase; font-size: 1.2em; font-weight: normal; }
#content p, #content ul, #content ol { margin-bottom: 1em; line-height: 1.5em; }
#content ul { list-style: none; }
#content ul li { list-style: none; padding-left: 1.5em; background: transparent url(../images/content_bullet.gif) no-repeat .6em .6em; margin-bottom: 5px; }
#content #breadcrumb { width: 280px; float: right; text-align: right; font-size: 14px; color: #6193a1; padding-top: 10px; }
#content #breadcrumb a { text-decoration: none; color: #6193a1; }
#content #breadcrumb a:hover { text-decoration: underline; }

#content .column { width: 283px; float: left; margin-right: 12px; }
#content .col3 { margin-right: 0; }
#content .col12 { width: 578px; }
#content .col23 { width: 578px; margin-right: 0; }

#belt { width: 100%; background-color: #3b352a; padding: 34px 0 40px; color: #ffffff; clear: both; }
#footer { width: 100%; background-color: #214453; padding: 15px 0; color: #ffffff; clear: both; font-size: 13px; height: 24px; line-height: 24px; }
#belt .inner, #footer .inner { width: 938px; padding: 0 22px 0 18px; margin: 0 auto; }
#footer p img { vertical-align: middle; }

#belt h3 { text-transform: uppercase; margin-bottom: 10px; font-size: 1.35em; }
#belt h3 span { text-transform: none; font-size: .8em; vertical-align: baseline; }
#belt .btn { font-weight: bold; border: solid 2px #ffffff; display: inline-block; padding: 1px 13px; background-color: #214553; color: #ffffff; text-decoration: none; font-size: 1.2em; }
#belt .btn:hover { background-color: #6293a1; }

#belt-gallery h3 { width: 500px; }
#belt-gallery { width: 622px; float: left; margin-right: 25px; }
#belt-gallery a { float: left; border: solid 1px #2b261e; margin-right: 9px; font-size: 1.2em; }
#belt-gallery a.more { float: right; border: 0; margin: 2px 0 0; color: #ffffff; padding-right: 11px; }

#belt-like { width: 296px; float: left; margin-right: 24px; }
#belt-like p { margin-bottom: 25px; }
#belt-like a { margin-right: 14px; }

#belt-contact { width: 291px; float: left; }
#belt-contact p { margin-bottom: 20px; line-height: 1.5em; }
#belt-contact .btn { padding: 8px 13px; }

#belt-contact-lg,
#belt-maintenance { width: 618px; float: left; }
#belt-contact-lg h3 span { font-size: .7em; }
#belt-contact-lg ul,
#belt-maintenance ul { list-style: none; width: 296px; margin-right: 12px; float: left; }
#belt-contact-lg ul li,
#belt-maintenance ul li { list-style: none; width: 100%; float: left; clear: both; margin-bottom: 9px; }
#belt-contact-lg ul li.error,
#belt-maintenance ul li.error { background: transparent url(../images/error_arr.gif) no-repeat left 75%; }
#belt-contact-lg ul li label { float: left; width: 76px; margin-right: 4px; text-align: right; text-transform: uppercase; font-size: 1em; padding-top: 9px; line-height: 17px; }
#belt-contact-lg ul li input,
#belt-contact-lg textarea,
#belt-maintenance ul li input,
#belt-maintenance textarea { float: left; border: solid 2px #7e8489; background: #fdfcfc url(../images/input_bg.gif) repeat-x left top; height: 23px; width: 200px; padding: 0 5px; color: #939492; font-size: 14px; line-height: 24px; }
#belt-contact-lg #bc-comments,
#belt-maintenance #m-comments { width: 296px; height: 50px; padding: 5px; font-family: Arial, Helvetica, sans-serif; margin-bottom: 3px; }
#belt-contact-lg p { font-size: .9em; float: left; }
#belt-contact-lg input.btn,
#belt-maintenance input.btn { float: right; margin-top: 6px; }
#belt-contact-lg #bc-bonus,
#belt-maintenance #m-bonus { position: absolute; visibility: hidden; left: -300em; }

#belt-maintenance label { float: left; width: 310px; height: 27px; margin-bottom: 9px; }
#belt-maintenance label span { display: inline-block; width: 245px; font-size: 1.1em; vertical-align: bottom; line-height: 20px; }
#belt-maintenance label select { border: solid 2px #7e8489; height: 27px; color: #939492; font-size: 14px; width: 65px; }
#belt-maintenance ul li label { width: 95px; height: auto; margin-right: 4px; margin-bottom: 0; text-align: right; text-transform: uppercase; font-size: 1em; padding-top: 9px; line-height: 17px; }
#belt-maintenance ul li input,
#belt-maintenance textarea { width: 181px; }
#belt-maintenance p { font-size: 1em; margin-bottom: 1em; }
#belt-maintenance p.char-limit { font-size: .9em; float: left; margin-bottom: 0; }

.tertiary #content-wrap { background-image: url(../images/content-top-TAB_bg.png); padding-top: 66px; position: relative; top: -35px; margin-bottom:-22px; }
.tertiary #content { padding-top: 0; }
.tertiary #content .tab { font-family: 'Covered By Your Grace', arial, serif; text-align:center; text-transform: uppercase; position: absolute; left: 317px; top: 21px; width: 231px; }
* html .tertiary #content .tab { top: -48px; z-index: 50; }
.tertiary #content .tab a { display: block; float: left; width: 28px; height: 28px; margin-top: 5px; overflow: hidden; background-position: left top; text-indent: -1000em; }
.tertiary #content .tab a:hover { background-position: left bottom; }
.tertiary #content .tab a.prev { background-image: url(../images/btn_prev.gif); }
.tertiary #content .tab a.next { background-image: url(../images/btn_next.gif); }
.tertiary #content .tab h3 { float: left; width: 175px;  font-size: 27px; color: #15303e; text-align: center; font-weight: normal; }
.tertiary #content .tab .spacer { display: block; float: left; width: 28px; height: 28px; visibility: hidden; }

.tertiary #content-wrap.newtabs { background-image: url(../images/content-top-TAB_bg2.png); }
.tertiary #content #tabs { position: absolute; left: 265px; top: -5px; }
.tertiary #content #tabs .tab { display: block; float: left;  padding: 0px 20px 10px; width: 200px; height: 54px; left: 0; top: 0; margin-right: -24px; position: relative; background: url(../images/tab-blue2.png) no-repeat left top; overflow: hidden; }
.tertiary #content #tabs .active { background-position: left bottom; z-index: 2; }
.tertiary #content #tabs #featured { background-image: url(../images/tab-green2.png) }
.tertiary #content #tabs #archived { background-image: url(../images/tab-red2.png) }
.tertiary #content #tabs .tab a { color: #15303e; text-decoration: none; display: block; height: 27px; overflow: hidden; padding-top: 21px; float: none; width: auto; margin-top: 0; text-indent: 0; }
.tertiary #content #tabs .active a { height: auto; overflow: visible; }
.tertiary #content #tabs .tab a.next,
.tertiary #content #tabs .tab a.prev { margin-top: 23px; padding: 0; overflow: hidden;  text-indent: -1000em; float: left; width: 28px; height: 28px;  }
.tertiary #content #tabs .tab a.prev { margin-left: 16px; }
.tertiary #content #tabs .tab h3 { font-size: 22px; color: #15303e; text-align: center; font-weight: normal; text-transform: none; float: none; width: auto; }
.tertiary #content #tabs .active h3 { padding-top: 21px; }
.tertiary #content #tabs .tab h3.pagination { float: left; width: 114px; }

/* Page-specific styles */
.about .col23 p strong { font-size: 1.1em; display: block; }
.about .col23 p strong em { font-weight: normal; }

.process #content { width: 873px; padding-bottom: 150px; }
.process #wrapper { margin: auto; }

.services #content .column img { padding-bottom: 27px; }
.services #content .column h3 { margin-top: 18px; padding-left: 38px; height: 26px; line-height: 26px; }
.services #content .column h3#construction { background: url(../images/icon_Construction.png) no-repeat 7px 0px; }
.services #content .column h3#design { background: url(../images/icon_Design.png) no-repeat 7px 0px; }
.services #content .column h3#building { background: url(../images/icon_Development.png) no-repeat 7px 0px; }
.services #content .col3 h3 { background: url(../images/services_col3_top.gif) no-repeat left top; margin-top: 0; padding-left: 55px; padding-top: 18px; color: #738b3f; }
.services #content .col3 p { background: url(../images/services_col3_mid.gif) no-repeat left bottom; margin-bottom: 0; padding: 0 26px 1.6em 30px; }
.services #content .col3 ul { background: url(../images/services_col3_bottom.gif) no-repeat left bottom; padding: 5px 20px 10px 12px; }
.services #content .col3 ul li { background-image: url(../images/content_bullet_grn.gif); }

#content #portfolio { clear: both; float: left; width: 873px; }
#content #portfolio div { display: block; float: left; margin: 0 7px 19px 0; width: 433px; }
#content #portfolio div.right { margin-right: 0; }
#content #portfolio a { display: block; width: 418px; height: 315px; padding: 8px 8px 7px 7px; position: relative; background: transparent url(../images/portfolio_item_bg.gif) no-repeat left top; margin-bottom: 13px; }
#content #portfolio a span { display: none; color: #204452; line-height: 24px; padding-left: 40px; text-decoration: none; position: absolute; bottom: 7px; right: 7px; background: transparent url(../images/portfolio_view_tab.png) no-repeat right bottom; width: 104px; height: 26px; z-index: 50; }
#content #portfolio a:hover span { display: block; cursor: pointer; }
#content #portfolio table { margin-left: 5px; border-left: solid 1px #2f2f2d; border-top: solid 1px #2f2f2d; background: url(../images/portfolio_table_bg.gif) repeat-x left top; color: #214453; }
#content #portfolio table th { border-right: solid 1px #2f2f2d; padding: 1px 10px; text-align: left; font-weight: bold; text-transform: uppercase; }
#content #portfolio table td { border-right: solid 1px #2f2f2d; border-bottom: solid 1px #2f2f2d; padding: 5px 10px; text-align: left; font-size: 1.2em; }
#content #portfolio div.port-hr { clear: both; float: none; width: auto; height: 4px; text-indent: -1000em; background: url(../images/portfolio_dots.gif) repeat-x left top; margin: 0 0 16px; }

.work #content #clip { position: absolute; right: -3px; top: 203px; width: 108px; height: 53px; background: transparent url(../images/paperclip.png) no-repeat right top; z-index: 35; }
 * html .work #content #clip { top: 135px; right: 15px; }
.work #content #breadcrumb { padding-right: 5px; margin-bottom: 5px; }
.work #content #breadcrumb.portfolio { float: none; width: 868px; padding-right: 0; margin-bottom: 0; }
.work #content div.dot-hr { background: url(../images/portfolio_dots.gif) repeat-x left bottom; margin: 0 0 16px; padding: 10px 0; }
.work #content div.dot-hr a { font-size: 14px; color: #6193a1; text-decoration: none; }
.work #content div.dot-hr a:hover { text-decoration: underline; }
.work #content div.dot-hr span { font-size: 14px; }
.work #content .column { margin-bottom: 1em; }
.work #content .col23 { width: 562px; padding-left: 16px; padding-top: 32px; }
.work #content h3 { text-transform: capitalize; }
.work #content h3.projName { margin-bottom: 11px; text-transform: uppercase; font-size: 1.3em; } 
.work #content table.project-info { border-left: solid 1px #2f2f2d; border-top: solid 1px #2f2f2d; color: #214453; text-align: left; float: left; margin-right: 27px; position: relative; left: 5px; }
.work #content table.project-info td { vertical-align: top; background: url(../images/portfolio_table_bg.gif) repeat-x left top; border-right: solid 1px #2f2f2d; border-bottom: solid 1px #2f2f2d; padding: 1px 5px 5px; text-align: left; }
.work #content table.project-info td span { display: block; margin-bottom: 5px; }
.work #content div.project-info { float: left; width: 238px; }
.work #content div.project-info p { color: #214453; background: url(../images/portfolio_dots.gif) repeat-x left bottom; margin-bottom: 3px; padding-bottom: 5px; }
.work #content div.project-info p strong { color: #363941; text-transform: uppercase; font-weight: normal; }
.work #content div.project-info p.icons { background-image: none; padding-top: 5px; }
.work #content div.project-info p.icons img { margin-right: 5px; }

.contact #content .col1 { width: 285px; margin-right: 10px; }
.contact #content .col1 img { clear: both; margin-bottom: 23px; }
.contact #content .col1 h3,
.contact #content .col1 p { padding: 0 15px 0 5px; }
.contact #content .col1 p a { color: #214453; }
.contact #content .col23 { padding-left: 20px; width: 558px; }
.contact #content span.req { color: #214453; font-weight: bold; }
.contact #content #form-left { float: left; width: 252px; padding-right: 29px; margin-right: 24px; background: transparent url(../images/dots-vert.gif) repeat-y right top; }
.contact #content #form-left p { margin-bottom: 0; }
.contact #content #form-right { float: left; width: 252px; }
.contact #content #form-bottom { clear: both; }
.contact #content label { display: block; clear: both; margin-bottom: 15px; text-transform: uppercase; }
.contact #content label#lblState { float: left; margin-right:15px; clear: none; }
.contact #content label#lblZip { float: left; clear: none; }
.contact #content label input { display: block; width: 237px; padding: 0 5px; height: 23px; margin-top: 2px; border: solid 2px #7e8489; background: #fdfcfc url(../images/input_bg.gif) repeat-x left top; color: #939492; font-size: 14px; line-height: 23px; }
.contact #content label#lblZip input { width: 152px; }
.contact #content select { text-transform: none; display: block; width: 253px; height: 27px; margin-top: 2px; border: solid 2px #7e8489; color: #939492; font-size: 14px; }
.contact #content label#lblState select { width: 70px; }
.contact #content select#selPrior { width: 80px; margin-bottom: 15px; }
.contact #content textarea { display: block; font-family: Arial, Helvetica, sans-serif; width: 543px; height: 113px; padding: 5px; margin-bottom: 15px; border: solid 2px #7e8489; background: #fdfcfc url(../images/input_bg.gif) repeat-x left top; color: #939492; font-size: 14px; }
.contact #content #bonus { position: absolute; visibility: hidden; left: -300em; }
.contact #content #form-bottom p { float: left; width: 305px; }
.contact #content #form-bottom select { width: 70px; }
.contact #content #form-bottom label { margin-bottom: 2px; }
.contact #content input.btn { font-weight: bold; float: right; border: solid 2px #ffffff; display: inline-block; padding: 5px 13px; background-color: #214553; color: #ffffff; text-decoration: none; font-size: 1.2em; }
.contact #content input.btn:hover { background-color: #6293a1; }
.contact #content label.error { font-weight: bold; }
.contact #content label.error input,
.contact #content label.error select { border: solid 2px #cc0000; }

/* Home page styling */
.home { background: #ffffff url(../images/home_bg.jpg) no-repeat center top; }
.home #header { margin-bottom: 12px; width: 935px; padding-left: 73px; }
.home #header #homelink { margin-right: 22px; }
.home #header #topnav { width: 707px; }
.home #content-wrap,
.home #content { background-image: none; }
.home #content-wrap { padding-top: 0; }
.home #content { float: none; padding: 8px 0 0 58px; width: 280px; height: 345px; position: relative; margin-bottom: 60px; }
.home #content #spacer1 { float: left; clear: left; width: 1px; height: 190px; }
.home #content #spacer2 { float: left; clear: left; width: 82px; height: 155px; }
.home #content h1 { font-family: Cabin, Trebuchet MS, Sans; font-size: 20px; color: #5d7f8c; font-weight: normal; margin-bottom: .2em; }
.home #content h1 span { text-transform: uppercase; }
.home #content p { margin-bottom: 0; line-height: 1.45em; }
.home #content p strong { font-size: 1.1em; color: #5d7f8c; }
.home #content a { position: absolute; bottom: 10px; right: 0; display: block; font-weight: bold; width: 86px; height: 23px; overflow: hidden; background: transparent url(../images/btn_arrow.png) no-repeat right bottom; padding: 6px 0 0 6px; color: #ffffff; text-decoration: none; font-size: 1.2em; }
.home #content a:hover { background-position: left top; }
.home #callouts { float: left; clear: both; margin-bottom: 28px; }
.home #callouts .callout { position: relative; float: left; background: transparent url(../images/home_co.gif) no-repeat left top; width: 290px; height: 146px; padding: 7px 26px 0 9px; }
.home #callouts #last { padding-right: 10px; }
.home #callouts .callout h3 { color: #2f2a20; line-height: 31px; text-align: center; text-transform: uppercase; background: transparent url(../images/home_co_h3.png) no-repeat center top; font-size: 16px; font-weight: normal; margin-bottom: 13px; }
.home #callouts .callout p { padding: 0 4px; margin-bottom: 0; }
.home #callouts .callout a,
.home #callouts .callout input.button { font-weight: bold; display: inline-block; padding: 4px 5px; background-color: #214553; color: #ffffff; text-decoration: none; font-size: 1.2em; }
.home #callouts .callout input { margin: 0 11px 0 4px; }
.home #callouts .callout input.email { width: 180px; padding: 0 5px; height: 23px; margin-top: 2px; border: solid 2px #7e8489; background: #fdfcfc url(../images/input_bg.gif) repeat-x left top; color: #939492; font-size: 14px; line-height: 23px; }
.home #callouts .callout input.button { font-family: Cabin, arial, serif; border: 0; }
.home #callouts .callout #mc_embed_signup,
.home #callouts .callout a { position: absolute; bottom: 14px; left: 12px; }
.home #callouts .callout a:hover,
.home #callouts .callout input.button:hover { background-color: #6293a1; }
.home #callouts #center a { left: 130px; }
.home #callouts .callout img { float: left; padding-left: 2px; margin-right: 15px; }


/* General classes */
.clear { clear: both; font-size: 1px; }
.left { float: left; }
.right { float: right; }

/* Outside goodies */
.addthis_toolbox.addthis_pill_combo a {
    float: left;
}
.addthis_toolbox.addthis_pill_combo a.addthis_button_tweet,
.addthis_toolbox.addthis_pill_combo a.addthis_counter {
    margin-top: -2px;
}
.addthis_button_compact .at15t_compact {
    margin-right: 4px;
    float: left;
}