/* General Styles */
* {
	margin:0;
	padding:0;
	}
					
body{
	background-color:#7C0000;
	color:#6E6957;
	font:12px/17px Verdana, Arial, Helvetica, sans-serif;
	padding-bottom:40px;
	}

ul{
	list-style-type:none;
	}

a{
	outline:none;
	color:#7C0000;
	background-color:inherit;
	text-decoration:underline;
	}

a:hover{
	color:#000;
	background-color:inherit;
	}

.spacer{
	font-size:0;
	line-height:0;
	clear:both;
	}

p{
	padding-bottom:20px;
	}
img {
	display:block;
}

/* Container Panel	*/

#container{
	position:relative;
	width:962px;
	margin:0 auto;
	overflow:hidden;
	height:100%;
	}
	
/* Header */

#header{
	width:962px;
	margin:0 auto;
	height:100%;
	overflow:hidden;
	}
	
.headerLeft{
	width:263px;
	float:left;
	}

.headerLeft p.joeMo{
	background:url(../images/joe-moore.gif) 0 0 no-repeat;
	width:263px;
	height:150px;
	text-indent:-200000px;
	padding-bottom:0!important;
	}
	
.headerLeft p.phn{
	background:url(../images/phone.gif) 0 0 no-repeat;
	width:263px;
	height:116px;
	text-indent:-200000px;
	padding-bottom:0!important;
	}

.headerRight{
	width:699px;
	float:right;
	background:url(../images/header-bdr.gif) 0 83px no-repeat;
	height:485px;
	}
	
.headerRight h1{
	background:url(../images/residential.gif) 0 0 no-repeat;
	height:37px;
	text-indent:-2000000px;
	margin:0 0 8px 20px;
	}
	
.headerRight img{
	margin:0 0 0 20px;
	}

.logoPan{
	background:url(../images/logopan-right.gif) 100% 0 no-repeat;
	}
	
.logo{
	display:block;
	margin-left:39px;
	}
	
/* navigation */

#nav{
	margin:0 auto;
	height:26px;
	line-height:26px;
	font-size:13px;
	padding:48px 0 26px 31px;
	overflow:hidden;
	}
	
#nav ul {
	} 
	
#nav ul li{
	float:left;
	width:auto;
	padding:0 2px;
	}
	
#nav ul li a{
	color:#EEE7CF;
	background-color:inherit;
	text-decoration:none;
	height:26px;
	line-height:26px;
	display:block;
	float:left;
	width:auto;
	}	
	
#nav ul li a span{
	display:block;
	padding:0 12px;
	float:left;
	width:auto;
	cursor:pointer;
	}
	
#nav ul li a:hover span{
	background:url(../images/hover-right.gif) 100% 0 no-repeat;
	}
	
#nav ul li a:hover{
	background:url(../images/hover-left.gif) 0 0 no-repeat;
	}
	
#nav ul li span.active{
	color:#EEE7CF;
	background-color:inherit;
	height:26px;
	line-height:26px;
	display:block;
	float:left;
	width:auto;
	background:url(../images/hover-left.gif) 0 0 no-repeat;
	}
#nav ul li span.active span{
	display:block;
	padding:0 12px;
	float:left;
	width:auto;
	cursor:pointer;	
	background:url(../images/hover-right.gif) 100% 0 no-repeat;
	}
	
/* Body panel */

#bodypan{
	background:url(../images/body-bg.gif) 0 0 repeat-y;
	width:929px;
	position:relative;
	padding:15px 16px 35px 17px;
	margin:0 auto 7px;
	height:100%;
	overflow:hidden;
	}
	
#bodypan span.top{
	background:url(../images/body-top.gif) 0 0 no-repeat;
	height:15px;
	width:962px;
	display:block;
	position:absolute;
	top:0;
	left:0;
	line-height:0;
	font-size:0;
	}
	
#bodypan span.bot{
	background:url(../images/body-bot.gif) 0 0 no-repeat;
	height:7px;
	display:block;
	width:962px;
	position:absolute;
	bottom:0;
	left:0;
	line-height:0;
	font-size:0;
	}
	
#bodypan h2{
	font:normal 19px/21px Arial, Helvetica, sans-serif;
	color:#7C0000;
	background-color:inherit;
	padding-bottom:9px;
	}
	
/* Left panel */
	
#leftpan{
	width:244px;
	float:left;
	}
	
#leftpan div.servicePanel{
	width:224px;
	height:100%;
	overflow:hidden;
	background-color:#F5F0E0;
	color:#5E5946;
	position:relative;
	padding:15px 10px 30px;
	}	
	
.servicePanel span.topCurve{
	background:url(../images/left-pan-top.gif) 0 0 no-repeat;
	height:5px;
	width:244px;
	display:block;
	position:absolute;
	left:0;
	top:0;
	line-height:0;
	font-size:0;
	}
	
.servicePanel span.botCurve{
	background:url(../images/left-pan-bot.gif) 0 0 no-repeat;
	height:5px;
	width:244px;
	display:block;
	position:absolute;
	left:0;
	bottom:0;
	line-height:0;
	font-size:0;
	}
	
.servicePanel ul{
	line-height:22px;
	font-size:13px;
	}	
	
.servicePanel ul li{
	background:url(../images/dot-line.gif) 0 0 repeat-x;
	padding-bottom:1px;
	}
		
.servicePanel ul li {
	background:url(../images/bullet.gif) 3px 50% no-repeat;
	padding:0 0 0 24px;
	color:#5E5946;
	background-color:inherit;
	text-decoration:none;
	}
	
.servicePanel ul li a:hover{
	color:#7C0000;
	background-color:inherit;
	}
	
#testimonials{
	width:244px;
	float:left;
	padding-top:21px;
	}
	
#testimonials p{
	font-style:italic;
	color:#434034;
	background-color:inherit;
	padding-bottom:5px!important;
	}

#testimonials p span{
	color:#7C0000;
	background-color:inherit;
	}
	
	
/* Right panel */
	
#rightpan{
	width:612px;
	float:right;
	height:100%;
	overflow:hidden;
	background-color:#F5F0E0;
	color:#5E5946;
	position:relative;
	padding:15px 32px 8px 20px;
	}
	
#rightpan span.topCurve{
	background:url(../images/rightpan-top.gif) 0 0 no-repeat;
	height:8px;
	width:664px;
	display:block;
	position:absolute;
	left:0;
	top:0;
	line-height:0;
	font-size:0;
	}
	
#rightpan span.botCurve{
	background:url(../images/rightpan-bot.gif) 0 0 no-repeat;
	height:8px;
	width:664px;
	display:block;
	position:absolute;
	left:0;
	bottom:-2px;
	line-height:0;
	font-size:0;
	}

#rightpan img{
	float:left;
	margin:7px 18px 17px 0;
	}
	
#gallery{
	width:664px;
	float:right;
	padding-top:21px;
	}

#gallery img{
	float:left;
	margin-right:9px;
	}
	
/* Footer Panel	*/

#footer{
	background:url(../images/footer-bg.gif) 0 0 repeat-y;
	margin:0 auto 7px;
	text-align:center;
	padding:14px 0;
	width:961px;
	height:100%;
	overflow:hidden;
	position:relative;
	}
	
#footer span.topCurve{
	background:url(../images/footer-top.gif) 0 0 no-repeat;
	height:5px;
	width:961px;
	display:block;
	line-height:0;
	font-size:0;
	position:absolute;
	left:0;
	top:0;
	}
	
#footer span.botCurve{
	background:url(../images/footer-bot.gif) 0 0 no-repeat;
	height:5px;
	width:961px;
	display:block;
	line-height:0;
	font-size:0;
	position:absolute;
	left:0;
	bottom:0;
	}
	
#footer ul{
	text-align:center;
	font-size:11px;
	}
	
#footer ul li{
	display:inline;
	color:#A37A5D;
	background-color:inherit;
	}	

#footer ul li a{
	padding:0 3px 0 4px;
	color:#A37A5D;
	background-color:inherit;
	text-decoration:none;
	}	
	
#footer ul li a:hover{
	color:#9C4C14;
	background-color:inherit;
	}

p.copy{
	color:#A37A5D;
	background-color:inherit;
	font-weight:normal;
	font-size:11px;
	text-align:center;
	padding-bottom:5px !important;
	}
	
/* MISLENIOUS */	

.noBackground{
	background:none !important;
	}
	
.noMar{
	margin:0 !important;
	}
	
h3.servicestxt{
	font:normal 14px/21px Arial, Helvetica, sans-serif;
	color:#7C0000;
	background-color:inherit;
	padding-bottom:9px;
}
ul.servicesarealist{
	height:100%;
	overflow:hidden;
	padding:15px 0;
}
ul.servicesarealist li{
	width:130px;
	line-height:20px;
	float:left;
	background:url(../images/services_arrow.gif) no-repeat 0 8px;
	padding:0 0 0 20px;
	color:#000;
	background-color:inherit;
}
p.contacttxt{
	width:250px;
	float:left;
	margin-right:30px;
}
p.contacttxt span{
	background:url(../images/phoneicon.gif) no-repeat 0 6px;
	display:block;
	padding:0 0 0 25px;
	float:left;
	width:250px;
}
.contactright{
	border:1px solid #CCCCCC;
	background-color:#fff;
	padding:3px 3px;
	margin-bottom:7px;
}
.contactright-main{
	float:right;
	width:auto;
}
.contactleft{
	width:auto;
	float:left;
}
a.contactlink{
	color:#7C0000;
	background-color:inherit;
	font-size:11px;
	text-decoration:underline;
	float:left;
	width:220px;
}
a.contactlink:hover{
	color:#000;
	background-color:inherit;
	text-decoration:none;
}
.logo2{
	background:none;
}
/* -----------------supppliers------------ */
div.suplier{
	width:250px;
	float:left;
	margin:0 90px 30px 0;
	overflow:hidden;
	height:100%;
	background:url(../images/suplier-icon.gif) repeat-y 100% 0;
}
div.suplier1{
	background-image:none;
	margin-right:0;
}
div.suplier b{
/*	background:url(../images/suplier-arrow.gif) no-repeat 0 8px;*/
	display:block;
	padding:0 0 8px 0;
	font-size:14px;
}
div.suplier p{
	padding:10px 0 0 0;
}
div.suplier p span{
	color:#7C0000;
	background-color:inherit;	
}
/* -----------------supppliers------------ */
/* -----------------product------------ */
ul.product{
	padding:10px 0;
}
ul.product li{
	background:url(../images/suplier-arrow.gif) no-repeat 0 8px !important;
	padding:0 0 5px 10px;
	width:400px;
}
/* -----------------product------------ */