#serv{width: 600px;}
#auto, #resi, #comm, #misc{width: 289px; height: 198px;}
#serv ul{ font-size: 15px !important; color: #000; font-weight: bold; list-style: none; text-align: center; margin: 0; padding: 20px 0 0 0;}

#auto{background: url('images/auto.png')}
#resi{background: url('images/resi.png')}
#comm{background: url('images/comm.png')}
#misc{background: url('images/misc.png')}
@font-face
{
	font-family: Salsa;
	src: url('font/Salsa.ttf');
}

@font-face
{
	font-family: CreteRound;
	src: url('font/CreteRound.ttf');
}

@font-face
{
	font-family: Bree;
	src: url('font/Bree.ttf');
}

@font-face
{
	font-family: KarReg;
	src: url('font/KarReg.ttf');
}

.clearing{
	clear: both;
	height: 0;
}

.floatLeft{float: Left;} .floatRight{float: right;} .wrap{width: 900px; margin: 0 auto;}

body{
	background: url('images/bg.png') repeat-x 0 0 #eaeaea;
	width: 100%;
	padding: 0;
	margin: 0;
}

#top1{
 font-size: 14px;
 color: #fff;
 font-family: Bree;
 height: 26px;
}

#top1 p{
	float: left;
	margin: 3px 0 0 0;
}

#top1 h2{
color: #fff;
font-family:Salsa;
font-size: 18px;
font-weight: normal;
text-align: right;
float: right;
margin: 3px 0 0 0;
}

#logo{width: 400px; margin-top:20px;}

#logo h1{
font-family: CreteRound;
font-size: 36px;
color: #fff;
text-transform: capitalize;
margin: 0;
line-height: 80%;
}

#logo strong{

font-family: Salsa;
font-size: 24px;
color: #310c0b;
text-transform: uppercase;
line-height: 150%;
}

#head-right{
text-align: right;
 font-size: 12px;
 color: #fff;
 font-family: Bree;
 padding-top: 3px;
 height: 90px;
}
#head-right p{
	margin: 1px 0 1px 0;
}
#nav{
background: url('images/nav.png') repeat-x;
height: 40px;
padding: 2px 5px;
}

#lnav{background: url('images/lnav.png') no-repeat; height: 42px; width: 6px;}
#rnav{background: url('images/rnav.png') no-repeat; height: 42px; width: 6px;}
#nav ul{	padding: 0; margin: 0;	font-family: Salsa;	list-style: none;	font-size: 12px;}
#lnav, #rnav, #nav{float: left;}
#nav li{float: left;margin: 0 5px;}

#nav li a{height: 40px;float: left;display: block;color: #333;text-decoration: none;text-align: center; 
line-height: 1.5em;line-height: 38px; padding: 0 10px;
}

 #nav li a.active{
color: #fff;
background: #333;
}

#nav li a:hover{color: #f78505}

#banner{
background: url('images/banner.png') no-repeat 0 bottom;
height: 257px;
text-align: left;
padding-top: 23px;

}

#banner1{
background: url('images/banner1.png') no-repeat 0 bottom;
height: 10px;

}

#banner img{
position:absolute;
width: 863px; height: 243px;
margin-left: 20px;
}
#content{
background: url('images/cont.png') repeat-y !important;
padding-bottom: 10px;
}

#main{width: 600px;
margin-left: 15px;} 

#sidebar{width: 250px; margin-right: 15px;}

#main h1{
 font-size: 24px;
 color: #333;
 font-family: Bree;
 text-transform: capitalize;
 margin-bottom: 5px;
}

#main h2{
 font-size: 20px;
 color: #f78b06;
 font-family: Bree;
 text-transform: capitalize;
text-align: right;
margin-top: 10px;
}

#main p, #main ul{
color: #3d3d3d;
 font-family: Arial;
  font-size: 14px;
}


#sidebar{
text-align: center;
padding-top: 20px;
}

#pnum{
background: url('images/pnum.png');
width: 250px; height: 132px;
font-size: 25px;
line-height: 50px;
font-family: Salsa;
}

#footer{
background: #333;
text-align: center;
color: #fff;

font-family: Salsa;
padding: 10px 0 10px 0;
font-size: 14px;
}

#footer p{margin: 0 0 5px 0; padding: 0;}

#footer a{font-family: Bree; color: #f78b06; text-decoration: none;
text-shadow: 0}

#footer a:hover, #footer a.active {color: #fff; text-decoration: underline;
text-shadow: 0}