/* CSS Document */
/* ordered alphabetically */
/* #=id  use once  .=class  use many */

	body {

		text-align: center; /* for IE */
		font-family: Arial, Verdana, Helvetica, sans-serif;
		font-size: .75em;
		color : Black;
		background-color: #DBDDE0;
		line-height: 190%;
	    background-image:url(images/bit_blue_121.jpg);
		background-repeat:repeat-x;
	}

	a {
	color: #333399;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	text-decoration:none;
	}
	a:link {color:#333399;}
	a:hover {text-decoration:underline; }
	
	a.topnavlink {
	font-variant: small-caps;
	color: white;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	text-decoration:none;
	font-weight:700;
	font-size: 14px;
	}
	a.topnavlink:link {color:white;}
	a.topnavlink:hover {text-decoration: underline; }
	
	
		a.frontblacklink {
	color: black;
	text-decoration:underline;
	font-weight:700;
	font-size: 14px;
	}
	a.frontblacklink:link {color:black;}
	
	
		a.placeyourorderlink {
	color: #2a5075;
	text-decoration:none;
	font-weight:700;
	font-size: 20px;
	}
	a.placeyourorderlink:link {color:#2a5075;}
	
	
	#container {
	margin: 0 auto;   /* align for good browsers */
	text-align: left; /* counter the body center */
	width: 900px;


	}

#header{
}

#content{
background-color:#FFFFFF;
}

#subcontent{
background-image:url(images/bit_subpage.jpg);
}

#logo{
background-image:url(images/logo.jpg);
width: 	353px;
height: 121px;	
float: left;
}
	
#rightheader{
float:right;
text-align:right;
}	

#phonenumber{
font-size:18px;
color:#FFFFFF;
padding-right: 9px;
padding-top: 9px;
}
	
#topnav{
width: 	520px;
height: 25px;
line-height: 100%;
/*background-image: url(images/ximage.jpg);*/
padding-top: 65px;
}
	
	#spacer1{
	width: 8px;
	}
	
#headerimageholder{
background-color:#FFFFFF;

}
		
	#headerimage{
	width: 	900px;
	height: 164px;	
	background-image:url(images/main_banner.jpg);
	background-color:#FFFFFF;
	}



	#footer{	
	width: 	900px;
	height: 200px;
	color:#FFFFFF;
	background-image:url(images/footer_blue_200.jpg);
	margin-bottom:35px;
	}

	.textblock1{
	padding: 10px;
	padding-right: 22px;
	text-align:justify;
	}
	
	h1{
	font-size:48px;
	font-weight:500;
	color:#173553;
	}
	
	h2{
	font-size:18px;
	font-weight:500;
	color: #5A5B5B;
	}
	
	h3{
	font-size:12px;
	font-weight:700;
	font-variant: small-caps;
	color:#666666
	}
	
	h4{
	font-size:10px;
	color: #666666;
	font-style:italic;
	}
	
		h5{
	font-size:14px;
	font-weight: 700;
	}
	
	h6{
	font-size:18px;
	}
	
	.imagepadalignright{
	float:right;
	padding:10px;
	width: 230px;
	}
	
		.imagepadalignleft{
	float:left;
	padding:10px;
	width: 230px;
	}

#lineheightrightnav{
line-height:160%;
padding-left: 7px;
}

	#topnavspacer{
	float: left;
	}

	.topnavspacerText{
	padding-top:18px;
	}
	
	#greybannertext{
	font-size:25px;
	font-weight:700;
	color: #5A5B5B;
	padding-top: 77px;
	padding-left: 18px;
	}
	
	#blackbannertext{
	font-size:16px;
	padding-top: 5px;
	padding-left: 18px;
	line-height: 110%;
	width: 780px;
	}
	
	#fottertextblock{
	width: 200px;
	line-height:200%;
	float: left;
	padding-left:40px;
	padding-top:22px;
	}
	
	#threefrontboxes{
	float: left;
	padding-left: 25px;
	}
	
	#basementbox{
	font-size:14px;
	line-height: 170%;
	width: 340px;
	padding-bottom: 10px;
	}
	
		#stairsbox{
	font-size:14px;
	line-height: 170%;
	width: 280px;
	padding-bottom: 10px;
	}
	
	#iconhouse
	{
	background-image:url(images/icon_front_house.jpg);
	background-repeat: no-repeat;
	background-position: top right;
	}
	
	#iconstairs
	{
	background-image:url(images/icon_front_stairs.jpg);
	background-repeat: no-repeat;
	background-position: top right;
	}
	
		#iconpass
	{
	background-image:url(images/iconp.jpg);
	background-repeat: no-repeat;
	background-position: top right;
	}
	
	#recentwork{
	width: 874px;
	background-color: #ECECEC;
	margin-left:12px;

	}
	
	#copyrightPos{
	text-align:center;
	padding-top: 12px;
	}
	
	.spacer2{
	width:20px;}
	
	#subcontentcontainer{
	padding-left: 30px;
	padding-top: 30px;
	width:650px;
	}
	
	#processbox{
	width: 184px; 
	height: 173px;
	float: left;
	margin-right: 30px;
	}
	
	#processtext{
	font-size:36px;
	color:white;
	padding-top:15px;
	padding-left:15px;
	padding-bottom:15px;
	}
	
	#basementstopleft{
	float:left;
	width: 377px;	}
	
	#basementstopright{
	width: 250px;	
	float: right;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:26px;
	line-height:150%;
	}
	

	#basementsbottomleft{
	float:left;
	background-image:url(images/whiteShadowBox_283_273.jpg);
	width: 264px;
	height: 251px;
	padding-left: 19px;
	padding-top: 22px;
	}
	
	#basementsbottomright{
	width: 300px;	
	float: right;
	padding-right:40px;
	}
		
	#polaroidstairs{
	background-image:url(images/whiteShadowBox_283_273.jpg);
	width: 264px;
	height: 251px;
	padding-left: 19px;
	padding-top: 22px;
	float:left;
	}
	
	#polariodstairsright{
	float: right;
	width: 350px;
	}
	
	#leftcontact{
	float: left;
	width: 180px;
	height: 450px;
	}
	
	#rightcontact{
	float: right;
	width: 400px;
	}
	
	.recentprojectsbox{
	float: left;
	padding-left: 20px;
	}


#frontblackbar{
color: #6b6c6c;
font-size: 32px;
WIDTH: 226px;
height: 29px;
font-weight: 500;
}

#frontblacktext{
font-size: 12px;
}

	#formbutton{
	width:174px; 
	height: 32px; 
	background-image:url(images/button_sendmessage.jpg);
	padding-top: 10px;
	padding-left: 14px;
	}
	
	
	
#panelleft{
width: 319px;
height: 390px;
background-image:url(images/panel-left.jpg);
padding: 11px 0px 0px 15px;
float: left;
}

#panelleft h3{
font-size: 18px;
}

	
#panelright{
width: 297px;
height: 390px;
background-image:url(images/panel-right-block.jpg);
padding: 11px 0px 0px 15px;
color:#FFFFFF;
float: right;
font-size: 16px;
}

#panelright h3{
font-size: 18px;
color:#FFFFFF;
margin-bottom: 10px;
}



	