/*
	Author:Md. Shariful Islam 
	Date: 
	Title:     
====================================
*/
body{
	margin:0;	
	font-family:Arial,Helvetica, sans-serif;
	font-size:12px;
	color:#000000;
	padding:0px 0 10px 0;
	text-align:center;
	background:url(images/bodybg.gif) repeat-x;
	
}
*{
	padding:0;	margin:0;	border:0;
}

ul,li{
	list-style:none;
}	
.hide{
     position: absolute;
     left: -9999px;
}

/*--------------------------Page Structure----------------*/
#outer{
	margin:0 auto;
	background:#D6E2D4 url(images/bg.gif) repeat-x;
}
#wrap{
	margin:0 auto;
	width:750px;
	text-align:left;
}
/*---------------------------Header---------------------*/
#headernav{
	width:750px;
	
}
#headernav dl{
	background:url(images/navbg.gif) repeat-x;
	height:40px;
	overflow:hidden;
	padding:0 45px 0 47px;
}
#home a{
	float:left;
	background:url(images/home.gif) no-repeat;
	width:68px;
	height:31px;
}


#about a{
	float:right;
	background:url(images/about.gif) no-repeat;
	width:93px;
	height:31px;
	margin-right:10px;	
}
#project a{
	float:right;
	background:url(images/project.gif) no-repeat;
	width:119px;
	height:31px;
	margin-right:10px;
}
#contact a{
	float:right;
	background:url(images/contact.gif) no-repeat;
	width:98px;
	height:31px;
}
#home a span,#about a span,#project a span,#contact a span{
	display:none;
	visibility:hidden;
}
#home a:hover{
	background:url(images/homeh.gif) no-repeat;
	
}
#about a:hover{
	background:url(images/abouth.gif) no-repeat;
	width:93px;
	height:31px;
	
}
#project a:hover{
	background:url(images/projecth.gif) no-repeat;
	width:119px;
	height:31px;
}
#contact a:hover{
	background:url(images/contahct.gif) no-repeat;
	width:98px;
	height:31px;
}
/*-------------------------Main Body------------------- */
#main{
	width:750px;
	overflow:hidden;
	background:url(images/mbg.gif) repeat-y;
}
#leftside{
	float:left;
	width:191px;
	background:url(images/leftbgn.gif) repeat-x;
	border-left:1px solid #909F32;
}
#leftside h1{
	background:url(images/logo.gif) no-repeat;
	width:191px;
	height:110px;
}
#leftside h1 span{
	display:none;
	visibility:hidden;
}
#leftside ul{
	width:191px;
	margin-bottom:7px;
	
}
.kitchenl a,.bathroom a,.doormars a,.extension a,.addition a,.roofing a,.masonry a, .amccm a{
	background:url(images/kitchenl.jpg) no-repeat;
	width:191px;
	height:22px;
	display:block;
	text-decoration:none;
}
.kitchenl em,.bathroom em,.doormars em,.extension em,.addition em,.roofing em,.masonry em, .amccm em{
	width:191px;
	height:2px;
	background:url(images/kitchenbtm.jpg) no-repeat;
	display:block;
}
.amccm a{
	background: url(images/amccm1.jpg) no-repeat;
	
}
.bathroom a{
	background: url(images/bathroom.jpg) no-repeat;
	
}

.bathroom em{
	background: url(images/bathbtm.jpg) no-repeat;
	
}
.doormars a{
	background: url(images/doormars.jpg) no-repeat;
	
}
.doormars em{
	background: url(images/doorbtm.jpg) no-repeat;
	
}
.extension a{
	background: url(images/extension.jpg) no-repeat;
	
}
.extension em{
	background: url(images/exbtm.jpg) no-repeat;
	
}

.addition a{
	background: url(images/ad.jpg) no-repeat;
	
}
.addition em{
	background: url(images/adbtm.jpg) no-repeat;
	
}
.roofing a{
	background:url(images/roofing.jpg) no-repeat;
	
}
.roofing em{
	background: url(images/rofbtm.jpg) no-repeat;
	
}
.masonry a{
	background:url(images/masonry.jpg) no-repeat;
	
}
.masonry em{
	background: url(images/masbtm.jpg) no-repeat;
	
}
.kitchenl a span,.bathroom a span,.doormars a span,.extension a span,.addition a span,.roofing a span,.masonry a span,#rightside h2 span, .amccm a span{
	display:none;
	visibility:hidden;
}
.amccm a:hover{
	background:url(images/amccm1.jpg) no-repeat 0 -22px;		
}
.kitchenl a:hover{
	background:url(images/kitchenl.jpg) no-repeat 0 -22px;		
}
.bathroom a:hover{
	background:url(images/bathroom.jpg) no-repeat 0 -22px;
}
.doormars a:hover{
	background: url(images/doormars.jpg) no-repeat 0 -22px;
}
.extension a:hover{
	background: url(images/extension.jpg) no-repeat 0 -22px;
}
.addition a:hover{
	background: url(images/ad.jpg) no-repeat 0 -22px;
}
.roofing a:hover{
	background: url(images/roofing.jpg) no-repeat 0 -22px;
}
.masonry a:hover{
	background: url(images/masonry.jpg) no-repeat 0 -22px;
}


#rightside{
	float:right;
	width:558px;
}
#topheading{
	background:url(images/kitchen.gif) no-repeat;
	width:558px;
	height:336px;
}
#rightbtm{
	width:554px;
	overflow:hidden;
	padding:2px 0 0 4px;
}
#rightbtm dd{
	float:left;
	width:135px;
	margin-right:3px;
}
#bath,#roofingh,#kitchen,#dormers{
	width:135px;
	background:#7C4527;
	font-size:12px;
	color:#EBBA91;
	padding:10px 0 10px 0;
	text-align:center;
}
#roofingh{
	background:#7D2637;
}
#kitchen{
	background:#6A6637;
}
#dormers{
	background:#6B4636;
}
/*-------------------------- Footer----------------------- */
#footer{
	margin:0 auto;
	background: #FFFFFF url(images/footerbg.gif) repeat-x; 
	height:201px;
	
}
#footer a{
	text-decoration:none;
	color:#000000;
}
#footer a:hover{
	text-decoration:underline;
}
#footer dl{
	margin:0 auto;
	width:750px;
	overflow:hidden;
	padding:45px 0 0 0;
}
.footerleft{
	float:left;
	width:375px;
	text-align:left;

}
.footerright{
	float:right;
	width:375px;
	text-align:right;

}
/*--------------------------kitchen----------------------- */
#heading{
	background: url(images/k1.jpg) no-repeat;
	width:558px;
	height:259px;
}
#heading2{
	width:558px;
	height:259px;
}

.content{
	padding:23px 0 0 11px;
	overflow:hidden;
}
.contenthead{
	background:url(images/heading.gif) no-repeat;
	width:54px;
	height:14px;
	margin-bottom:10px;
}
.contenthead span,.contenthead01 span,.contenthead02 span,.contenthead03 span,.contenthead04 span,.contenthead05 span,.contenthead06 span,.contenthead07 span,.contenthead08 span,#leftside dl span{
	display:none;
	visibility:hidden;
}
.text{
	padding-bottom:19px;
	width:290px;
	float:left;
	display:block;
	padding-right:10px;
}
.text p{
	text-align:justify;
	padding-bottom:15px;
}
.imagelist{
	float:right;
	width:235px;
}
.imagelist dl{
	overflow:hidden;
	
}
.imagelist dl dt{
	font-size:11px;
	padding-bottom:10px;
}
.imagelist dl dt a{
	text-decoration:none;
	color:#76462A;
}
.imagelist dl dd{
	float:left;
	width:100px;
	background:#E6E5DD;
	padding:2px;
	margin:0 10px 10px 0;
}

/*--------------------------galary----------------------- */
.catagory{
	width:541px;
	margin:7px 9px 12px 8px;
	background:#E9F0E8;
}
.catagory h4{
	font-size:13px;
	color:#633015;
	font-weight:bold;
	padding:10px 0 15px 11px;
}
.catagory ul{
	padding:0 0 20px 11px;
}
.catagory ul li{
	padding-right:30px;
	display:inline;
}
.catagory ul li a{
	background:url(images/box.gif) no-repeat 0 4px;
	color:#3C3C3C;
	text-decoration:none;
	padding-left:17px;
	font-weight:bold;
}
.imgholder{
	width:541px;
	padding:7px 9px 0 8px;
	
}
.imgholder ul{
	width:541px;
	overflow:hidden;
	border-bottom:1px solid #9FA96B;
	margin-bottom:15px;
}	
#photo{
	float:left;
	font-size:13px;
	color:#FFFFFF;
	font-weight:bold;
	background:#BBC390;
	padding:5px 15px 4px 7px;
	
}
#imglist{
	float:right;
	color:#3C3C3C;
	font-weight:bold;
	padding-top:5px;
}
.imgholder dl{
	overflow:hidden;
}
.imgholder dd,dd.firstimg{
	float:left;
	width:149px;
	background:#E6E5DD;
	padding:7px 6px 0 7px;
	margin:0 0 28px 27px;
}

dd.firstimg{
	margin:0 0 28px 0;
}
.imgholder dd p{
	background:#CFCCBF;
	font-size:11px;
	font-weight:bold;
	color:#633015;
	padding:6px 0 5px 5px;
}	
.imgholder dd p a{
	background:url(images/plus.gif) no-repeat 0 8px;
	display:block;
	padding-left:22px;
	color:#353535;
	text-decoration:none;
	line-height:30px;
}

.imgholder em {
	text-align:right;
	display:block;
	padding:0 12px 30px 0;
}
.imgholder em a{
	font-size:12px;
	color:#3C3C3C;
	font-weight:bold;
	text-decoration:none;
	font-style:normal;
	
}
/*-----------------------Display info-----------------------*/
.showinfo {
}
.showinfo li,ul.showinfo li ul li{
	padding:0;
	margin:0;
	border:0;
	position:relative;
}
.subfolderstyle{
	width:200px;
}
ul.showinfo li ul, ul.showinfo li ul li ul{
	padding:0;
	margin:0;
	border:0;
	margin-left:0;
	background:none;
	background-color:none;
	position:absolute;
	top:0;
	visibility:hidden;
	width:220px;
	list-style:none;	
}
/*ul.showinfo li ul li {
	background:#CCC0AA;
	display:block;
	width:200px;
	font-weight:bold;
	text-align:justify;
}*/
ul.showinfo li ul li span{
	padding:12px;
	display:block;
}
ul.showinfo li ul li a{
	display:block;
	width:180px;	
	background:none;
	text-align:left;
	color:#000000;
	line-height:14px;
	border-top:1px solid #320006;
	font-size:11px;
	text-transform:uppercase;
	padding:6px 0 6px 20px;
	height:auto;
	background:#CCC0AA;
}

ul.showinfo li ul li span{
	display:block;
	width:180px;	
	background:none;
	background:#CCC0AA;
	text-align:left;
	color:#000000;
	line-height:14px;
	border-top:1px solid #320006;
	font-size:11px;
	text-transform:uppercase;
	padding:6px 0 6px 20px;
	height:auto;
	cursor:pointer;
}
ul.showinfo li ul li a:hover{
	background:none;
	background:#A69577;
	color:#000000;
}
/* Holly Hack for IE \*/
* html ul.showinfo li ul li { float: left; height: 1%; }
* html ul.showinfo li ul li a { height: 1%; }
/* End */
/*--------------------------bathroom----------------------- */
#heading01{
	background: url(images/imgl.gif) no-repeat;
	width:558px;
	height:259px;
}
.contenthead01{
	background: url(images/heading02.gif) no-repeat;
	width:100px;
	height:16px;
	margin-bottom:10px;
}
/*--------------------------doormers----------------------- */
.contenthead02{
	background: url(images/heading03.gif) no-repeat;
	width:100px;
	height:16px;
	margin-bottom:10px;
}
/*--------------------------extensions----------------------- */
.contenthead03{
	background: url(images/heading04.gif) no-repeat;
	width:100px;
	height:16px;
	margin-bottom:10px;
}
/*--------------------------additions----------------------- */
.contenthead04{
	background: url(images/heading05.gif) no-repeat;
	width:200px;
	height:16px;
	margin-bottom:10px;
}
/*--------------------------roofing----------------------- */
#heading04{
	background: url(images/rofimgl.gif) no-repeat;
	width:558px;
	height:259px;
}
.contenthead05{
	background: url(images/heading06.gif) no-repeat;
	width:100px;
	height:16px;
	margin-bottom:10px;
}
/*--------------------------masonry----------------------- */
.contenthead06{
	background: url(images/heading07.gif) no-repeat;
	width:100px;
	height:16px;
	margin-bottom:10px;
}
/*-------------------------aboutus----------------------- */
.contenthead08{
	background: url(images/aboutus.gif) no-repeat;
	width:100px;
	height:16px;
	margin-bottom:10px;
}
/*--------------------------contactus----------------------- */
.contenthead07{
	background: url(images/contactus.gif) no-repeat;
	width:100px;
	height:16px;
	margin-bottom:10px;
}
/*--------------------------quick contact----------------------- */
#leftside dl{
	width:181px;
	padding-left:10px;
}
#leftside dl h3{
	background:url(images/quickh.gif) no-repeat;
	width:89px;
	height:13px;
	margin-bottom:5px;
}
.inpbox{
	overflow:hidden;
	width:181px;
}
.inpbox label{
	width:47px;
	color:#424242;
	display:block;
	float:left;
	line-height:19px;
}
.inpbox input{
	background:#DAE1B8;
	width:126px;
	height:19px;
	border:1px solid #A59A86;
	margin-bottom:4px;
	float:left;

}
.inpbox02{
	margin-bottom:10px;
	overflow:hidden;
	width:181px;
}
.inpbox02 label{
	color:#424242;
	display:block;
	padding:3px 0 3px 0;
}
.inpbox02 input{
	background:#DAE1B8;
	width:172px;
	height:19px;
	border:1px solid #A59A86;
	margin-bottom:3px;
}
.inpbox02 .btn{
	float:right;
	width:59px;
	height:21px;
	margin:0 6px 0 0;
	
}
/*--------------------------submenu page----------------------- */
.grand,.grangmanor,.grandslate,.presidential,.royal,.service,.tim30,.timulta,.wood,.carrage,.cleaning,.country, .links{
	width:200px;
	height:18px;
	margin-bottom:10px;
}
.grand span,.grangmanor span,.grandslate span,.presidential span,.royal span,.service span,.tim30 span,.timulta span,.wood span,.carrage span,.cleaning span,.country span,.links span,.roofing_articles span{
	display:none;
	visibility:hidden;
}
.grand{
	background:url(images/grandse.gif) no-repeat;
		
}
.links{
	background:url(images/links.gif) no-repeat;
		
}
.grangmanor{
	background:url(images/grandmanor.gif) no-repeat;
}
.grandslate{
	background:url(images/grandsl.gif) no-repeat;
}
.presidential{
	background:url(images/president.gif) no-repeat;
}
.royal{
	background:url(images/royel.gif) no-repeat;
}
.service{
	background:url(images/servicetext.gif) no-repeat;
}
.tim30{
	background:url(images/tim30.gif) no-repeat;
}
.timulta{
	background:url(images/timulta.gif) no-repeat;
}
.wood{
	background:url(images/wood.gif) no-repeat;
}
.carrage{
	background:url(images/carriage.gif) no-repeat;
}
.cleaning{
	background:url(images/cleaningtext.gif) no-repeat;
}
.country{
	background:url(images/country.gif) no-repeat;
}
.text01{
	padding:0 10px 10px 0;
}
.text01 p{
	padding-bottom:10px;
}
.text01 em{
	width:200px;
	font-style:normal;
	display:block;
	padding-bottom:10px;
}
/*--------------------------newcss----------------------- */
.locationtxt{
	font-size:10px;
	padding-bottom:15px;
}




.roofing_articles{
	background: url(images/roofing_articles.gif) no-repeat;
	width:100px;
	height:16px;
	margin-bottom:10px;
}

.roof_strtong{
	font-size:17px;

}

.roofing_style_ul{
	padding:0 0 0 20px ;
	margin:0 0 0 10px;
	list-style:none;
}
.roofing_style_ul li{
	padding:0 0 10px 0px;
	margin:0;
	list-style:outside;
}

.roof_flashing{
	color:#004B85;
	
}

.roof_flashing_strong{
	color:#004B85;
	font-weight:bold;
	font-size:17px;
}

.asphalt_roofing_strong{
	color:#993300;
	font-size:17px;
	font-weight:bold;
}

.txt_roofing{
font-size:17px; font-weight:bold;
}