@charset "utf-8";
/* CSS Document */
body {
	font-family:Arial, Helvetica, sans-serif;
}
a {
	outline:none;
}
a img {
	border:none;
}
.left {
	float:left;
}
.right {
	float:right;
}
.clr {
	clear:both;
}
.w315 {
	width:315px;
}
.h10 {
	padding-top:10px;
}
.h15 {
	padding-top:15px;
}
.h25 {
	padding-top:25px;
}
.h290 {
	height:290px;
}
/* index */
#containeri {
	width:780px;
	margin:0 auto;
}
.text_indent {
	text-indent:25px;
}
.index_text {
	font-size:16px;
	color:#131207;
	line-height:22px;
	width:620px;
}
.index_text .welcome {
	font-size:20px;
	line-height:40px;
	margin:0;
	padding:0;
}
.index_text .text_indent {
	padding-top:18px;
	padding-right:28px;
}
.index_sep {
	height:1px;
	line-height:1px;
	font-size:1px;
	background:url(../images/welcome_sep.jpg) top left repeat-x;
}
.ind_txt_b {
	background:url(../images/index_text_bot.jpg) bottom left repeat-x;
}
.ind_txt_l {
	background:url(../images/index_text_left.jpg) top left repeat-y;
}
.ind_txt_bl {
	background:url(../images/index_text_bl.jpg) bottom left no-repeat;
	padding:0 28px 28px;
	height:247px;
}
.copy {
	color:#7f7c6c;
	font-size:10px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	/*margin-top:-5px;
	position:absolute;*/
	text-align:center;
	line-height:20px;
}
.index_menu {
	width:160px;
}
.menul_top {
	width:160px;
	height:35px;
	display:block;
	background:url(../images/index_tr.jpg) top left no-repeat;
}
.menul_bot {
	width:160px;
	height:46px;
	display:block;
	background:url(../images/index_br.jpg) top left no-repeat;
}
.index_menu ul {
	margin:0;
	padding:0;
	list-style:none;
	padding-right:9px;
	background:url(../images/index_right.jpg) top right repeat-y;
}
.index_menu ul li a {
	height:40px;
	width:151px;
	display:block;
}
#innovative a {
	background:url(../images/menul_innovative_design.jpg) 0 -34px no-repeat;
	height:34px;
}
#master a {
	background:url(../images/menul_master_craftsmanship.jpg) 0 -40px no-repeat;
}
#quality a {
	background:url(../images/menul_high_quality_materials.jpg) 0 -40px no-repeat;
}
#competitive a {
	background:url(../images/menul_competitive_pricing.jpg) 0 -40px no-repeat;
}
#contact a {
	background:url(../images/menul_contact_us.jpg) 0 -40px no-repeat;
}
#innovative a:hover {
	background:url(../images/menul_innovative_design_hover.jpg) top left no-repeat;
}
#master a:hover{
	background:url(../images/menul_master_craftsmanship_hover.jpg) top left no-repeat;
}
#quality a:hover {
	background:url(../images/menul_high_quality_materials_hover.jpg) top left no-repeat;
}
#competitive a:hover {
	background:url(../images/menul_competitive_pricing_hover.jpg) top left no-repeat;
}
#contact a:hover {
	background:url(../images/menul_contact_us_hover.jpg) top left no-repeat;
}
/* pages */
#container {
	width:780px;
	margin:0 auto;
}
#top_menu {
	background:url(../images/menu_bg.jpg) top left repeat-x;
	height:38px;
	padding-top:8px;
	margin-right:10px;
}
#top_menu ul {
	margin:0;
	padding:0;
	list-style:none;
}
#top_menu ul li {
	float:left;
}
#top_menu ul li a {
	height:26px;
	display:block;
}
#top_menu #home {
	background:url(../images/menu_home.jpg) 0 -26px no-repeat;
	width:54px;
}
#top_menu #decks, #top_menu #decks_selected {
	background:url(../images/menu_decks.jpg) 0 -26px no-repeat;
	width:56px;
}
#top_menu #fences, #top_menu #fences_selected {
	background:url(../images/menu_fences.jpg) 0 -26px no-repeat;
	width:63px;
}
#top_menu #gates, #top_menu #gates_selected {
	background:url(../images/menu_gates.jpg) 0 -26px no-repeat;
	width:54px;
}
#top_menu #trellises, #top_menu #trellises_selected {
	background:url(../images/menu_trellises.jpg) 0 -26px no-repeat;
	width:65px;
}
#top_menu #arbors, #top_menu #arbors_selected {
	background:url(../images/menu_arbors.jpg) 0 -26px no-repeat;
	width:57px;
}
#top_menu #railings, #top_menu #railings_selected {
	background:url(../images/menu_railings.jpg) 0 -26px no-repeat;
	width:66px;
}
#top_menu #privacy_screens, #top_menu #privacy_screens_selected {
	background:url(../images/menu_privacy_screens.jpg) 0 -26px no-repeat;
	width:125px;
}
#top_menu #retaining_walls, #top_menu #retaining_walls_selected {
	background:url(../images/menu_retaining_walls.jpg) 0 -26px no-repeat;
	width:118px;
}
#top_menu #home:hover {
	background:url(../images/menu_home.jpg) 0 0 no-repeat;
}
#top_menu #decks:hover, #top_menu #decks_selected {
	background:url(../images/menu_decks.jpg) 0 0 no-repeat;
}
#top_menu #fences:hover, #top_menu #fences_selected {
	background:url(../images/menu_fences.jpg) 0 0 no-repeat;
}
#top_menu #gates:hover, #top_menu #gates_selected {
	background:url(../images/menu_gates.jpg) 0 0 no-repeat;
}
#top_menu #trellises:hover, #top_menu #trellises_selected {
	background:url(../images/menu_trellises.jpg) 0 0 no-repeat;
}
#top_menu #arbors:hover, #top_menu #arbors_selected {
	background:url(../images/menu_arbors.jpg) 0 0 no-repeat;
}
#top_menu #railings:hover, #top_menu #railings_selected {
	background:url(../images/menu_railings.jpg) 0 0 no-repeat;
}
#top_menu #privacy_screens:hover, #top_menu #privacy_screens_selected {
	background:url(../images/menu_privacy_screens.jpg) 0 0 no-repeat;
}
#top_menu #retaining_walls:hover, #top_menu #retaining_walls_selected {
	background:url(../images/menu_retaining_walls.jpg) 0 0 no-repeat;
}
#container .col_left {
	float:left;
	width:272px;
}
#container .col_right {
	float:right;
	width:508px;
	text-align:center;
	font-size:20px;
	line-height:25px;
	color:#ebead4;
}
#container .col_left_t {
	height:75px;
	background:url(../images/creative.gif) top left no-repeat;
}
.col_right .text {
	background:url(../images/contact_lbg.jpg) top left repeat;
	padding:16px 0 42px; 
	margin-left:5px;
	margin-right:10px;
}
.sep {	
	background:url(../images/contact_lbg.jpg) top left repeat;
	height:7px;
	line-height:7px;
	margin-right:10px;
}
#copy {
	color:#7f7c6c;
	font-size:10px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	float:right;
	line-height:16px;
}
#container .col_left table div {
	height:70px;
	width:90px;
	display:block;
	overflow:hidden;
}
#container .col_left table div .high_light {
	width:88px;
	height:68px;
	position:absolute;
	display:block;
	z-index:1;
	background:url(../images/ie6gal_fix.png) -1px -1px no-repeat;
}
#container .col_left table div .high_light:hover {
	width:82px;
	height:62px;
	border:solid 3px #b6b599;
}
#img_container {
	margin-right:-10px;
}
/* contact */
#container_contact {
	width:700px;
	margin:0 auto;
}
#container_contact #header {
	height:176px;
	overflow:hidden;
}
#container_contact #top_menu {
	float:left;
}
#container_contact .col_left {
	float:left;
	width:265px;
	background:url(../images/contact_lbg.jpg) top left repeat;
	font-size:14px;
	line-height:24px;
	color:#ebead4;
	text-align:center;
}
#container_contact .col_right {
	float:left;
	color:#131207;
	width:435px;
}
#container_contact .col_left_t {
	height:42px;
	background:url(../images/contact_tl.jpg) top left no-repeat;
}
.cl_menu {
	padding:0 12px;
	margin:0;
}
.cl_menu li {
	display:inline;
	padding-left:12px;
	padding-right:2px;
	background:url(../images/cl_ul_bullet.png) left no-repeat;
}
.cl_menu li a {
	font-size:14px;
	line-height:24px;
	color:#ebead4;
	text-decoration:none;
}
.cl_menu li a:hover {
	text-decoration:underline;
}
.cl_menu .first {
	background:none;
	padding-left:4px;
}
.col_left_bot {
	background:url(../images/contact_bot.jpg) top left repeat;
	color:#242e0e;
	padding:0 20px;
	text-shadow:3px 3px 3px #5F5F48;
	border-bottom:#908c6f solid 1px;
}
.title {
	font-size:20px;
}
.col_right .left {
	width:120px;
	text-align:right;
}
.col_right .right {
	width:310px;
	text-align:left;
}
.col_right form {
	font-size:12px;
	line-height:16px;
	margin:0;
	padding:0;
}
.col_right form .h4 {
	padding-top:4px;
}
.col_right form textarea {
	height:65px;
}
.menu_bot {
	text-align:center;
	color:#7F7C6C;
	font-size:12px;
}
.menu_bot a {
	color:#131207;
	font-size:12px;
	text-decoration:none;
	margin:0 18px;
}
.menu_bot a:hover {
	text-decoration:underline;
}
#container .menu_bot {
	padding-top:5px;
}
#container_contact .menu_bot {
	padding-top:5px;
	margin-left:-10px;
}
#container_contact .menu_bot a {
	color:#131207;
	font-size:12px;
	text-decoration:none;
	margin:0 10px;
}
