/* ---------------------- */
/* STANDARD HTML RESET    */
/* ---------------------- */


* {

	margin:0;
	padding:0;

}



	body,
	h1, h2, h3,
	p, ul, li,
	form {
	
		border:0;
		margin:0;
		padding:0;
	
	}
	
/* ---------------------- */
/* STABDARD HTML TAG DEF  */
/* ---------------------- */


	body {
		
		background: url(images/bg-body.jpg) repeat-x

	}

	body,
	form, input {

		font-family: Verdana, sans-serif;
		font-size: 12px;
		color: #000000;
	
	}
	
	h1 {
	
		font-size: 24px;
			
	}
	
	h2 {
	
		font-size: 18px;
			
	}
	
	h3 {
	
		font-size: 13px;
			
	}
	
	a:link, a:visited {
	
		color:#CECECE;
	
	}
	
	
	
	
	
	a:hover {
	
		color:#666666;
		
	}
	
	
/* ---------------------- */
/* NAVAGATION  */
/* ---------------------- */	
	
#nav {


	display:inline;

	float:right;

	list-style-image:none;

	list-style-position:outside;

	list-style-type:none;

	position:relative;

	
}


#nav ul {

	margin-left:450px;

}


#nav li{	

	float: left;
	
	list-style: none;
}

#nav li a{	

	margin: 0px 10px 0px 0px;

	padding: 5px 5px 6px 5px;

    list-style: none;		
	
	font-family: Verdana, sans-serif;

	font-weight: normal;

	font-size: 14px;

	color: #CECECE;	

	text-decoration: none;

	display: block;		

}

#nav a:hover{

	color: #FFF;		

}

	
	
/* ---------------------- */
/* CONTENT LAYOUT  */
/* ---------------------- */


		
div#container {
	
	background-color: fff;
	margin: 0 auto;
	width: 961px;
	
	
}
	
	
	
#main-content {
	
	float:left;
	width: 945px;
	
}
	
#main-content p{
	
	text-align: justify;
	font-style: italic;
	margin-left:15px;
	
}
	
#main-content ul{
	margin: 25px;
	font-weight: bold;
	
}
	
	
div#header {
	
	background: url(images/bg-header.jpg);
	width:961px;
	height:96px;
	float:left;
	
}
	
div#nav {
	
	background: url(images/bg-nav.jpg);
	width:961px;
	height:39px;
	float:left;
	
}
	
	
	
		.home-welcome {
	
		background: url(images/home-welcome.jpg);
		width:961px;
		height:575px;
		float:left;
	
	}
	
		.services-welcome {
	
		background: url(images/services-welcome.jpg);
		width:961px;
		height:575px;
		float:left;
	
	}
	
		.estimate-welcome {
	
		background: url(images/estimate-welcome.jpg);
		width:961px;
		height:575px;
		float:left;
	
	}
	
		.gutter-welcome {
	
		background: url(images/gutter-welcome.jpg);
		width:961px;
		height:575px;
		float:left;
	
	}
	
		.contact-welcome {
	
		background: url(images/contact-welcome.jpg);
		width:961px;
		height:575px;
		float:left;
	
	}
	
		.gallery-welcome {
		
		background: url(images/gallery-welcome2.jpg);
		width:961px;
		height:575px;
		float:left;
	
	}
	
	
	

	div#footer {
	
	width: 100%;
	height:58px;
	background: url(images/bg-footer.jpg) repeat-x;
	
	}
	
	div#footer-inside {
	
	width: 961px;
	height:58px;
	margin: 0 auto;
	
	}
	
	h1.footer{
	width:355px;
	height:58px;
	background: url(images/footer-logo.jpg);
	float:left;
	margin-left: 319px;
	
	}
	

	
	.bottom {
		
		width:961px;
		height: 93px;
		
		float:left;
	}
	
	.bottom img {
	
		border: none;
	
	}
	
	.bottom-left {
		height: 93px;
		float:left;
	}
	
		
	
	.bottom-right {
		height: 93px;
		float:right;
	}
	
	
	div#bottom-links {
		
		width:961px;
		float:left;
	}
	
	div#bottom-links p{
		
		text-align: center;
	}
	
	
	.clear {
	
	clear: both;
	
	}
	
	
	.service-twocol {
	
	
	float:left;
	
	}
	
	.service-left {
	
	width:555px;
	float:left;
	
	}
	
	.service-right {
	
	float:left;
	
	}
	
	
	.service-right img {
	
	margin-left: 200px;
	margin-top:25px;
	border: none;
	
	}
	
	
	.gallery{
	
	margin:85px 25px; 
	background-color: #FFF;
	
	
	}
	
	.gallery img {
	
		border: none;
	
	}
	
	.gallery td {
	
	padding: 7px;
	
	}