/* CSS Document */

html
{
	margin: 0;
	padding: 0;	
}
@font-face {
	font-family: 'gothic';
	src: url('./gothic.eot');
	src: local('gothic'), url('./gothic.woff') format('woff'), url('./gothic.ttf') format('truetype');
}
/* use this class to attach this font to any element i.e. <p class="fontsforweb_fontid_9785">Text with this font applied</p> */
.fontsforweb_fontid_9785 {
	font-family: 'gothic' !important;
}
#body-content-left h1
{	font-family: 'gothic' !important;
}
body
{
	margin: 0;
	padding: 0;
	background-repeat: repeat-x;
	#background-color:#D8D8D8;	
}
body
{
background-color:#ffffff;
 filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#ffffff, endColorstr=#d1d1d1);
 background-image:-moz-linear-gradient(top, #ffffff 2%, #d1d1d1 25%,#ababab 50%,#8c8c8c 100%);
background-image:linear-gradient(top, #ffffff 2%, #d1d1d1 25%,#ababab 50%,#8c8c8c 100%);
background-image:-webkit-linear-gradient(top, #ffffff 2%, #d1d1d1 25%,#ababab 50%,#8c8c8c 100%);
background-image:-o-linear-gradient(top, #ffffff 2%, #d1d1d1 25%,#ababab 50%,#8c8c8c 100%);
background-image:-ms-linear-gradient(top, #ffffff 2%, #d1d1d1 25%,#ababab 50%,#8c8c8c 100%);
 background-image:-webkit-gradient(linear, right top, right bottom, color-stop(2%,#ffffff), color-stop(25%,#d1d1d1),color-stop(50%,#ababab),color-stop(100%,#8c8c8c));}

}
h1, h2, h3
{
	font-family: Arial, Helvetica, sans-serif;
}	

#header-container
{
	width: 896px;
	margin-left: auto;
	margin-right: auto;	
}

#header
{
	width: 896px;
	height: 80px;		
}

#header-logo
{
	width: 518px;
	height: 66px;
	clear: left;
	float: left;
}

#header-contact-info
{
	width: 259px;
	height: 66px;
	clear: right;
	float: right;
}

#orange-bar
{
	background-image: url(../img/orangebar.jpg);
	background-repeat: repeat-x;
	width: 100%;
	padding: 0px;
	margin: 0px;
	line-height: 4px;
	padding-bottom: 15px;	
}

#gray-bar
{
	background-image: url(../img/graybar.jpg);
	background-repeat: repeat-x;
	width: 100%;
	padding: 0px;
	margin: 0px;
	line-height: 4px;
	padding-bottom: 15px;	
}

#main-container
{
	width: 896px;
	margin-left: auto;
	margin-right: auto;	
}

#navigation
{
	height: 55px;
	width: 896px;
	padding: 0;
	margin: 0;
	padding-bottom: 15px;
}

#navigation ul
{
	list-style: none;
	margin: 0;
	padding: 0;
}

#navigation ul li
{
	height: 55px;
	width: 221px;
	list-style: none;
	list-style-type: none;
	position: relative;
	float: left;
	display: inline-block;
	padding-right: 2px;
	padding-left: 2px;
	text-align: center;
	clear: none;
}

#navigation ul li.first
{
	height: 55px;
	width: 221px;
	list-style: none;
	list-style-type: none;
	position: relative;
	float: left;
	display: inline-block;
	padding-right: 2px;
	padding-left: 0px;
	clear: none;
}

#navigation ul li.last
{
	height: 55px;
	width: 221px;
	list-style: none;
	list-style-type: none;
	position: relative;
	float: left;
	display: inline-block;
	padding-right: 0px;
	padding-left: 2px;
	clear: none;
}

#navigation ul li a
{
	height: 38px;
	width: 100%;
	background-image: url(../img/button-template.png);
	background-repeat: no-repeat;
	background-position: top left;
	display: block;
	font-size: 22px;
	text-decoration: none;
	padding-top: 17px;
}

#navigation ul li a:hover
{
	background-position: 0px -55px;
}

#middle-graphic
{
	text-align: center;
	width: 896px;
	height: 174px;
}

#body-content
{
	width: 899px;
	padding-top: 10px;
	padding-bottom:	0px;
}

#body-content-left
{
	width: 570px;
	padding-right: 40px;
	clear: left;
	float: left;
}

#body-content-left p
{
	font-family: Arial, Helvetica, sans-serif;
	color: #333;
	
}

#body-content-right
{
	width: 289px;
	clear: right;
	float: right;
	text-align: left;
	margin: 0;
	padding: 0;
}

#body-content-right p
{
	padding-right: 0px;	
}

#bottom {

width: 580px;
height:  200px;
margin: 0;

	
}


a div#residential 
{
	background-color: transparent;
	background-image: url(../img/sidebar-residential.jpg);
	background-position: 0px -177px;
	background-repeat: no-repeat;
	height: 177px;
	width: 286px;	
	float: left;
}

a:hover div#residential 
{
	background-color: transparent;
	background-image: url(../img/sidebar-residential.jpg);
	background-position: 0px 0px;
	background-repeat: no-repeat;
	height: 177px;
	width: 286px;	
}

a div#construction 
{
	background-color: transparent;
	background-image: url(../img/sidebar-construction.jpg);
	background-position: 0px -177px;
	background-repeat: no-repeat;
	height: 177px;
	width: 286px;	
	float: right;
}

a:hover div#construction 
{
	background-color: transparent;
	background-image: url(../img/sidebar-construction.jpg);
	background-position: 0px 0px;
	background-repeat: no-repeat;
	height: 177px;
	width: 286px;	
}

#footer-container
{
	width: 800px;
	margin-left: auto;
	margin-right: auto;	
	text-align: center;
}

#footer-container p
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333;
}

#footer-container p.copyright
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #333;
}

#footer-container p.copyright a
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #333;
	text-decoration: none;
}

.clearing-div
{
	clear: both;
	line-height: 15px;	
}
#body-content-left hr
{
color:#8C8C8C;
 border-top: 1px solid #8c8c8c;
}
#body-content-left h1
{
text-align:center;
}
#body-content-left blockquote
{
	font-family: Arial, Helvetica, sans-serif;
	color: #333;
	text-align: justify;
}