/************************************************************************
/* DEFAULT STYLES
/************************************************************************/

body, html {
	margin: 0;
}

.bg-index {
	background-color: #ccc;
	background-image: url(../images/bg-index.gif);
	background-repeat: repeat-x;
}

.bg-interior {
	background-color: #ccc;
	background-image: url(../images/bg-interior.gif);
	background-repeat: repeat-x;
}

.right {
	float: right;
}

.left {
	float: left;
}

.clear {
	clear: both;
}

/************************************************************************
/ PAGE STYLES
/************************************************************************/

#wrapper {
	background-image: url(../images/bg-repeating.gif);
	background-repeat: repeat-y;
	margin: 0 auto 0 auto;
	/* border: solid 1px #00ff00; */
	
	width: 935px;
}

	#header {
		background-color: #fff;
		height: 83px;
	}
	
	#flash {
		width: 577px;
		height: 337px;
	}
	
	#index-top {
		background-image: url(../images/bg-index-top.gif);
		background-repeat: repeat-x;
		height: 343px;
		padding: 0 30px 0 30px;
	}

		#index-top-box {
			background-color: #f8b704;
			height: 337px;
			width: 298px;
		}
	
	#index-bottom {
		background: #fff;
		overflow: auto;
		padding: 0 30px 0 30px;
		width: 875px;
	}
		
		#estimate-box {
			background-color: #f8b704;
			height: 283px;
			line-height: 12px;
			padding: 0 20px 0 20px;
			width: 249px;
			overflow: hidden;
		}
		
			#estimate-box form {
				margin: 0;
				padding: 0;
			}
		
			#estimate-box p input {
				border: solid 1px #000;
				font-size: 12px;
				height: 12px;
				letter-spacing: 1px;
				margin: 1px 0 1px 0;
				padding: 3px;
			}
			
			#estimate-box #continue {
				background-image: url(../images/continue.gif);
				border: 0;
				cursor: pointer;
				display: block;
				height: 29px;
				left: 150px;
				position: relative;
				top: -4px;
				width: 107px;
			}
			
			#estimate-box #download {
				background-image: url(../images/download.gif);
				border: 0;
				cursor: pointer;
				display: block;
				height: 29px;
				left: 150px;
				position: relative;
				top: -10px;
				width: 107px;
			}
			
		.bottom-box {
			background-color: #ccc;
			height: 283px;
			padding: 0 20px 0 20px;
			width: 253px;
			overflow: hidden;
		}
		
			.bottom-box ul {
				padding: 0 0 0 20px;
				margin: 20px 0 22px 0;
			}
		
			.project-border {
				border: solid 2px #999;
			}

	#footer-wrapper {
		background-image: url(../images/lines2.gif);
		background-repeat: repeat-x;
	}		

		#footer {
			background-color: #fff;
			background-image: url(../images/lines.gif);
			background-repeat: repeat-x;
			margin: 0 auto 0 auto;
			padding: 10px 0 5px 35px;
			width: 900px;
		}
	
	#interior-wrapper {
		
		background-image: url(../images/bg-gradient.gif);
		background-repeat: no-repeat;
		
/*
		overflow: auto;
		border: solid 1px #00ff00;
		
		border-left: solid 1px #d0d0d0;
		border-right: solid 1px #d0d0d0;
*/
		padding-left: 10px;
/*		
		background-color: #ebebeb;
		
*/
		
		
	}
	
		#sidebar {
			padding-top: 55px;
			width: 203px;
			/* border-left: solid 7px #eeb71e; */
		}
		
			.project-gallery {
				background-image: url(../images/project-gallery-header.gif);
				background-repeat: no-repeat
			}
			
			.about {
				background-image: url(../images/about-header.gif);
				background-repeat: no-repeat
			}
			
			.services {
				background-image: url(../images/services-header.gif);
				background-repeat: no-repeat
			}
			
			.contact-us {
				background-image: url(../images/contact-us-header.gif);
				background-repeat: no-repeat
			}
			
			.login {
				background-image: url(../images/login-header.gif);
				background-repeat: no-repeat
			}
		
		#content {
/*
			background-color: #fff;
			background-image: url(../images/bg-content.gif);
			background-repeat: repeat-x;
			min-height: 400px; 
*/
			overflow: hidden;
			padding: 20px 23px 0 20px;
			width: 666px;
		}
		
/************************************************************************
/ NAV STYLES
/************************************************************************/

#nav {
	background-image: url(../images/bg-nav.gif);
	background-repeat: repeat-x;
	height: 34px;
	margin: 0;
	padding: 0 25px 0 45px;
	width: 865px;
}

	#nav li {
		float: left;
		height: 34px;
		list-style-type: none;
		padding: 0 30px 0 30px;
		overflow: hidden;
		width: auto;
	}
	
	#nav a {
		display: block;
		margin-top: 0;
	}
	
		#nav a:hover {
			margin-top: -34px;
		}
	
	#nav .on {
		display: block;
		margin-top: -34px;
	}
	
/************************************************************************
/ FORM STYLES
/************************************************************************/

.message {
	padding: 15px 0 15px 0;	
}

form fieldset {
	border: 0;
	display: block;
	padding: 0;
	width: 350px; /* Change this width to affect element widths */
}

	form input, form select, form textarea {
		border: 0;
		display: block;
		padding: 0;
		width: 100%;
	}
	
	/* Use these wrapper classes to change padding, margin, etc. on form elements */
	
	form .input, form .textarea, form .select {
		background-color: #fff;
		border: 1px solid #999;
		margin-top: 5px;
		padding: 3px;
	}
	
	form label {
		display: block;
		width: 100%;
	}
	
	/* Wrapper for label and form field element */

	form .field {
		margin-bottom: 9px; 
		padding: 0;
	}
	
	/* Special widths */
	
	form .half {
		width: 50%;	
	}
	
	form .quarter {
		width: 25%;	
	}
	
	form #submit {
		background: #e8aa00;
		cursor: pointer;
		margin: 10px 0 10px 0;
		padding: 6px;
		width: auto;	
	}