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

/******************************************************************************
Filename:        /global/ screen.css
Project:        Template
Purpose:        Site-wide Styles
Date            Developer    Description
8/24/2009        wch         Version 1.0
******************************************************************************/


/******** BEGIN:  SITE-WIDE STYLES ********/

html, body{width:100%; margin:0; padding:0; background:#FFFFFF; font-family:Verdana, Helvetica, Arial, sans-serif; font-size:100%; color:#343434;}
body{padding-bottom:20px; font-size:1em;}
 
p{margin:0; padding:0; font-size:0.813em; line-height:1.5em;}
a{color:#FFFFFF; text-decoration:none;}
a:hover{color:#A3A1AD; border-bottom:1px dotted #A3A1AD;} 
a:active{}   
img{border:none;}

.left{float:left;}
.right{float:right;}
.clear{clear:both;}
.bluetext{color:#2211AA;}


h1,h2,h3,h4{margin:0; padding:0; padding-bottom:12px; font-family: Georgia, Palatino, "Palatino Linotype", serif; font-size:1.0em; font-weight:bold; letter-spacing:0.035em; color:#2211AA;}
h1{font-size:1.250em;}
h2{font-size:1.063em;}
h3{font-size:1.0em; padding-bottom:5px;}
h4{font-size:0.875em; font-weight:normal;}
table{margin:0; padding:0; text-align:left; vertical-align:middle;}
th,td,tr{margin:0; padding:0; text-align:left; vertical-align:top;}

ol,ul{margin:0; padding:0 0 12px 25px; font-weight:normal;}
ul{list-style-type:disc;}
ol{ list-style-type:decimal;}
li{padding:0 0 5px 0; font-size:0.813em;line-height:0.938em;}
span.hidden{display:none}

/******** END:  SITE-WIDE STYLES ********/


/******** BEGIN:  SITE STRUCTURE ********/

#wrapper{width:980px; margin:0px auto 0px auto;}
#headerwrapper{width:950px; margin:0px auto 0px auto;}
#header{height:144px; margin-bottom:10px; background: url('../images/global/header-bg.jpg') 0 0 repeat-x; font-family: Georgia, Palatino, "Palatino Linotype", serif;}
#logoWrapper{float:left; padding:25px 0 0 25px; color:#FFFFFF; font-size:1.5em;}

#topnav{float:right; padding:70px 12px 0 0;  font-size:.9em;}
#topnav a{color:#FFFFFF; padding:0 6px 0 6px; letter-spacing:0.05em;}
#topnav a:hover{color:#FDCC04; border-bottom:2px solid #FDCC04;}

#container{width:980px; margin:20px auto 0 auto; }

/******** END:  SITE STRUCTURE ********/


/******** BEGIN:  HOME PAGE ********/

/******** impact marketing area ********/
#impact{width:948px; height:280px; margin:0 auto 0 auto; background:#FFFFFF; border:1px solid #C5C4C4; }
#impacttextwrapper{float:left; width:300px; text-align:center; font-weight:normal; letter-spacing:0.09em; }
.impacttext{width:230px; margin:0 auto 0 auto; padding:20px 10px 0 15px;}
.impacttext h1{font-size:1.188em;line-height:1.30em; color:#FCA704;}
.impacttext h3{font-size:0.875em; color:#343434; padding-top:10px;}
.impactimage{float:right; width:600px; padding:10px 10px 0 0;}

/******** page structure ********/
body.home #contentwrapper{background:url('../images/home/contentwrapper-bg.jpg') 0 0 repeat-y;}
body.home #contentcontainer{background:url('../images/home/contentcontainer-bg.jpg') 0 0 no-repeat;}
body.home #content{padding:25px 0 25px 0; background: url('../images/home/content-bg.jpg') 0 100% no-repeat;}

body.home #content{height:265px;}
html > body.home #content{height:auto; min-height:265px;}

/******** home content boxes ********/
#hc_box1wrapper, #hc_box2wrapper,#hc_box3wrapper{float:left; width:320px;}
#hc_box1, #hc_box2, #hc_box3{padding-left:50px;}

/******** page styles ********/
body.home p{font-size:0.80em; line-height:1.25em; padding:0 30px 35px 15px;}

/******** END:  HOME PAGE ********/


/******** BEGIN:  INTERIOR PAGE ********/

/******** page structure ********/
body.interior #contentwrapper{background:url('../images/interior/contentwrapper-bg.jpg') 0 0 repeat-y;}
body.interior #contentcontainer{background:url('../images/interior/contentcontainer-bg.jpg') 0 0 no-repeat;}
body.interior #content{background:url('../images/interior/content-bg.jpg') 0 100% no-repeat;}

body.interior #content{height:480px;}
html > body.interior #content{height:auto; min-height:480px;}

#int_mainwrapper{float:left; padding:20px 10px 25px 40px; /*border: 1px solid #99FF33;*/}
#int_maincontent{width:580px; /*border: 1px solid #009999;*/}

#int_rightcolwrapper{float:right; padding:20px 35px 20px 0;/* border:1px solid #0099FF;*/}
#int_rightcolcontent{width:265px; text-align:center}

#twocolumn_wrapper{width:580px;}
.leftcolumn{float:left; width:275px;}
.rightcolumn{float:right; width:275px;}

#servicerequest{width:440px; margin:0 auto 0 auto; text-align:center;}

/******** page styles ********/
body.interior p{padding-bottom:20px; line-height:1.313em;}
body.interior ol{padding-left:35px; }
body.interior #content a{color:#3322CC;}
body.interior #content a:hover{color:#FCA704; border-bottom:1px dotted #FCA704;}

#twocolumn_wrapper h3{font-family:Verdana, Helvetica, Arial, sans-serif; font-size:0.813em; color:#343434;}
.rightcolumn_img{text-align:center;}
.content_img{padding:10px 0 10px 25px;}

#int_maincontent.media li{color:#3322CC;}
#int_maincontent.media li:hover{color:#FCA704;}
#handymantips li{padding-bottom:10px; line-height:1.25em;}
a.tips:hover,a.experience:hover{text-decoration:none; border:none; opacity: 0.40; filter: alpha(opacity=40);}
a.tips:hover img,a.experience:hover img{background:#DDDDFF;}

/******** END:  INTERIOR PAGE ********/


/**** BEGIN: PORTFOLIO ****/
#projects{width: 520px; padding-left:30px;}
/*#projects h3{display:inline;}*/
#projects .thumbContainer{display:inline; margin:3px; padding:0;}
#int_maincontent #projects .thumbContainer a:hover{text-decoration:none; border:none; opacity: 0.65; filter: alpha(opacity=65);}
#additionCustom{display:inline;}
/* BEGIN: GREYBOX CONTENT */
#gb_content{width:650px; margin:0 auto 0 auto;}
#prev_next{width:650px; height:25px; padding-top:8px;}
#prev{float:left; width:96px; padding:0;}
#next{float:right; width:63px; padding:0;}
#prev_next a:hover, #prev a:hover, #next a:hover{border-bottom:none;}
#closeWindow.close a:hover{border:none;}
/* END: GREYBOX CONTENT */

/**** END:  PORTFOLIO ****/


/******** BEGIN:  FOOTER ********/

#footerwrapper{width:950px; height:220px; margin:15px auto 0 auto; background:url('../images/global/footer-bg.jpg') 0 0 repeat-x;}
html > body #footerwrapper{height:auto; min-height:220px;}
#footerwrapper h2{font-size:0.95em;}
#footerwrapper p{font-size:0.75em; line-height:1.45em; font-family:Verdana, Helvetica, Arial, sans-serif; padding:0 0 12px 5px;}
#f_infobox1wrapper, #f_infobox2wrapper, #f_infobox3wrapper{float:left; width:315px;}
#f_infobox4wrapper{width:100%; text-align:center;}
#f_infobox1, #f_infobox2, #f_infobox3,#f_infobox4{padding:25px 0 0 30px; color:#B4B2BE; }
#f_infobox2, #f_infobox3{padding-left:40px;}
#f_infobox4{padding:0;}
.footer{color:#FCA704;}
#copy{font-size:0.688em; text-align:center; padding:0; padding-top:10px;}
/******** END:  FOOTER ********/

/********* BEGIN: Forms *******/
.formButton{width:110px; padding:2px; font-size:0.95em; font-weight:bold; color:#FFFFFF; background:#333445; border:2px solid #333333;}
.label{padding-right:18px; text-align:right; font-size:0.80em; vertical-align:top;}
div.label{padding-top:0; padding-right:10px;}
.data{padding-top:7px; vertical-align:top;}
.field{font-family:"courier new", monospace, courier; font-size:12px; text-align:left; margin:2px 5px 4px 0px;}
.select{text-align:left; margin:2px 5px 4px 0px; font-size:12px;}
.example{font-size: 10px; color:#666666;}
.required{font-size: 10px; font-weight:bold; color:#FF0000; text-align:left; }
td.required{padding-left: 25px;}
.error{font-size: 10px; font-weight:bold; color:#ff0000;}
.hidden{display:none;}
.textSmall{font-size:0.45em;}
/********* END: Forms *******/

/**** BEGIN:  LIGHTBOX ****/
#lightbox{position:absolute; top:40px; left:0; margin-top:-35px; width:100%; z-index:9999999; text-align:center; line-height:0;}
#lightbox a img{border:none;}
#outerImageContainer{position:relative; background-color:#FFFFFF; width:250px; height:250px; margin:0 auto;}
#imageContainer{padding:10px;}
#loading{position:absolute; top:40%; left:0%; height:25%; width: 00%; text-align:center; line-height:0;}
#hoverNav{position:absolute; top:0; left:0; height:100%; width:100%; z-index:10;}
#imageContainer>#hoverNav{left:0;}
#hoverNav a{outline:none;border-bottom:none;}
#prevLink, #nextLink{width:49%; height:100%; background:transparent url(../../images/global/lightbox/blank.gif) no-repeat; /* Trick IE into showing hover */ display:block;}
#prevLink{left:0; float:left; padding-bottom:42px;}
#nextLink{right:0; float:right; padding-bottom:42px;}
#prevLink, #prevLink{background:url(../../images/global/lightbox/prevlabel.gif) left 100% no-repeat;} 
#nextLink, #nextLink{background:url(../../images/global/lightbox/nextlabel.gif) right 100% no-repeat;}
#imageDataContainer{height:65px; font-size:10px; background-color:#FFFFFF; margin:0 auto; line-height:1.4em;}
#imageData{padding:20px 10px 10px 10px;}
#imageData #imageDetails{width:70%; float:left; text-align:left;}	
#imageData #caption{font-size:14px; line-height:14px; font-weight:bold; color:#4D090A;}
#imageData #numberDisplay{display:block; clear:left; position:relative; top:3px; padding-bottom:1.0em;}			
#imageData #bottomNavClose{position:relative; top:6px; width:63px; float:right; padding-bottom:0.7em;}	
#overlay{position: absolute; top: 0; left: 0; z-index: 90; width: 100%;	height: 500px; background-color: #000;}
/**** END:  LIGHTBOX ****/