/* CSS */

body {
	background:url('images/bg_tile.jpg') #72706E;
	padding-top:30px;
	font:10pt/14pt Georgia, "Times New Roman", Times, serif;
	color:#000;
	text-align:center;
}
a {color:#113831; text-decoration:none; }
a:hover {color:#000; text-decoration:underline;}

#outerbox {
	display:block;
	position:relative;
	width:800px;
	background:url('images/bg_outerbox.jpg') repeat-y #D6D6D6;
	padding:0px;
	margin:0px auto;
	/*margin-top:0px;*/
	border:solid 2px #000;
	text-align:left;
}
div.prop {display:block; width:1px; height:600px; float:right;}
.clear {clear:both;}
#logo {
	display:block;
	position:relative;
	width:230px;
	height:70px;
	top:20px;
	left:17px;
}
	#logo h1, #logo h1 a {
		display:block;
		margin:0px;
		padding:0px;
		width:230px;
		height:70px;
		text-indent:-9999px;
	}

#bg_home {display:block; position:relative; margin-top:0px; width:800px; height:600px; background:url('images/bg_home.jpg');}
#bg_about_us {display:block; position:relative; width:800px; height:600px; background:url('images/bg_about_us.jpg');}
	#bg_our_work {display:block; position:relative; width:800px; background:url('images/bg_our_work.jpg') no-repeat;}
#bg_request_bid {display:block; position:relative; width:800px; height:600px; background:url('images/bg_request_bid.jpg');}
#bg_contact {display:block; position:relative; width:800px; height:600px; background:url('images/bg_contact.jpg');}
#bg_roofing_process {display:block; position:relative; width:800px; height:600px; background:url('images/bg_roofing_process.jpg');}
#bg_roofing_products {display:block; position:relative; width:800px; height:600px; background:url('images/bg_roofing_products.jpg');}

#textmenu {
	display:block;
	position:absolute;
	/*text-indent:-9999px;*/
	left:-9999px;
	top:-9999px;
}
#flashmenu {
	display:block;
	position:relative;
	width:595px;
	height:65px;
	left:205px;
	top:20px;
}
#leftcol {
	display:block;
	position:relative;
	width:160px;
	top:270px;
	text-align:center;
	color:#FFF;
}
	#leftcol a {font:bold 12pt Georgia, "Times New Roman", Times, serif; color:#FFF; text-decoration:none;}
	#leftcol a:hover {text-decoration:underline;}
#content {
	display:block;
	position:relative;
	top:-140px;
	left:180px;
	width:600px;
	height:415px;
	overflow:auto;
}
	#content_our_work {
		display:block;
		position:relative;
		top:-130px;
		left:180px;
		width:620px;
		padding:0px;
		/*overflow:auto;*/
	}
	#content_request_bid {
		display:block;
		position:relative;
		top:-160px;
		left:180px;
		width:600px;
		height:415px;
		overflow:auto;
	}
	#content_contact {
		display:block;
		position:relative;
		top:-90px;
		left:300px;
		width:300px;
		height:415px;
		overflow:auto;
	}
	#thumbs {
		display:block;
		position:relative;
		float:left;
		width:150px;
		top:15px;
		text-align:left;
		padding-bottom:15px;
	}
		#thumbs img {float:left; border:solid 1px #000; padding:0px; margin:0px 5px 5px 0px;}
	#lrg {
		display:block;
		position:relative;
		float:right;
		width:450px;
		text-align:center;
	}
		#lrg_intro {width:420px;}
		#lrg h3 {font:bold 9pt Georgia, "Times New Roman", Times, serif; color:#000;}
		#lrg img {border:solid 1px #000; padding:0px; margin:0px 0px 15px 0px;}

#footer {
	display:block;
	position:relative;
	width:800px;
	margin:auto;
	margin-top:10px;
	font:9pt Georgia, "Times New Roman", Times, serif;
	text-align:center;
	color:#AAA;
}
	#footer a {color:#AAA;}
	#footer a:hover {color:#CCC;}
	
table.request_bid {font:9pt Georgia, "Times New Roman", Times, serif; margin:0px; padding:0px; width:500px;}
div.error ul {padding:5px; margin:0px;}
.error {color:red; border:solid 1px red; margin:0px; background:#FFF;}
.success {color:blue; border:solid 1px blue; margin:0px; padding:5px; background:#FFF;}
.req {font:16px Verdana; color:red;}
.input_text {width:250px; height:15px; font:8pt Georgia, "Times New Roman", Times, serif;}
.input_textarea {width:250px; height:80px; font:8pt Georgia, "Times New Roman", Times, serif;}