/* CSS Document */

body { font-family:Arial, Helvetica, sans-serif; margin:0px;}

#wrapper {font-family: Arial, Helvetica, sans-serif; color: #505050; background:url(../images/body_top_gd.png) top repeat-x; 
			border-top:2px solid #c03;}
#logoWrapper, #nav, #mainWrapper, #footerContent { width:960px; margin: 0px auto;} 


/*Links*/
a { outline: 0px;}

/*Graphics*/
.imgRT { float:right; width:325px; height: auto; margin:0px 0px 20px 10px;}
.imgLT { float:left; width:325px; height: auto; margin:0px 10px 20px 0px;}


/*Header*/
#headerWrapper { background:url(../images/header_bot_gd.png) bottom repeat-x; border-bottom:1px solid #fff; padding-bottom:20px;}
#logoWrapper { height:60px; padding-top: 12px;}
#logo { float:left;}
#call2action { float:right;text-align:right;}
#phone { color: #000; font-size:30px; font-weight: bold;}
#calltoday { color:#900;  font-size:16px; font-weight: normal; font-style:italic; padding-right:5px;}

/* Slideshow */

#slideshowWrapper { display:none; height:264px; padding-top:10px; background:url(../images/slideshow_bg.png) top repeat-x;border-bottom:1px solid #000;}
#index #slideshowWrapper, #installation #slideshowWrapper { display:block;}

#slideshow {
    position:relative;
	width:960px;
	height:254px;
	margin:0px auto;
}

#slideshow IMG {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
}

#slideshow IMG.active {
    z-index:10;
    opacity:1.0;
}

#slideshow IMG.last-active {
    z-index:9;
}

				
/*Main*/
#mainWrapper { }		
#mainContent { width: 730px; float:left; padding:0px 10px 40px 10px; margin-bottom:20px;}
p { padding:5px 5px 0px 5px;}

/*Navigation*/
#nav { margin-top:8px; /*background-color:#fff; border-radius: 5px; box-shadow: 0px 0px 2px 2px #ccc;*/ height:40px; clear:both; background:url(../images/nav_bg.png) no-repeat top;}
		
#nav a { width:20%; float:left; text-align:center;  height:40px; line-height:40px; text-decoration:none; text-transform:uppercase;}
		
#index a.service,
#installation a.installation,
#maintenance a.maintenance,
#gallery a.gallery,
#contact a.contact,
#index a.service:hover,
#installation a.installation:hover,
#maintenance a.maintenance:hover,
#gallery a.gallery:hover,
#contact a.contact:hover { color: #c03;}

a.service:link, a.service:visited {color:#666;}
a.installation:link, a.installation:visited {color:#666;}
a.maintenance:link, a.maintenance:visited {color:#666;}
a.gallery:link, a.gallery:visited {color:#666;}
a.contact:link, a.contact:visited {color:#666;}


#nav a:hover { color:#000;}




/*Typography*/

h1, h2, h3, h4 { font-weight:normal;}

h1 {color: #000; font-size:32px;}

h2 { font-size:24px; color:#900;}

h3 { color: #0066ff; font-size:18px;}

h4 { margin-left: 5px; color: #09F; font-size:16px;}

p {text-align:justify; line-height:1.2;}
.quote { font-family: "Times New Roman", Times, serif; font-style:italic; font-size:20px;}



/*Side Bar*/

#sidebar { width: 200px; float:left; margin-top: 60px; margin-left: 10px;}

#logos.side-box { text-align:left;}

.side-box { margin-top: 20px;}

.side-box-title { margin-bottom:10px; border-bottom:1px solid #ccc;}
.side-box-content {}		
.side-outline-top {}
.side-outline-bot {}
		
.side-box iframe {}

.side-outline-top {}
.side-outline-bot {}



/*Home Page*/

#epsTitle {font-size:28px; color:#900; margin:20px 0px 20px 0px;}

/*Page 2*/



/*Maintenance Page*/

#maintenance ul {}

ul.bulsvc li { line-height:29px;}

ul.bulsvc li strong { color:#900;}

ul.bulchk {padding-left: 10px; list-style:none;}

ul.bulchk li {padding-left: 35px; background: url(../images/page_maintenance_chk.png) left no-repeat; height:29px; line-height:29px;}



/*Gallery*/

#album-5 {border-radius: 5px; box-shadow: 0px 0px 2px 2px #ccc;}


/*Contact Page*/

#contactimg { float:left; margin-right:15px;}
#address { float: left; font-size: 15px; line-height: 23px; padding-top: 10px;}



/*Contact Form*/
.capleft {width:45%; float:left;}
.capright {width:55%; float:left;}
.capimg {width:45%; float:left;}
.capmsg {width:55%; float:left;}

.label {font-size:16px; font-weight:bold;}
.error {font-size:12px; font-weight:bold; color: #FF0000;}
.inst {font-size:12px; font-weight:bold;}



/*Footer*/		
		
#footerWrapper { background-color:#222;}
		
#footerContent {font-size:13px; color:#CCC; padding:10px;}

#footerContent a { font-size:11px; padding: 0px 5px 0px 5px; border-right:1px solid #999;}	
#footerNav a.contact { border:none;}	
#footerNav a:link, #footerNav a:visited {color: #ccc; text-decoration:none;}
#footerNav a:hover {color: #ccc; text-decoration: underline;}
#footerAddress { float:left; width:50%;}
#footerCopy { float:right; width:50%; text-align:right;}

#dm a:link, #dm a:visited {color: #ccc; text-decoration:none;border:none;}
#dm a:hover {color: #ccc; text-decoration: underline;}