/* ===== [ RESET              ] =============================== */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
body {line-height:1.5;}
table {border-collapse:separate;border-spacing:0;}
caption, th, td {text-align:left;font-weight:normal;}
table, td, th {vertical-align:middle;}
blockquote:before, blockquote:after, q:before, q:after {content:"";}
blockquote, q {quotes:"" "";}
a img {border:none;}

/* ===== [ GRID              ] =============================== */
.container, #footer, #header {width:950px;margin:0 auto;position: relative;}
.column, div.span-1, div.span-2, div.span-3, div.span-4, div.span-5, div.span-6, div.span-7, div.span-8, div.span-9, div.span-10, div.span-11, div.span-12, div.span-13, div.span-14, div.span-15, div.span-16, div.span-17, div.span-18, div.span-19, div.span-20, div.span-21, div.span-22, div.span-23, div.span-24 {float:left;margin-right:10px;}
.last, div.last {margin-right:0;}
.span-1  {width:30px;}
.span-2  {width:70px;}
.span-3  {width:110px;}
.span-4  {width:150px;}
.span-5  {width:190px;}
.span-6  {width:230px;}
.span-7  {width:270px;}
.span-8  {width:310px;}
.span-9  {width:350px;}
.span-10 {width:390px;}
.span-11 {width:430px;}
.span-12 {width:470px;}
.span-13 {width:510px;}
.span-14 {width:550px;}
.span-15 {width:590px;}
.span-16 {width:630px;}
.span-17 {width:670px;}
.span-18 {width:710px;}
.span-19 {width:750px;}
.span-20 {width:790px;}
.span-21 {width:830px;}
.span-22 {width:870px;}
.span-23 {width:910px;}
.span-24, div.span-24 {width:950px;margin:0;}


div.border {padding-right:4px;margin-right:5px;border-right:1px solid #eee;}
div.colborder {padding-right:24px;margin-right:25px;}

hr {background:#ddd;color:#ddd;clear:both;float:none;width:100%;height:1px;margin:0 0 1.45em;border:none;}
hr.space {background:#fff;color:#fff;}
.clearfix:after, .container:after {content:"\0020";display:block;height:0;clear:both;visibility:hidden;overflow:hidden;}
.clearfix, .container {display:block;}
.clear {clear:both;}



body {font-size:75%;color:#333;background:#fff url(../images/bg-body.png) repeat-x top center;font-family:"Helvetica Neue", Arial, Helvetica, sans-serif;}



/* ===== [ typography          ] =============================== */
h1, h2, h3, .large {font-weight:normal;color:#1F1B1C;font-family:Georgia, Palatino, Times, "Times New Roman", serif;}
h1 {font-size:3em;line-height:1;margin-bottom:0.5em;}
h2 {font-size:2em;margin-bottom:0.75em;}
h3 {font-size:1.5em;line-height:1;margin-bottom:1em;}
h4 {font-size:1.2em;line-height:1.25;margin-bottom:1.25em;}
h5 {font-size:1em;font-weight:bold;margin-bottom:1.5em;}
h6 {font-size:1em;font-weight:bold;}
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {margin:0;}
p {margin:0 0 1.5em;}
p img.left {float:left;margin:1.5em 1.5em 1.5em 0;padding:0;}
p img.right {float:right;margin:1.5em 0 1.5em 1.5em;}
a:focus, a:hover {color:#000;}
a {color:#336D9A;text-decoration:none;}
blockquote {margin:1.5em;color:#666;font-style:italic;}
strong {font-weight:bold;}
em, dfn {font-style:italic;}
dfn {font-weight:bold;}
sup, sub {line-height:0;}
abbr, acronym {border-bottom:1px dotted #666;}
address {margin:0 0 1.5em;font-style:italic;}
del {color:#666;}
pre {margin:1.5em 0;white-space:pre;}
pre, code, tt {font:1em 'andale mono', 'lucida console', monospace;line-height:1.5;}

li ul, li ol {margin:0 1.5em;}
ul, ol {margin:0 0 1.5em 1.5em;}

ul {list-style-type:none;margin-left: 1.5em;}
ul li {padding-left: 1em; background: url(../images/bg-li.gif) left 6px no-repeat; }
ol {list-style-type:decimal;}
ol ol {list-style-type:lower-roman;}
ol ol ol {list-style-type:lower-alpha;}

#links-page li { margin-bottom: 1em; }

ol {list-style-type:decimal;padding-left: 1.5em;}
dl {margin:0 0 1.5em 0;}
dl dt {font-weight:bold;}
dd {margin-left:1.5em;}
table {margin-bottom:1.4em;width:100%;}
th {font-weight:bold;}
thead th {background:#c3d9ff;}
th, td, caption {padding:4px 10px 4px 5px;}
tr.even td {background:#e5ecf9;}
tfoot {font-style:italic;}
caption {background:#eee;}
.small {font-size:.9em;margin-bottom:1.875em;line-height:1.2em;}
.large {font-size:1.3em;line-height:1.5em;margin-bottom:1.25em;}
.hide, .cf_hidden, .hidden, .linklove { display: none;}
.quiet {color:#666;}
.loud {color:#000;}
.highlight {background:#ff0;}
.added {background:#060;color:#fff;}
.removed {background:#900;color:#fff;}
.first {margin-left:0;padding-left:0;}
.last {margin-right:0;padding-right:0;}
.top {margin-top:0;padding-top:0;}
.bottom {margin-bottom:0;padding-bottom:0;}





/* ===== [ Navigation          ] =============================== */

ul.nav1, ul.barnav, ul.nav2, ul.footernav   {
    width: 950px;
    list-style: none;
    margin:  0 auto;
    padding: 0;
}
ul.nav1, ul.nav2   {
    float: left;
    margin:  0;
}
ul.nav1 {
   background: url(../images/bg-nav1.jpg)  top no-repeat;
   margin-bottom: 1.5em;
}
ul.nav1 li, ul.barnav li, ul.nav2 li, ul.footernav li, ul.blogbar li {
	float:            left;
	overflow:         hidden;
    display:          inline;
    background-image: none;
    margin:           0;
    padding:          0;
    }
ul.barnav li {
    float: right;
}
ul.blogbar ul  {
    margin-bottom: 1em;
}
ul.footernav {
    width: 670px;
    clear: both;
    margin-bottom: 1.5em;
}
ul.nav2, ul.nav2 li, ul.blogbar, ul.blogbar li {
    width: 150px;
}

ul.nav2 li {
    border-bottom: #D0DFEE solid 1px;
}
ul.nav1 li a, ul.barnav li a, ul.nav2 li a {
    margin: 0 auto;
    position: relative;
	display: inline;
	float: left;
	overflow: hidden;
	font-weight: bold;
    padding: 6px 17px;
}
ul.nav1 li.current_page_item a, ul.nav1 li.current_page_parent a {
    background: url(../images/bg-nav1-current.png) top repeat-x;
    }
ul.nav1 li a {
   padding: 6px 25px;
}
ul.barnav li a {
    padding: 2px 14px 8px;
    color: #fff;
 }
ul.nav2 li a {
   display: block;
   float: none;
   padding: 6px 20px 6px 0;
   font-weight:     bold;
}
ul.nav2 li a:hover, ul.nav1 li a:hover, ul.nav2 li.current_page_item a, ul.footernav li a  {
   color: #333;
}
ul.footernav li {
    margin-right: 1em;
    font-weight: bold;
}
ul.nav2 li.current_page_item a {
    font-weight:bold;
    padding-left: 10px;
    background: url(../images/bg-nav2-current.gif)   left 12px no-repeat;
   }

ul.search {
    float: right
    }
p.social {
        width: 100%;
        border-top: 1px solid #ddd;
        border-bottom: 1px solid #ddd;
        padding: 0.5em 0;
        margin-bottom: 1.5em;
        text-align: center;
    }

p.social span a {
   margin: 0;
   padding: 2px 10px 5px 20px;
   color: #666;
}
span#ico_fb a {  background-image: url(../images/ico_fb.gif); background-repeat: no-repeat;  }
span#ico_tw a {  background-image: url(../images/ico_tw.gif);   background-repeat: no-repeat;  }
span#ico_yt a {  background-image: url(../images/ico_yt.gif);   background-repeat: no-repeat; }

p.social span a:hover {
	background-position:  0 -21px;
	color: #0A4A81;
}





/* ===== [ forms                ] =============================== */
fieldset {padding:1.4em;margin:0 0 1.5em 0;border:1px solid #ccc;}
legend {font-weight:bold;font-size:1.2em;}
input.text, input.title, textarea, select, .cf-ol li input, .cf-ol li select { margin: 0;border:1px solid #bbb;background: #fff;width: 230px;}
input.text:focus, input.title:focus, textarea:focus, select:focus, .cf-ol li input:focus, .cf-ol li select:focus {border:1px solid #666;background: #F9F4C9;}
input.text, input.title {width:300px;padding:5px;}
input.title {font-size:1.5em;}
textarea {width:230px;height:150px;padding:5px 0;}
.error, .notice, .success {padding:.8em;margin-bottom:1em;border:2px solid #ddd;}
.error {background:#FBE3E4;color:#8a1f11;border-color:#FBC2C4;}
.notice {background:#FFF6BF;color:#514721;border-color:#FFD324;}
.success {background:#E6EFC2;color:#264409;border-color:#C6D880;margin: 20px;}
.error a {color:#8a1f11;}
.notice a {color:#514721;}
.success a {color:#264409;}

.search-go, input.sendbutton, input.search-button, input.backbutton, .nav-previous a, .nav-next a  {
	color: #fff;
    background:#014A81;
    font-weight: bold;
    padding:1px 8px;
    font-size: 0.9em;
    border: 1px solid #014A81;
    -moz-border-radius:1em; 
    -khtml-border-radius:1em; 
    -webkit-border-radius:1em; 
    border-radius:1em;
    cursor:pointer;
}
.search-go:hover, input.sendbutton:hover, input.search-button:hover, input.backbutton:hover  {
    border: 1px solid #739CBA;
}
input.sendbutton, input.backbutton {
    margin-left: 20px;
}


/* ===== [ layout                ] =============================== */

#topbar, #footer {
    float: left;
    width: 100%;
}

#header  h1 {
   text-align: center;
   margin:  0;
   padding: 0;
   float: left;
   width: 950px;
   height: 113px;
}
#header h1 a {
   display: block;
   overflow: hidden;
   background: url(../images/bg-header.png)  top no-repeat;
   margin: 0;
   padding: 113px 0 0 0;
   text-indent: -9999px;
   height: 0px !important;
   height /**/:113px; /* for IE5/win */
   }

.homeimage {
    float: left;
    margin-bottom: 1em;
}

#footer {
   background: url(../images/bg-footer.png)  top no-repeat;
   padding-top: 123px;
   padding-bottom: 20px;
}
#footer p,#footer ul {
    font-size: 0.8em;
}
.footerlogo {
    float: left;
    margin-right: 40px;
    margin-bottom: 0px;
    margin-top: 15px;
}

.xoxo, ul.sidebar {
    list-style: none;
    margin: 0;
    padding: 0;
}
.xoxo li, .cf-ol li {
    background-image: none;
}


/* ==== [ cform                  ] =============================== */

.cform {
	margin: 0;
	float: left;
	padding-bottom: 0.4em;
}

.cf-ol, .cf-ol li {
	list-style: none;
	padding: 0;
	margin: 0;
	display: block;
	width: 100%;
}
.reqtxt, .emailreqtxt {
	font-style: italic;
	font-size: 0.8em;
	display: block;
	float: left;
	margin-left: 10px;
	margin-top: 5px;
}

p.cf-sb {
	clear: both;
	margin: 1em 0 2em 0;
}

.cf-sb input {
	float: left;
}

#usermessagea {
	font-weight: bold;
	font-size: 1.2em;
}

#usermessagea.success {
	margin-bottom: 1.5em;
	padding-top: 1em;
	color: #060;
}

#usermessagea.failure {
	margin-bottom: 1.5em;
	padding-top: 1em;
}

input.cf-box-b, input.cf-box-a {
	float: left !important;
	margin: 0 2% 0 0;
	width: 10%;
}

label.cf-after {
	float: left;
	width: 90%;
}

input.cf-box-b {
	width: 1em !important;
}
.cform li {
	display: block !important; 
	float: left;
	width: 100%;
	border-top: 1px solid #eee;
	margin-bottom: 0;
	padding-top: 0.75em;
}

.cf-ol li label {
    width: 100px;
    float: left;
    text-align: right;
    margin-right: 10px;
	margin-top: 5px;
}

.cf-ol li input, .cf-ol li textarea {  float: left; padding: 0.5em 0; }

.cf-ol li  {  margin-bottom: 1em; }





/* errors */

ol.cf-ol li.cf_li_err {
	background: url(../images/bullet_error.png) left 18px  no-repeat;
}

ol.cf-ol li ul.cf_li_text_err {
	height:1%;
	min-height:1%;
	padding:0;
	margin-left: 20px;
}

ol.cf-ol ul.cf_li_text_err li {
	color:#900029;
	font-size: 0.9em;
}



/* sidebar estimate specific */

.widgetcform {
    font-size: 0.8em;
	background: url(../images/bg-estimate-b.jpg) no-repeat bottom left;
	float: left;
	width: 100%;
	padding: 0 0 75px 0;
}
.widgetcform h3 {
     height: 97px;
   text-indent: -9999px;
	background: url(../images/bg-estimate-t.jpg) no-repeat bottom left;
}
.widgetcform ol {
    margin-left: 20px;
}
.widgetcform ol li {
    border: 0;
    padding: 0;
    }

.widgetcform ol li label {
    width: 100%;
    float: left;
    text-align: left;
    margin-right: 0;
}
.widgetcform ol li input, .widgetcform ol li select, .widgetcform ol li textarea {
    width: 176px;
    padding: 2px;
}

.widgetcform ol li .reqtxt, .widgetcform ol li .emailreqtxt {
    width: 100%;
	float: left;
	margin-left: 0px;
	clear: both;
}



/* === [ POP UP CALENDAR  ] ==================================== */

table.jCalendar {
	background: #F1F5FA;
    border-collapse: separate;
    border-spacing: 1px;
}
table.jCalendar th {
	background: #09396A;
	color: #fff;
	font-weight: bold;
	padding: 3px 5px;
}
table.jCalendar td {
	background: #F1F5FA;
	color: #666;
	padding: 3px 5px;
	text-align: center;
}
table.jCalendar td.other-month {
	background: #ddd;
	color: #B5B5B7;
}
table.jCalendar td.today {
	background: #666;
	color: #fff;
}
table.jCalendar td.selected {
	background: #F9F5CB;
	color: #666;
}
table.jCalendar td.selected:hover {
	background: #333;
	color: #fff;
}
table.jCalendar td:hover, table.jCalendar td.dp-hover {
	background: #F9F5CB;
	color: #666;
}
table.jCalendar td.disabled, table.jCalendar td.disabled:hover {
	background: #bbb;
	color: #888;
}

/* For the popup */

div.dp-popup {
	position: relative;
	background: #d6eafe;
	font-size: 10px;
	font-family: arial, sans-serif;
	padding: 2px;
	width: auto;
	line-height: 1.2em;
}
div#dp-popup {
	position: absolute;
	z-index: 199;
	border:2px solid #c2e0f8;
}
div.dp-popup h2 {
	font-size: 12px;
	text-align: center;
	margin: 3px 0pt 4px;
	padding: 0;
}
a#dp-close {
	font-size: 11px;
	padding: 4px 0;
	text-align: center;
	display: block;
}
a#dp-close:hover {
	text-decoration: underline;
}
div.dp-popup a {
	color: #000;
	text-decoration: none;
	padding: 3px 2px 0;
}
div.dp-popup div.dp-nav-prev {
	position: absolute;
	top: 2px;
	left: 4px;
	width: 100px;
}
div.dp-popup div.dp-nav-prev a {
	float: left;
}
/* Opera needs the rules to be this specific otherwise it doesn't change the cursor back to pointer after you have disabled and re-enabled a link */
div.dp-popup div.dp-nav-prev a, div.dp-popup div.dp-nav-next a {
	cursor: pointer;
}
div.dp-popup div.dp-nav-prev a.disabled, div.dp-popup div.dp-nav-next a.disabled {
	cursor: default;
}
div.dp-popup div.dp-nav-next {
	position: absolute;
	top: 2px;
	right: 4px;
	width: 100px;
}
div.dp-popup div.dp-nav-next a {
	float: right;
}
div.dp-popup a.disabled {
	cursor: default;
	color: #aaa;
}
div.dp-popup td {
	cursor: pointer;
}
div.dp-popup td.disabled {
	cursor: default;
}



/* ============================================================== */


.size-full, .pull-5, .size-large {
    margin-left:-200px;
    position: relative;
}
.alignright,img.alignright{
float:right;
}
p img.alignright{
margin:0 0 0 1em;
}
.alignleft,img.alignleft{
float:left;
}
p img.alignleft{
margin:0 1em 0 0;
}
.aligncenter,img.aligncenter{
display:block;
margin:1em auto;
text-align:center;
}

div.gallery {
clear:both;
height:180px;
margin:1em 0;
width:100%;
}

p.wp-caption-text{
font-style:italic;
}

div.gallery dl{
margin:1em auto;
overflow:hidden;
text-align:center;
}

div.gallery dl.gallery-columns-1 {
width:100%;
}

div.gallery dl.gallery-columns-2 {
width:49%;
}

div.gallery dl.gallery-columns-3 {
width:33%;
}

div.gallery dl.gallery-columns-4 {
width:24%;
}

div.gallery dl.gallery-columns-5 {
width:19%;
}

div#nav-above {
margin-bottom:1em;
}

div#nav-below {
margin-top:1em;
}

div#nav-images {
height:150px;
margin:1em 0;
}

div.navigation {
height:1.25em;
float: left;
width: 100%;
}

div.navigation div.nav-next {
float:right;
text-align:right;
}

div.gallery dl,div.navigation div.nav-previous {
float:left;
}





/* [ blog specific ] ============================================================== */

.entry-meta, .comment-meta {
    font-size: 0.8em;
}
.entry-meta {
    border-top:    1px solid #ccc;
    border-bottom: 1px solid #ccc;
}
ul.blogbar .widgettitle {
    font-size: 1em;
    text-transform: uppercase;
    margin-top: 1em;
}


/* ==== [ comments             ] =============================== */



ol.commentlist {
	margin: 0;
	padding: 0;
	list-style: none;
	}
ol.commentlist li {
    margin: 20px 0 20px 0;
	padding: 10px;
	list-style: none;
	border: none;
	background: #EDF2F7;
}
ul.children {
	list-style: none;
	}
ol.commentlist div.comment-body {
	padding: 20px;
	background: url(../images/bg-comment.gif)  no-repeat center bottom;
	}
li.comment {
	margin:1em 0 0 0;
	padding: 1em 0 0 0;
}
div.comment-author img {
	float: right;
	margin: 0 0 0 10px;
	}
div.comment-meta {
	margin: 0 0 0.5em 0;
	}
div.comment-body p {
	margin: 0 0 1em 0;
	padding: 0;
	}
.comment-author {
    font-size: 1.5em;
    font-weight: bold;
}


#commentform {
    float: left;
}
div.form-label {
    float: left;
    margin-bottom: 1em;
    width: 100px;
}
div.form-textarea, div.form-input {
    float: left;
    margin-bottom: 1em;
    width: 300px;
}
div.form-textarea textarea {
    width: 310px;
}



.hentry {
    margin-bottom: 2em;
}