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

@import url(reset.css);

body{ background:#666;}

#wrapper{width:1024px; margin:0 auto; position:relative;}

#header{width:1024px; height:116px; background:url(../images/common/header.jpg) top left no-repeat;}

#navigation{ height:30px; background:#0067b1; position:relative; border-top:1px solid #4c4c4e;}

#mainImage{width:1024px; height:236px; display:block; border-top:5px solid #bcbec0; border-bottom:5px solid #bcbec0;}

/*For HOME ONLY*/
	#homeMainContent{ width:1024px; min-height:220px; height:auto !important; height:220px; background:#FFF url(../images/home/home_bodybottom.jpg) left bottom no-repeat; overflow:auto; padding-bottom:20px;}
	
	#homeLeftContent{width:415px; padding:20px 0 0 30px; margin-bottom:20px; float:left; display:inline;}
	
	#homeRightContent{width:294px;/*319px*/ padding:0 0 0 25px; height:392px; background:url(../images/home/right_callout_bg-trans.png) no-repeat; position:absolute; top:305px; right:0; z-index:5;}
	
		/*#homeServices{ margin:10px 0 0 0; width:260px;}
		
		#homeServices li{ font-size:12.5px; margin:0 0 12px 0; padding:0 0 12px 0; border-bottom:1px solid #FFF;}
			
			#homeServices li a{color: #FFF; padding-left:20px; text-decoration:none; background: url(../images/common/list_arrow-trans.png) left top no-repeat;}
			
			#homeServices li.noUnderline{ border:none;}
			
			#homeServices li.noBottomMargin{ margin-bottom:0;}*/
			
			ul#homeServices {margin:5px 0 5px 0;}
			
			#homeServices li{ width:235px; font-size:12.5px;border-bottom:1px solid #FFF;background:url(../images/home/arrow_home.gif) no-repeat; background-position: 0 -4px; padding:8px 0 8px 25px;}
			
			#homeServices li a{ color:#FFF; text-decoration:none;}
	
			#homeServices li.noUnderline{ border:none;}
			
			#homeServices li.noBottomMargin{ margin-bottom:0;}
	
			ul#homeServices li:hover{ background-position:0 -43px; color:#000;}
				
				.serviceRequestBtn{ padding:5px 0 0 0; margin-bottom:20px;}
			
			#homeFeatured {position:relative; }
			
			#homeFeatured li {font-size:12.5px; padding:15px 0 0 0; line-height:18px;position:relative;width:294px;}
			
			#homeFeatured li p{ color:#FFF;}
			
			#homeFeatured li a{ color:#FFF; background:none; text-decoration:none;}
			
			#homeFeatured li img{ position:absolute; top:-32px; right:0;}
			
			#calloutServices{height:182px;}
			
			#calloutFeatured{height:135px;}

/*For TEMPLATE */

#mainContent{ overflow:auto; background:#666 url(../images/common/bottom.jpg) left bottom no-repeat;}

#mainLeftContent{position:relative; width:216px; height:auto;/*259px;*/ padding:0 20px 0 23px; background:#6f7074; float:left; display:inline;}
	
	#mainLeftContent ul li{font-size:12.5px; line-height:40px;height:40px; color:#FFF; background:url(../images/common/arrows.gif) 0 0 no-repeat; border-bottom:1px solid #FFF; letter-spacing:-.2px;}
		
		#mainLeftContent ul li a { color:#FFF; text-decoration:none; padding:0 0 0 17px;letter-spacing:-.2px;}
		
		#mainLeftContent ul li a:hover{ font-weight:bold;letter-spacing:-.35px; background:url(../images/common/arrows.gif) 0 100% no-repeat;}
		
#mainRightContent{width:765px; float:right; position:relative; display:inline; }
	
	#mainContentContainer{width:700px; padding:0 35px 0 30px; background:#FFF url(../images/common/body_bg.jpg) left bottom repeat-x;}
	
	#mainBanner li{border-top:5px solid #CCC; border-bottom:5px solid #ccc;}
	
	#mainContentContainer ul li{ font-size:12.5px; line-height:18px; background:url(../images/common/mainlist_blue.jpg) left 50% no-repeat; padding:0 0 0 14px;}
			
	

#footer{ clear:both; height:40px; background:#f4f3f3; border-bottom:1px solid #dcddde;}

#anniversary { position:absolute; left:450px; top:357px; z-index:50;}
	


#mainNav{ position:absolute; top:-28px; right:20px;}
	
	#mainNav li {display:inline;}
	
	#mainNav li a {float:left; display:inline; height:0; padding:0; margin:0; overflow:hidden; background:url(../images/common/navigation.png) no-repeat; text-indent:-9999px;}
		
		#mainNav li#navHome a {width:105px; height:35px; background-position:0px 0px;}
	
		#mainNav li#navHome a:hover, #mainNav.homeSelected li#navHome a{width:105px; height:35px; background-position:0px -35px;}
		
		#mainNav li#navHome a:active{width:105px; height:35px; background-position:0px -70px;}
		
		
		#mainNav li#navAbout a {width:105px; height:35px; background-position:-105px 0px;}
		
		#mainNav li#navAbout a:hover, #mainNav.aboutSelected li#navAbout a{width:105px; height:35px; background-position:-105px -35px;}
		
		#mainNav li#navAbout a:active{width:105px; height:35px; background-position:-105px -70px;}
		
		
		#mainNav li#navServices a {width:105px; height:35px; background-position:-210px 0px;}
		
		#mainNav li#navServices a:hover, #mainNav.servicesSelected li#navServices a{width:105px; height:35px; background-position:-210px -35px;}
		
		#mainNav li#navServices a:active{width:105px; height:35px; background-position:-210px -70px;}
		
		
		#mainNav li#navProjects a {width:105px; height:35px; background-position:-315px 0px;}
		
		#mainNav li#navProjects a:hover, #mainNav.projectsSelected li#navProjects a{width:105px; height:35px; background-position:-315px -35px;}
		
		#mainNav li#navProjects a:active{width:105px; height:35px; background-position:-315px -70px;}
		
		
		#mainNav li#navNews a {width:105px; height:35px; background-position:-420px 0px;}
		
		#mainNav li#navNews a:hover, #mainNav.newsSelected li#navNews a{width:105px; height:35px; background-position:-420px -35px;}
		
		#mainNav li#navNews a:active{width:105px; height:35px; background-position:-420px -70px;}
		
		
		#mainNav li#navLinks a {width:105px; height:35px; background-position:-525px 0px;}
		
		#mainNav li#navLinks a:hover, #mainNav.linksSelected li#navLinks a{width:105px; height:35px; background-position:-525px -35px;}
		
		#mainNav li#navLinks a:active{width:105px; height:35px; background-position:-525px -70px;}
		
		
		#mainNav li#navContact a {width:119px; height:35px; background-position:-630px 0px;}
		
		#mainNav li#navContact a:hover, #mainNav.contactSelected li#navContact a{width:119px; height:35px; background-position:-630px -35px;}
		
		#mainNav li#navContact a:active{width:119px; height:35px; background-position:-630px -70px;}
		
		
/*TYPOGRAPHY*/
body{font-size:62.5%; font-family:Arial, Helvetica, sans-serif;}

h1#logo{ padding:30px 0 0 30px;}

h2{color:#005893; font-size:20px; text-transform:uppercase; padding:35px 0 0 0;}

h3{ font-size:12.5px; text-transform:uppercase;}
	
	#homeMainContent h3{padding:23px 0 5px 0;}
	
	#mainContent h3{color:#e37325; padding:30px 0 5px 0;}
	
	#mainLeftContent h3{color:#FFF;}

p{font-size:13px; color:#000; line-height:18px; padding:0 0 10px 0;}
	
	p a{ color:#000; text-decoration:underline;}
	
	p a:hover{ text-decoration:none;}
	
	p.firstLine { padding-top:23px;}
	
	p.lineBeforeList{padding-bottom:0;}
	
	p.lastLine{ padding-bottom:40px;}

#footer p{font-size:9px; text-align:center; line-height:40px;}


.loginBtn{ position:absolute; bottom:15px; right:21px;}

.white{ color:#FFF;}

.phoneNumber{ position:absolute; top:5px; right:32px;}

ul.list{ margin:0 0 0 25px; padding:0; list-style-type:disc;}
	ul.list li{ font:normal 12px/14px Arial, Helvetica, sans-serif; padding:0 0 5px 0;}
	ul.list li a{ color:#000; text-decoration:underline;}
	ul.list li a:hover{ text-decoration:none;}


/*HOME ONLY*/

.emailInput{ background:#e59862; width:185px; height:25px; border:2px inset #999; display:block; float:left; display:inline; margin:3px 5px 0 0; color:#666; padding-left:5px; line-height:25px;}

/*Design By*/
#DesignAtWork{ width:1024px; margin:0 auto; padding:5px 0 0 0;}
#DesignAtWork p{ font-size:9px; font-family:Verdana, Geneva, sans-serif; text-align:center;}
#DesignAtWork p a{ color:#000; text-decoration:none;}
#DesignAtWork p a:hover{ color:#FFF; text-decoration:underline;}