@charset "UTF-8";
/* CSS Document */
* {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}

body{
	background-image:url(../images/bkgd.jpg);
	background-repeat:repeat;
	background-position: 0 0;
	font-family:"Geneva CY", Eurostile, Arial;
	color:#949393;
}

#outerWrapper{
}

#innerWrapper{
	width:921px;
	margin: 0 auto;
}

.clear{
	clear:both;
}

#upperNavBar{
	height:25px;
	background-color:#000;
	font-size:8px;
	letter-spacing:.2em;
	padding-top:12px;
	padding-right:10px;
	text-align:right;
}
.upperNavContent{
	width:921px;
	margin:0 auto;
}
.upperNavContent a{
	color:#FFF;
	text-decoration:none;
}
.upperNavContent a:hover{
	color:#F00;
}
.upperNavContent a.active{
	color:#F00;
}

#mainNav{
	height:85px;
}

#mainNav ul{
	float:right;
	margin-top:-16px;
	text-transform:uppercase;
	font-family:"Geneva CY", Eurostile, Arial;
	font-size:12px;
}
#mainNav ul li{
	display:inline;
}
#mainNav ul li a{
	color:#FFF;
	text-decoration:none;
	padding-right:10px;
	padding-left:10px;
}
#mainNav ul li a:hover{
	color:#D60200;
}
#mainNav ul li a.active{
	color:#D60200;
}

.logo{
	background-image:url(../images/logo.png);
	background-repeat:no-repeat;
	background-position:0 0;
	margin-top:-1px;
	height:86px;
}

#banner{
	background-image:url(../images/banner.jpg);
	background-repeat:no-repeat;
	background-position: 0 0;
	height:248px;
	letter-spacing:.1em;
	color:#FFF;
	margin-bottom:25px;
}
#banner .desc{
	float:left;
	margin-top:55px;
	width:200px;
	margin-left:15px;
	text-transform:uppercase;
	font-size:22px;
}
#banner .contactInfo{
	width:300px;
	margin-top:206px;
	float:left;
	font-size:14px;
	text-align:left;
	margin-left:75px;
}
#banner a{
	color:#FFF;
}
#banner a:hover{
	color:#151515;
}

/*----Home Page----*/

.featuredArea{
	height:200px;
}

.featuredArea .Image{
	float:left;
}
.featuredArea .content h2{
	color:#fc1312;
	font-size:17px;
	line-height:2em;
}

.featuredArea .content{
	width:420px;
	float:right;
	margin-right:290px;
	font-size:12px;
	line-height:1.8em;
}
.featuredArea .content .plumbMaster{
	color:#F8000A;
}

.mainContent{
	height:auto;
}

h3{
	color:#FFF;
	font-size:17px;
	text-transform:uppercase;
	font-weight:lighter;
}

.featuredServices{
	width:307px;
	float:left;
	border-right:#545454 solid 2px;
	height:373px;;
}
.featuredServices ul li{
	font-size:12px;
	line-height:2em;
	width:280px;
	margin-left:-10px;
}
.featuredServices p{
	font-size:12px;
	line-height:2em;
	width:280px;
}
.featuredServices .Image{
	margin-top:10px;
	margin-bottom:10px;
}
.featuredServices ul{
	margin-left:20px;
	font-size:12px;
	line-height:2em;
}
.ourCompany{
	width:307px;
	float:left;
	border-right:#545454 solid 2px;
	height:373px;;
}
.ourCompany h3{
	text-align:center;
}
.ourCompany .Image{
	margin-top:10px;
	margin-left:15px;
	margin-bottom:10px;
}
.ourCompany p{
	font-size:12px;
	width:250px;
	margin-left:35px;
	line-height:2em;
}
.ourCompany ul li{
	font-size:12px;
	width:250px;
	margin-left:28px;
	line-height:2em;
}
.waterHeater{
	height:373px;
	width:300px;
	float:left;
}
.waterHeater h3{
	margin-left:60px;
}
.waterHeater .Image{
	margin-top:10px;
	margin-bottom:10px;
	margin-left:40px;
}
.waterHeater p{
	font-size:12px;
	width:230px;
	line-height:2em;
	margin-left:60px;
}
.waterHeater .Question{
	color:#F00;
}
#readMore{
	padding-top:20px;
	height:55px;
}
#readMore .Left{
	float:left;
	margin-left:100px;
}
#readMore .Center{
	float:left;
	margin-left:200px;
	
}
#readMore .Right{
	float:left;
	margin-left:230px;
}
#readMore a img{
	border:none;
}

/*----End Home Page----*/

/*----Services Page----*/

.mainContentServices{
}
.mainContentServices a{
	color:#949393;
}
.mainContentServices a:hover{
	color:#F00;
}
.mainContentServices .Question{
	color:#F00;
}
.mainContentServices h2{
	color:#FFF;
	text-transform:uppercase;
}
.mainContentServices .Image{
	margin-top:10px;
	float:left;
	margin-bottom:10px;
}
.mainContentServices p{
	width:600px;
	float:left;
	font-size:12px;
	line-height:2em;
}
.mainContentServices p.Pages{
	font-size:13px;
}
.mainContentServices ul{
	float:left;
}
.mainContentServices ul li{
	margin-bottom:10px;
}
.mainContentServices .Left{
	float: left;
	width:650px;
	border-right:#545454 solid 2px;
	padding-right:20px;
}
.mainContentServices .Left ul{
	width:560px;
	font-size:12px;
	margin-left:30px;
	margin-top:10px;
	margin-bottom:10px;
}
.mainContentServices .Left ul li{
	margin-bottom:0px;
	line-height:1.8em;
	
}
.mainContentServices .Right{
	float:left;
	margin-left:20px;
	width:200px;
}
.mainContentServices .Right ul{
	margin-left:20px;
	list-style-type:square;
	font-size:12px;
}
.mainContentServices .Right p{
	width:180px;
	font-size:11px;
}
.mainContentServices .Right p.Question{
	color:#D60200;
}
.mainContentServices .Right h3{
	color:#D60200;
	margin-bottom:10px;
}
/*----End Services Page----*/

/*----Contact Page----*/

 /*                 ~~~~FORM~~~~                 */ 

 fieldset {    
 	width:423px;    
	margin:15px 0 0 0;    
	padding:0px 20px 0 0;    
	overflow:hidden;    
	border:none; 
	} 
fieldset input { 
	float:left; 
	width: 300px; 
	height:21px; 
	border:1px solid #545454; 
	padding-top:3px;
	} 
fieldset textarea { 
	float:left;
	width:300px;
	height:100px; 
	border:1px solid #545454; 
	overflow:hidden; 
	padding-top:3px;
} 
fieldset input:hover, textarea:hover { 
border-color:#000; 
} 
fieldset input:active, input:focus, textarea:active, textarea:focus { 
border-color:#000; 
} 

label, label span { 
display:block; 
padding-bottom:.25em; 
font-size:12px; 
color:#F00;
} 
label { 
	float:left;
	width:100%; 
} 
label span { 
	float:left; 
	width: 26%; 
	text-align:left; 
} 
.btn { 
	width:76px; 
	height:18px; 
	text-align:left; 
	color:#F00; 
	border:none; 
	background:url(../images/btn_arrow.gif) no-repeat center right; 
	cursor:pointer; 
	margin-top:10px;
} 
.btn:hover {
	text-decoration:underline; 
	cursor:pointer; 
}
/***************************************************/

/*----End Contact PAge----*/

#footerBar{
	height:50px;
	background-color:#000;
	font-size:10px;
	padding-top:14px;
	margin-top:20px;
}

#footerBar .content{
	width:931px;
	margin:0 auto;
	line-height:1.5em;
}
#footerBar .content .Left{
	width:400px;
	float:left;
	line-height:2.4em;
}
#footerBar .content .Right{
	width:400px;
	float:right;
	text-align:right;
}
#footerBar a{
	color:#949393;
}
#footerBar a:hover{
	color:#F00;
}