/* DECKSONS 2007 */

@import url("nav.css");	
/* GLOBAL STYLES */
* {
	margin:0px;
	padding:0px;
	}
html {
	text-align:center;
	padding-top:20px;
	}	
body {
	text-align:left;
	margin:0px auto;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:100%;
	width:890px;
	}	
p {
	font-size:0.75em;
	margin-bottom:10px;
	}	
h1 {
	font-size:1.3em;
	margin:0 0 10px 0;
	padding:10px 0 0 0;
	}
h2 {
	font-size:1.2em;
	margin:0 0 10px 0;
	padding:10px 0 0 0;
	}	
h3 {
	font-size:1.1em;
	margin:0 0 10px 0;
	padding:10px 0 0 0;
	}
h4 {
	font-size:1em;
	margin:0 0 10px 0;
	padding:10px 0 0 0;
	}	
#header {
	height:53px;
	background-color:#001E7E;
	margin-bottom:20px;
	}	
#content_container {
	overflow:auto;
	width:890px;
	height:100%;
	background-color:#E7D19A;
	font-size:0.95em;
	}	
*+html #content_container {
	padding-bottom:25px;
	}	
#content {
	margin:25px 10px;
	width:850px;
	float:left;
	background:url(../media/content_bkg.gif) top left repeat-y;
	}	
html > body #content {
	margin:25px 20px;
	}		
#left {
	float:left;
	background-color:#FFFFFF;
	width:521px;
	padding-bottom:20px;
	}
.left_home {	
	text-align:center;
	}		
#right {
	float:right;
	width:310px;
	}
.white_box {
	background-color:#FFFFFF;
	display:block;
	padding:10px 10px 2px 10px;
	margin-bottom:15px;
	}	
.blue_bottom {
	margin-bottom:0px;
	height:67px;
	background-color:#001E7E;
	text-align:center;
	}		
#footer {
	height:40px;
	text-align:center;
	font-size:0.95em;
	padding-top:10px;
	}				
/* IMAGE REPLACEMENT */

.logo {
	background:url(../media/logo.gif) top left no-repeat;
	text-indent:-5000px;
	overflow:hidden;
	width:453px;
	height:53px;
	margin:0px;
	padding:0px;
	display:block;
	}	
h2.welcome_hdr {
	background:url(../media/welcome_hdr.gif) top left no-repeat;
	height:45px;
	text-indent:-5000px;
	overflow:hidden;
	margin:0px 0 0 0px;
	padding:0px;
	}
h2.decking_hdr {
	background:url(../media/decking_hdr.gif) top left no-repeat;
	height:32px;
	text-indent:-5000px;
	overflow:hidden;
	margin:10px 0 0 0px;
	padding:0px;
	}
h2.construc_hdr {
	background:url(../media/construc_hdr.gif) top left no-repeat;
	height:32px;
	text-indent:-5000px;
	overflow:hidden;
	margin:10px 0 0 0px;
	padding:0px;
	}
h2.tda_hdr {
	background:url(../media/tda_hdr.gif) top left no-repeat;
	height:32px;
	text-indent:-5000px;
	overflow:hidden;
	margin:10px 0 0 0px;
	padding:0px;
	}
h2.about_hdr {
	background:url(../media/about_hdr.gif) top left no-repeat;
	height:32px;
	text-indent:-5000px;
	overflow:hidden;
	margin:10px 0 0 0px;
	padding:0px;
	}		
h2.ask_hdr {
	background:url(../media/ask_hdr.gif) top left no-repeat;
	height:32px;
	text-indent:-5000px;
	overflow:hidden;
	margin:10px 0 0 0px;
	padding:0px;
	}	
h2.links_hdr {
	background:url(../media/links_hdr.gif) top left no-repeat;
	height:32px;
	text-indent:-5000px;
	overflow:hidden;
	margin:10px 0 0 0px;
	padding:0px;
	}
h2.contacts_hdr {
	background:url(../media/contacts_hdr.gif) top left no-repeat;
	height:32px;
	text-indent:-5000px;
	overflow:hidden;
	margin:10px 0 0 0px;
	padding:0px;
	}		
h3.benefits_hdr {
	background:url(../media/benefits_hdr.gif)	top left no-repeat;
	height:19px;
	text-indent:-5000px;
	overflow:hidden;
	margin:20px 0 0 0;
	padding:0px;
	}
h3.services_hdr {
	background:url(../media/services_hdr.gif)	top left no-repeat;
	height:19px;
	text-indent:-5000px;
	overflow:hidden;
	margin:20px 0 0 0;
	padding:0px;
	}					
.replace {
	text-indent:-5000px;
	}		
#decking_link {
	background:url(../media/decking_link.gif) top left no-repeat;
	overflow:hidden;
	width:290px;
	height:57px;
	display:block;
	}	
#construc_link {
	background:url(../media/construction_link.gif) top left no-repeat;
	overflow:hidden;
	width:290px;
	height:57px;
	display:block;
	}		
/* TEXT STYLES */
.links_list {
	list-style:circle;
	margin-left:30px;
	margin-right:20px;
	color:#7F7F7F!important;
	} 
.links_list li {
	padding-bottom:10px;
	color:#7F7F7F!important;
	}	
#header h1 {
	margin:0px;
	padding:0px;
	}
#left img {
	margin:20px 0 0 0;
	}
#flash_container {
	margin:20px 0 0 0;
	}	
#left h2 {
	margin-left:18px;
	}	
#left p {
	margin:0 18px 10px 20px;
	}	
#left ul {
	color:#333333!important;
	font-size:0.85em;
	}	
#left ul span {
	color:#7f7f7f;
	font-size:0.85em;
	}					
#content_container p, #content_container ul, #footer p {
	color:#7F7F7F;
	}
#list {
	background-color:#F0F0F0;
	padding:10px;
	margin-bottom:15px;
	}
ul.benefits_list {
	display:block;
	list-style:none!important;
	margin:5px 10px 0 10px;
	}	
.benefits_list li {
	padding:3px 0 0 38px;
	margin:0px 0 10px 0;
	background:url(../media/arrow.gif) top left no-repeat;
	}		
#footer p {
	margin-top:10px;
	font-size:0.75em;
	}
#footer li {
	font-size:0.75em;
	display:inline;
	padding:0 10px;
	color:#7f7f7f;
	}			
#footer span {
	color:#333333;
	}	
/* LINK STYLES */
#left a:link, #left a:visited {
	color:#0E1F7C;
	text-decoration:none;
	}
#left a:hover, #left a.active {
	color:#0E1F7C;
	text-decoration:underline;	
	}	
.white_box a:link, .white_box a:visited {
	border:1px solid #fff;
	}
.white_box a:hover, .white_box a.active {
	border:1px solid #ccc;
	}	
	
#footer a:link, #footer a:visited {
	color:#7f7f7f;
	text-decoration:none;
	}
#footer a:hover, #footer a.selected {
	color:#0E1F7C;
	text-decoration:none;
	}		
/*------> FORM STYLES <------*/
#contact_form {
	color:#7f7f7f;
	margin-left:4px;
	}
#contact_form label, #contact_form input, #contact_form textarea {
	display: block;
	width: 210px;
	float: left;
	margin-bottom: 10px;
	}
#contact_form input, #contact_form textarea {	
	border: 1px solid #CCC;
	}
#contact_form label {
	font-size: 0.75em;
	width: 110px;
	padding-left:16px;
	}
#contact_form br {
	clear: left;
	}		
#contact_form .submit, .ask .submit {
	width: 40px;
	border:none;
	}
.ask {
	color:#7f7f7f;
	margin-left:4px;
	}
.ask label, .ask input, .ask textarea {
	display: block;
	width: 210px;
	float: left;
	margin-bottom: 10px;
	}
.ask input, .ask textarea {	
	border: 1px solid #CCC;
	}
.ask label {
	font-size: 0.75em;
	width: 110px;
	padding-left:16px;
	}
.ask br {
	clear: left;
	}		
