@charset "utf-8";
/* Hillmac Electrical master stylesheet v2 January 2012*/
.hide{margin-left:-9999px;
	position:absolute;
	}
body{margin:0 0 0 0;
		font-size:0.8em;
		font-family:verdana, geneva, tahoma,arial,sans-serif;
		background:#090d26 url(../i/body_bg.jpg) repeat-y top center;
		color:#13214f;
		}
	
		#pagewrapper{margin:0 auto;
		width:900px;
		}
	
		#page_content{background:#f7f7f7;
		width:900px;margin:0 auto;
		}


/* masthead---------------------------------------------------------------*/		
#masthead{background:url(../i/header.png) no-repeat;
			width:900px;
			height:210px;
			margin:0;
			}
#masthead h1{background: url(../i/logo.png) no-repeat ;
		height:88px;
		width:228px;
		padding:0;
		margin:0 0 0 30px;
		position:absolute;
		top:30px;
		}
	
	
	/* primary navigation*/

#pnav{width:900px;
		background:transparent;
		height:45px;
	position:absolute;
	top:138px;
		color:#fff;
		padding:0 0 0 0;
		font-size:1.2em;font-weight:bold;
text-align:center;
text-shadow:1px 1px 1px #000;
		
		}
#pnav li  {list-style:none;
	display:inline-block;
	border-left:1px solid #011351;
	height:43px;
		}
 #pnav li:first-child { 
	border: none;
	 }

#pnav  li a{color:#fff;
	width:220px;
	display:inline-block;
	text-decoration:none;height:28px;padding-top:14px;font-family:arial;
	}
 #pnav li a:hover{color:#ccc;
	
	}
#pnav li a.here_arrow_right:hover
		{
		background:url(../i/here_arrow_right.gif) no-repeat 20px 36px ;
		}

/*sec pages header photos*/
#headerPhoto1 {
	background-image:url('../i/headerPhoto1.jpg') ;
	height:200px;
}
#headerPhoto2 {
	background-image:url('../i/headerPhoto2.jpg') ;
	height:200px;
}	
#headerPhoto3 {
	background-image:url('../i/headerPhoto3.jpg') ;
	height:200px;
}

/*breadcrumbs */


	
#bc 		{
		margin:2px 0 0 0 ;
		width:895px;
		font-size:0.8em;
		color:#000000;
		text-align:left;
		padding:0 0 0 5px;
		border-top:solid 3px #0099ff;
			}
#bc li{list-style:none;
	display:inline;
	}
#bc  li a		{
		color:#d60000;
		background:transparent;
		padding:0 1px  ;
		text-decoration:underline;
		}
 	
#bc  li a:hover	{
		color: #666;
		text-decoration:none;
		} 




/* Global*/
ul{list-style:none;
	}
 li.first{border:none;
	}
h2,h3,.quote,.intro,#tag,#pnav,h4 {
		font-family:arial, verdana,tahoma, san-serif;
							}
h3,.quote {color:#fff;
				}
h4{font-size:1.1em;}
#content h2 {font-weight:500;
				}
h2{font-size:30px;
		margin:10px 0 0 0;}
a{cursor:hand;}
a:hover{color:#ccc;
	}	
.right{
		text-align:right;
	}
.red{color:#d60000;
		}
.blue{color:#0099ff;
		}				
.red,.blue,p.intro,#tag{font-weight:900;
	}	
a img {border:none;}			

/*  content homepage, about and contact pages ---------------------------*/

#content{
	width:460px;
	}
#sec_content{
	width:800px;/* content width on services and thankyou */
		}	
	
#content,#sec_content{	
	margin:20px 20px ;
	float:left;
	padding:0 10px 40px 30px;
	border-left:1px solid #e0e0e0;
	border-top:1px solid #e0e0e0;
	border-right:1px solid #999;
	border-bottom:1px solid #999;
	}
#sec_content h3{
					color:#13214f;
					font-size:1.6em;
					font-weight:500;
					margin-bottom:-10px;
				}	
#sec_content h4{
					
					
					
					margin:0 0 2px -15px;
				}	
 p.intro{font-size:1.3em;	
 		margin-top:2px;			
			} 	
#sec_content img{
		border:1px solid #13214f;
			padding:2px;
			margin:15px 20px 0px;
			}
#sec_content ul
{
float:left;
width:160px;
list-style:square;
margin:10px 0 15px 0;
min-height:250px;
}
#content h3 {background:url(../i/content_h3_bg.jpg) repeat-x;
	color:#fff;
	font-size:1.1em;
	border-bottom:1px solid #666;
	margin:5px 0 10px ;
	width:400px;
	padding:5px 0 5px 10px;
	}



#content ul{
			line-height:2;
			margin-left:0;
			 padding-left: 0;
			  width:350px;
			 }


#content ul li{background: url(../i/bullet2.gif) no-repeat 0 6px ;
				padding-left:25px;
				}
#content ul a{font-size:0.9em;color:#0099ff; 
				text-decoration:underline;
				}	
#content ul a:hover{color:#ccc;
				}	
.float_right	{float:right;
				}
				/* right column*/	
#right{
	width:326px;
	background:#f7f7f7;
	float:right;
	margin:0 25px 0 0;
		}
a.quote	{
	display:block;
	background:red url(../i/quote_image.gif) no-repeat ;
	width:316px;
	height:43px;
	padding:18px 0 0 10px;
	color:#fff;
	font-size:1.7em;
	text-decoration:none;
	}
	a.quote:hover{color:#0099ff;
			}
#right ul.feature-btns {
		margin:10px 0 0 0  ;
		padding: 0;
		width:326px;
		list-style:none;
	 		}
		
#right ul.feature-btns li {
     margin: 0 0 20px 0;
     text-align: right;
			}
#right ul.feature-btns li a:link,
#right ul.feature-btns li a:visited {
     display: block;
     width: 316px;
     padding: 63px 10px 7px 0;
     background-position: 0 top;
     font-size:1.8em;
    text-decoration: none;
	 color: #fff;
	 height:30px;
	 border-right:1px solid #999;
	  border-bottom:1px solid #999;
	   border-left:1px solid #ccc;
	  border-top:1px solid #ccc;
}
#right ul.feature-btns li a:hover,
#right ul.feature-btns li a:focus {
     background-position: 0 -100px;
     color: #fff;
}

#right ul li a.homes_btn {
		
		background: url(../i/homes_btn.jpg) no-repeat;
		}
		

#right ul li a.industry_btn {
		
		background: url(../i/industry_btn.jpg) no-repeat;
		}
		

#right ul li a.commercial_btn {
		
		background: url(../i/commercial_btn.jpg) no-repeat;
		}
		
/* Contact specific*/
ul#contact{	margin:0 ;
				padding:0 ;
				font-size:0.8em;
				}
ul#contact li{border:0;
				margin:0;
				padding:5px 0 0 20px;
				color:#33297b;
				
				}

 
ul#contact li	a:hover{
					color:#ccc;
						}
ul#contact ul li{
		display:inline;
		background-image:none;
		}
form {
	text-align:left;
	padding:0 10px 10px;
	border:1px solid #e7e7e7;
	width:410px;
	background:transparent url(../i/con_form_bg.jpg) repeat-x top;
	margin-top:10px;
	 }
 form  strong {
	float: left;
	width:130px;
	background:transparent;
	text-align: right;
	margin: 3px 5px 0 0;
	font-size:10px;
	}
form label{
	padding-bottom:4px;
	}

textarea {
		width:200px;
		height:100px;
			}
textarea,input{
	border:5px solid #e7e7e7;
	margin-left:10px;
	}

.button{
		text-align:right;
		background:#0099ff;
		border:1px solid #ccc;
		color:#fff;
		font-size:1.5em;
		margin-right:20px;
	}

textarea:focus,input:focus{
		background:#ccc;
			}





/*footer -------------------------------------------------------------------*/

#footer	{
	clear:both;
	text-align:center;
	width:900px;
	height:190px;
	padding:55px 0 10px 0;
	font-size:0.7em;
	
	color:#666;
	}
	#footer	ul{
		}
#footer li	{
	display:inline;
	border-left:1px solid #0099ff;
	}
#footer li	a	{
		padding:0 0 0 5px;

		}
#footer li	a:hover	{
		padding:0 0 0 5px;
color:#999;
		}
#footer li:first-child	 { 
		padding-left: 0; 
		border: none;
		 }

		#footer a{color:#0099ff;}