@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
12/22/2010		 tdb		        Version 1.1
8/8/2011		 glm-ahm contractor	Version 1.2
******************************************************************************/


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

html, body{
    width:100%; margin:0; padding:0;
    background: url(../images/home/bluestripesbkgrd.png) repeat center bottom;
    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; border: none;}
a:hover{color:#A3A1AD; border-bottom:1px dotted #A3A1AD;} 
a:active{border:  none;}
img{border:none;}

.left{float:left;}
.right{float:right;}
.clear{clear:both;}
.bluetext{color:#2211AA;}
.subtitle{font-size:12px;text-decoration:underline;}
.programs-link{font-size:12px;color:black;padding-left:8px;}
.underline{text-decoration:underline;}

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 ********/
#site-wrapper {
    width: 1000px;
    overflow: hidden;
    background: #fff;
    margin-left: auto;
    margin-right: auto;
}

body.home #wrapper {
    width:1000px;
    margin:0px auto 0px auto;
    background:url(../images/home/topbkgrd.jpg) repeat-x;
}

#headerwrapper{ width:950px; margin:0px auto 0px auto;}

#logoWrapper{
    float:left;
    padding:15px 0 0 20px;
    color:#FFFFFF; font-size:1.5em;
    background: transparent;
}
#header #logoWrapper h3.phone-number {
    text-align: center;
    font-size: 1.1em;
    color:#013B80;
    font-family: "Arial Black", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
}
#topnav{
    width: 700px;
    float:right;
    font-size:15px;
    font-family: "Arial Black", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
}
#topnav ul#navigation li {
    padding-bottom: 0;
    border-bottom: 16px solid #FFC001;
    display: inline;
    float: right;
    height: 100px;
    width: 95px;
    text-align: center;
}

#topnav ul#navigation li a{
    padding-bottom: 0;
    background-color: #012F4F;
    display: block;
    text-decoration: none;
    color:#fff;
    border-right: 3px solid #fff;
    height: 100px;
    line-height: 95px;
  }
#topnav ul#navigation li a:hover{
    background-color: #369;
    color: #fff;
}

#container{width:980px; margin-top: 20px; margin-left: auto; margin-right: auto; }

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

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

/******** impact marketing area ********/

/*new gallery  */
#featured-content {
    margin-left: auto; margin-right: auto;
    width: 1000px;
    height: 450px;
    position: relative;
    overflow: hidden;
    top: 12px;
}


/*.slideshow img { display: none }*/
/*.slideshow img.first { display: block }*/


.slideshow {
    position: absolute;
    top: 5px;
    left: 45px;
    width: 300px;
    height: 300px;
    margin: 0; 
    padding: 0;
}

.slideshow img {
    background: transparent;
    border: 10px solid #fff;
		-moz-box-shadow: 1px 1px 2px #5e7f8e;
		-webkit-box-shadow: 1px 1px 2px #5e7f8e;
		box-shadow: 1px 1px 2px #5e7f8e;
}

#featured-content h1.impacttext {
    width: 500px;
    height: 290px;
    position: absolute;
    right: -25px;
    top: 25px;
    font: bold 30px/1.3 'Georgia', serif; color: #fff;
    letter-spacing: -1px;
    text-align: center;
}

h1.impacttext span {color: #D90106; font-weight: bolder;  font-family: 'Arial Black', sans-serif;  }

.percent-icon {position: absolute; top: 190px; left:3px; z-index: 105; height:172px; width: 173px; }
.percent-icon span { z-index:1; height:5px; width: 5px; overflow: hidden; text-align: center;
    position: absolute; left: -5000px; visibility: hidden;}

.estimatebtn {position: absolute; top: 240px; right: 85px;}
.estimatebtn a.button {
    background: transparent url(../images/home/contactusbtn.png) no-repeat 0 0 ;
    position: absolute;
    right: 25px;
    width: 234px;
    height: 51px;
    border: none;
}
.estimatebtn a.button:hover {background-position: 0 -51px;}

ul.gallery-thumbs  {
    position: absolute;
    height: 140px;
    top: 355px;
    left: 28px;
    width: 940px;
}
ul.gallery-thumbs li {float: left; padding-right: 24px;  list-style: none;}

/*gallery  */

/******** impact marketing area ********/

/******** page structure ********/
body.home #header{
    height:144px;
    margin-bottom:10px;
    background: transparent;
    font:bold 14px Helvetica, Arial, Verdana, sans-serif;
}

body.home #contentwrapper{ width: 980px; }
body.home #contentcontainer{ }
body.home #content{ width: 970px; height: 555px; }

/*body.home #content{height:265px;}*/
html > body.home #content{width: 985px; height:535px; }

/******** home content boxes ********/

#hc_box1wrapper, #hc_box2wrapper,#hc_box3wrapper{
    float:left;
    width:275px;
    height: 260px;
    background: #F3F3F3;
    margin-left: 40px;
    display: inline-block;
    overflow: hidden;
}
#hc_box1, #hc_box2, #hc_box3{width:275px;
    height: 260px;}

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

h2.home {
    margin-bottom: 10px;
    display: inline-block;
    font: bold 18px ;
    color: #fff;
    background: #555555;
    text-align: center;
    line-height: 40px;
    width: 275px;
    height: 30px;
}

#hc_box1, #hc_box2, #hc_box3 ul.home-bulletts li {
    text-align: left;
    font-family: "Arial Black", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
    color:  #555555;
}
ul.home-bulletts li {padding-top: 5px;}

.content-bottom {
    margin: 20px 0 0 40px;
    width: 429px;
    height: 245px;
    /*background:url('../images/home/ahm-office.jpg')no-repeat right bottom;*/
    position: relative;
    bottom: -15px;
}

.content-bottom h2 {color: #555;  font: bold 20px 'Georgia', 'Palatino', "Palatino Linotype", serif;  line-height:30px; letter-spacing: 0; }
.content-bottom p { padding-top: 20px; margin-bottom: 10px;font: italic 18px/22 'Georgia', 'Palatino', "Palatino Linotype", serif; float: left; }
.content-bottom img {width: 479px; height: 249px; bottom: 0; position: absolute;left: 470px;}

.bluetext-home { color:#012F4F; line-height: 18px;  }

#fb {
    border: medium none;
    left: 340px;
    position: absolute;
    width: 90px;
    height: 30px;
    top: 165px;
}
/******** END:  HOME PAGE ********/

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

/******** page structure ********/

body.interior  #site-wrapper {width: 1000px; overflow: hidden; background: #fff; margin-left: auto; margin-right: auto;}

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 img,a.experience:hover img{background:#EEEEEE;}

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


/**** BEGIN: PORTFOLIO ****/
/*#projectscontainer{width:420px; margin:10px auto 50px auto;}*/
ul.projectlist{width:438px; margin:0 auto 0 auto; padding:0; line-height:normal;}
ul.projectlist li{float:left; display:block; margin:5px; padding:0; list-style-position:inside; list-style-type:none; background:url('../images/projects/projectBox-bg.png') 0 0 no-repeat; line-height:normal;}
ul.projectlist li:hover{opacity: 0.40; filter: alpha(opacity=40); text-decoration:none; cursor:pointer;}
span.oneline, span.twoline{display:inline-block; line-height:normal; padding:5px 10px;}
span.oneline{margin:18% 0 0 0;}
span.twoline{margin:13% 0 0 0;}
body.interior #content a.projectlink{display:block; width:209px; height:110px; margin:0; padding:0; font-family: Georgia, Palatino, "Palatino Linotype", serif; font-size:1.25em; font-weight:bold; letter-spacing:0.035em; text-decoration:none; text-align:center; line-height:normal; color:#2211AA;}
body.interior #content a.projectlink:hover{color:#2211AA; border-bottom:none; text-decoration:none;}

body.interior #content #backbtn{width:180px; margin:12px auto 0 auto; text-align:center;}
body.interior #content #backbtn h3, body.interior #content #backbtn a.returntolist{font-size:12px; color:#454545;}
body.interior #content #backbtn a.returntolist:hover{color:#FCA704; border-bottom:1px dotted #FCA704;}
/**** END:  PORTFOLIO ****/


/**** BEGIN: MEDIA & TESTIMONIALS ****/
.drkgraylabel{font-size:1em; font-weight:bold;}
#videoPlayer1,#videoPlayer2,#videoPlayer3,#videoPlayer4,#videoPlayer5,#videoPlayer6,#videoPlayer7{display:block; margin:10px 0 30px 0;}
#videoPlayer1{width:368px;height:272px;}
#videoPlayer2{width:368px;height:272px;}
#videoPlayer3{width:368px;height:220px;}
#videoPlayer4{width:368px;height:207px;}
#videoPlayer5{width:368px;height:207px;}
#videoPlayer6{width:368px;height:207px;}
#videoPlayer7{width:368px;height:207px;}


/**** END: MEDIA & TESTIMONIALS ****/


/****** NO LONGER USED - wch 12/29/2010  ******/
/*#projects{width: 520px; padding-left:30px; float:left;}
ul.project_icons{list-style:none; width:42px; float:right; padding:0;  margin:-18px -27px -22px 0;}
ul.project_icons li{background-color:#ebebeb; border:1px solid #b9b9b9; border-right:none; border-top:none;  padding:1px;}
ul.project_icons li.selected{padding:5px 3px 5px 4px; background:none; border:none; border-bottom:1px solid #b9b9b9;}
ul.project_icons li#sheds_garages{border-bottom:none;}
ul.project_icons li a{height:100%; display:block; padding:4px 2px 4px 3px;}
ul.project_icons li a:hover{text-decoration:none; font-weight:normal; border:none !important; background-color:#FFF; opacity: 0.50; filter: alpha(opacity=50);}*/
/*#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 */


/******** BEGIN:  FOOTER ********/
#footerwrapper{width:100%; height:240px; margin:15px auto 0 auto; background: #020e2c;   border-top: 22px solid #FFC001;
 padding:0px 0 25px 0;}
html > body #footerwrapper{height:auto; min-height:240px;  font-family: "Arial", "Helvetica Neue", "Helvetica", "Arial", sans-serif; padding:0 0 12px 5px;  letter-spacing: 0; font-weight: bolder;}
#footerwrapper h2{font-size:17px; text-transform: uppercase; letter-spacing: 0; font-family: "Arial Black", "Helvetica Neue", "Helvetica", "Arial", sans-serif; padding:0 0 12px 0;}
#footerwrapper p{font-size:14px; line-height:1.45em; color: #fff;}
#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 { color:#fff;font-weight:bold; font-size:1.0em; line-height:1.5em; float: left; font-size:8px; text-align:right; padding:0; margin-top: 10px; font: "Arial", "Helvetica Neue", "Helvetica",sans-serif; }
.copy a {border: none;}
p #epaimg{ float: left; border:none; padding: 0; margin-top: 20px;}

.footer-logos {margin-left: auto; margin-right: auto;text-align: center; padding:  10px 0 10px 0; }
.footer-logos img { padding: 0 0 10px 0; border: none;}
.footer-logos a{ border: none;}

/******** 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 ****/ /***** NO LONGER USED - wch 12/29/2010 *****/
#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 ****/

#blog-post { font-size:.813em;padding:5px 25px 5px 5px; }
#blog-post a { color:black; }

#maintenance-programs{width:100%;height:800px;}