.sfltLeft{float: left; width: 192px; height: 236px; background: url('images/srvbg.png') no-repeat; margin: 10px;}
.sfltRight{float: right; width: 192px; height: 236px; background: url('images/srvbg.png') no-repeat; margin: 10px;}
.srvtop{width: 192px; height: 50px; background: url('images/srvtop.png') no-repeat; text-align: center; color: #fff; font-family: Salsa; font-weight: bold; font-size: 20px;
text-shadow: 1px 1px 2px #333; line-height: 45px; }
.srvcont ul{ list-style: none; padding:5px 0 0 0!important; margin: 0; text-align: center; width: 192px !important; }
.srvcont li{background: url(images/srvline.png) no-repeat center 23px; height: 29px; font-size: 12px;}
.srvcont li:last-child{background: none;}
#srvcs{width: 80%; margin-left: 45px;}

body{
	background: url('images/bg.png') repeat;
	width: 100%;
	margin: 0;
	padding: 0;
}
.center{margin-left: 15%;}
.clearing{
	clear: both;
	height: 0;
}

@font-face
{
	font-family: Eco;
	src: url('fonts/Ecobold.ttf');
}

@font-face
{
	font-family: Bree;
	src: url('fonts/Bree.ttf');
}

@font-face
{
	font-family: KarReg;
	src: url('fonts/KarReg.ttf');
}

#header{
	background: url('images/bg-top.png') repeat-x;
	height: 270px;
	width: 100%;
}


#banner{
	width: 862px;
	height: 200px;
	margin: 0 auto;
	
}

#logo{
	width: 190px;
	padding-top: 70px;
	float: left;
}

#logo h1{
	font-size: 24px;
	font-family: Eco;
	color: #001b37;
	margin:0;
	font-weight: normal;
	line-height: 29px;
}

#logo strong{
	font-size: 25px;
	font-family: Bree;
	color: #fff;
	margin:0;
	text-transform: uppercase;
	font-weight: normal;
}

#bimg{
	width: 670px;
	height: inherit;
	float: right;
	margin: 0;
	padding: 0;
}

.img{
	width: 202px;
	height:75px;
	font-family: Bree;
	color: #000;
	font-size: 20px;
	float: left;
	padding: 150px 15px 0 5px;
	background: green;
	margin: 0;
	line-height: 20px;
}

#auto{
	background: url('images/auto.png') no-repeat;
}

#comm{
	background: url('images/commercial.png') no-repeat;
}

#resi{
	background: url('images/residential.png') no-repeat;
}


#nav{
	background: url('images/menubar.png') no-repeat transparent;
	width: 900px; height: 68px;
	margin: 0 auto;
	font-family: Bree;
	font-size: 11px;
	font-weight: normal;
}

#nav ul
{
list-style: none;
padding: 15px 0 0 5px;
margin: 0;
float: left;

} 

#nav li
{
float: left;
margin: 0 0.15em;
font-size: 14px;
}


#nav li a
{
width: 150px; height: 30px;
float: left;
display: block;

text-decoration: none;
text-align: center;
line-height: 1.5em;
margin-left: 10px;
text-shadow: 0 0 4px #2692FF;
color: #D3E9FF;

}

#nav li a:hover, #nav li a.active{
width: 150px; height: 30px;
float: left;
display: block;
text-decoration: none;
text-align: center;
line-height: 1.5em;

text-shadow: 0 0 4px #2692FF;
color: #14497f;

}
.fRight{float: right; text-align: center}
.fRight img{margin-right:5px;}
#nav h2{
	font-family: Eco;
	font-weight: normal;
	font-size: 20px;
	color: #fff;
	margin: 0 15px 0 0;
	
}

#main{
	width:596px;
	float: left;
}

#mtop{
	background: url('images/post-top.png') no-repeat;
	width: inherit;
	height: 10px;
}

#mbot{
	background: url('images/post-bot.png') no-repeat;
	width: inherit;
	height: 10px;
}

#content{
	background: url('images/post-mid.png') repeat-y;
	width: inherit;
}

.dummypost{
	margin:0 !important;
	padding: 0 !important;
	height: 0 !important;
}

#bodycontent{
	width: 900px;
	margin: 20px auto;
}

#content h1{
	color: #1F1A19;
	font-family: Bree;
	font-size: 28px;
	font-weight: normal;
	margin: 15px auto 0;
	width: 550px;
}

#content h2{
	color: #1F1A19;
	font-family: Bree;
	font-size: 20px;
	font-weight: normal;
	margin: 5px auto 10px;
	width: 550px;
	text-align: right;
}

#content hr{
	width: 550px;
	margin: 0 auto 0;
	color: #ebebeb;
}

#content p, #content ul{
	color: #505050;
	font-family: KarReg;
	font-size: 14px;
	font-weight: normal;
	margin: 5px auto 10px;
	width: 550px;
}

#sidebar{
	width: 296px;
	float: right;
	font-family: Bree;
}

.stitle{
	background: url('images/title-sidebar.png') no-repeat;
	width: 276px; height: 44px;
	font-size: 28px;
	color: #999;
	font-weight: bold;
	padding: 2px 0 0 20px;
}


#side1{
	background: url('images/pnum.png') no-repeat;
	font-size: 30px;
	color: #434343;
	text-align: center;
	width: 294px; height: 61px;
	padding: 5px 0 0 0;
	font-weight: bold;
	margin-left: 1px;
}

#side2{
	background: url('images/services.png') no-repeat;
	font-size: 30px;
	color: #434343;
	width: 244px; height: 147px;
	padding: 5px 0 0 50px;
	margin: 0 0 0 1px;
}

#footer{
	background: url('images/footer.png') no-repeat;
	margin: 0 auto 10px;
	color: #999;
	font-size: 12px;
	font-family: KarReg;
	text-align: center;
	width: 906px; height: 58px;
	padding: 10px 0 0 0;
	text-shadow: 1px 1px #222;
}

#footer p, #footer ul{
	padding: 0;
	margin: 0;
}

#footer li{
	display: inline;
}

#footer a{
	text-decoration: none;
	color: #D3E9FF;
	text-shadow: 1px 1px #1f1a19;
}

#footer a:hover{
	text-decoration: underline;
	color: #999;
	text-shadow: 1px 1px #1f1a19;
}

#address{
	text-transform: uppercase;
}