/**** Reset ****/

td,th,tr,thead,tfoot,tbody,caption,table,legend,label,form,fieldset,li,ul,ol,dd,dt,dl,var,tt,sup,sub,strong,strike,small,samp,s,q,kbd,ins,img,font,em,dfn,del,code,cite,big,address,acronym,abbr,a,pre,blockquote,p,h6,h5,h4,h3,h2,h1,iframe,object,applet,span,div,body,html{font-size:10px;font-weight:inherit;margin:0;padding:0;border:0;vertical-align:baseline}td,th,tr,thead,tfoot,tbody,caption,table,legend,label,form,fieldset,li,ul,ol,dd,dt,dl,var,tt,sup,sub,strong,strike,small,samp,s,q,kbd,ins,img,font,em,dfn,del,code,cite,big,address,acronym,abbr,a,pre,blockquote,p,h6,h5,h4,h3,h2,h1,iframe,object,applet,span,div,body,html,:focus{outline:0}body{line-height:1;color:black;background:white}ul,ol{list-style:none}table{border-collapse:separate;border-spacing:0}td,th,caption{text-align:left;font-weight:normal}q:after,q:before,blockquote:after,blockquote:before{content:""}q,blockquote{quotes:"" ""}html{height:100%;margin-bottom:1px}

/**** Layout ****/

body { background:url(../img/layout/wood_bg.jpg); }
#container { width:900px; margin:0 auto; padding:0 30px; }
#header { /*background:url(../img/layout/header_bg.png) repeat-x;*/ height:100px; position:relative;}
#logo { padding:10px 0 20px 0; }
#logo a { background:url(../img/layout/logo.png) no-repeat; text-indent:-9000px; width:344px; height:30px; display:block; font-size:22px; color:#fff; }
#content_wrapper { width:900px; overflow:hidden; position:relative; background:url(../img/layout/floor.jpg) no-repeat #241F1C; height:675px;}
#container > #content_wrapper { min-height:675px; height:auto;}
#content { padding:40px; color:#fff; position:relative; z-index:2; width:820px; overflow:hidden;}
#content_trans { background:url(../img/layout/trans_bg.png); position:absolute; top:0; left:0; right:0; bottom:0; z-index:1; }
#home_content, #content_slider { position:relative; width:900px; height:675px;}
#footer { border-top:1px solid #fff; width:900px; overflow:hidden; height:40px; margin-top:20px;}

/**** Fonts ****/

body { font-family:Arial, Helvetica, sans-serif; }
p, a, li, dd, strong, label, caption, td, th { line-height:1.5em; font-size: 12px;}
a, strong, em, span { font-size:inherit;}
p, #content ul { padding-bottom:.6em;}
h1, h2, legend { color: #F7714A; font-family:"Trebuchet MS", Verdana, sans-serif; padding-bottom:.6em;  }
legend { font-size:18px; padding:10px 0; }
h1 { font-size:20px; }
h2 { font-size:18px; }
#content li { list-style:disc inside; }
strong { font-weight:bold; color: #F7714A; }
em { font-size:1.4em; }
a { color:#84A5CF; text-decoration:none;   }
a:hover { color:#84A5CF; text-decoration: underline; }
#header .tel { font-size:22px; color:#fff; position:absolute; top:10px; right:0px;}
.inspiration p{ font-size:20px; color: #EEEEEE;}
#showcase_count { 
	font-size:30px; color: #F7714A; 
	position:absolute; bottom:40px; left:40px; 
	z-index:3; 
	padding:3px 10px;
	background:#2E2926;
}
.tel { white-space:nowrap;}
a.form_help { background:url(../img/layout/help_btn.png) no-repeat; display:inline; float:left; width:16px; height:16px; text-indent:-9000px; margin:2px 0 0 10px;}

/**** Homepage 2 col layout ****/

.dbl_col { display:inline; float:left; margin-top:20px;}
.dbl_col_a { width:400px; padding-right:20px;  }
.dbl_col_b { width:400px;  }

/**** Inner Page Layouts ****/

#testing_intro, .img_testing, .img_range, .col_a, .col_b, .table_wrapper { float:left; display:inline;}
/* Testing Page */
#testing_intro { padding:0 0 10px 0; }
#img_testing2 { padding-right:22px;}
#img_testing1, #img_testing3 { padding-bottom:20px;}
/* Range page */
.img_range { top:20px; right:0; position:absolute;}
#img_range1, #img_range2 { display:none;}
.range .col_a { width:550px; }
.range .col_b { width:250px; padding-left:20px; position:relative; }
/* Showcase */
.insp_1 .col_a { width:530px; }
.insp_1 .col_b { width:270px; padding-left:20px; }
.insp_2 .col_a { width:396px; }
.insp_2 .col_b { width:404px; padding-left:20px; }
.insp_3 .col_a { width:459px; }
.insp_3 .col_b { width:341px; padding-left:20px; }
.insp_4 .col_a { width:367px; }
.insp_4 .col_b { width:433px; padding-left:20px; }

#showcase_controls { width:100px; height:50px; position:absolute; top:50px; left:50px; z-index:3;}
.prev, .next { background:url(../img/layout/showcase-controls.png) no-repeat; 
	display:inline; float:left; width:50px; height:50px; 
	text-indent:-9000px;
}
.prev.disabled:hover { background-position:0 0;}
.next, .next.disabled:hover { background-position:-50px 0;}
.next.disabled:hover, .prev.disabled:hover { cursor:default;}
.next:hover { background-position:-50px -50px; }
.prev:hover { background-position:0 -50px; }


/**** Navigation ****/

#nav { width:870px; height:27px; padding:0 10px;  }
#nav li, #nav li a { display:inline; float:left; height:27px; position:relative; }
#nav li a { 
	color: #fff; 
	height:27px;
	text-indent:-9000px;
	background:url(../img/layout/nav-sprite.png) no-repeat;
}
#nav li { padding:0 10px;}
#nav-index { width:66px;}
#nav-index:hover, #nav-index.current { background-position:0 -27px;  }
#nav #nav-glass-floor-range { background-position:-83px 0; width:66px; }
#nav #nav-glass-floor-range:hover, #nav #nav-glass-floor-range.current { background-position:-83px -27px; }
#nav #nav-applications { background-position:-165px 0; width:115px; }
#nav #nav-applications:hover, #nav #nav-applications.current { background-position:-165px -27px; }
#nav #nav-dimensions { background-position:-293px 0; width:111px; }
#nav #nav-dimensions:hover, #nav #nav-dimensions.current { background-position:-293px -27px; }
#nav #nav-testing { background-position:-418px 0; width:74px; }
#nav #nav-testing:hover, #nav #nav-testing.current { background-position:-418px -27px; }
#nav #nav-details { background-position:-508px 0; width:74px; }
#nav #nav-details:hover, #nav #nav-details.current { background-position:-508px -27px; }
#nav #nav-inspiration { background-position:-597px 0; width:102px; }
#nav #nav-inspiration:hover, #nav #nav-inspiration.current { background-position:-597px -27px; }
#nav #nav-contact-us { background-position:-713px 0; width:102px; }
#nav #nav-contact-us:hover, #nav #nav-contact-us.current { background-position:-713px -27px; }


#footer_links { float:right;}
#footer_links li a, #footer_links li { display:inline; float:left; color:#fff; }
#footer_links li a { text-decoration:none; }
#footer_links li a:hover { text-decoration: underline; }
#footer_links li { padding:0 0 0 20px;}

#sub_nav dt a { font-size:16px;}
#sub_nav dd { padding-bottom:10px;}

/**** Gallery ****/

#gallery_wrapper { padding:10px 0;}
#pic_lrg, #pic_wrapper { width:450px; height:280px;  }
#gallery_thumbs, #main_img_wrapper, #gallery_thumbs li, #gallery_thumbs li a { display:inline; float:left;}
#gallery_thumbs { width:250px;}
#gallery_thumbs li { width:100px; padding:0 0 20px 25px;}
#gallery_thumbs li a { width:100px; }
#prev_img, #next_img { background:url(../img/layout/h2_arrow.png) no-repeat 0 0; text-indent:-9000px; display:inline; float:left; width:19px; height:22px;}
#prev_img { background:url(../img/layout/h2_arrow_lft.png) no-repeat 0 0; margin:0 10px 0 0;}
#prev_img:hover, #next_img:hover { background-position:0 -52px; }

/**** Images ****/

img.f_right { float:right; margin:0 0 20px 20px; display:inline;}
img.brdr { border:1px solid #fff;}
#why_glass_floors { margin:20px 0 20px 20px;}

/**** Forms ****/

input, textarea, select { display:inline; float:left; }
.text input, textarea, select { border:1px solid #333;}
.formField, .btnField, div.input { padding:6px 0; width:800px; overflow:hidden;}
.formField label, label, div.radio p { display:inline; float:left; width:200px;}
div.radio label { float:none; width:auto;}

#content div.formField li, div.radio li  { list-style:none; display:inline; float:left; width:200px;}
div.radio li { width:auto; padding-right:20px; }
.btnField .btn,.formField .verif { margin-left:200px;}
div.errorBox { background: #9F0000; padding:8px 12px; width:300px; overflow:hidden;
	position:absolute;
	right:40px;
	top:240px;
	width:240px;
	-moz-border-radius:10px; -webkit-border-radius:10px; 
}
#quote_form label, #quote_form div.radio p { width:160px;}
#quote_form div.radio ul { display:inline; float:left; overflow:hidden; }
#quote_form .dbl_col { margin:0;}
#quote_form .dbl_col_a { width:460px; padding-right:20px;  }
#quote_form .dbl_col_b { width:340px;  }

#perim_detail { position:relative; padding:0 0 0 30px;}
#perim_detail input { position:absolute;}
#perim_detail label { padding:0 0 10px 0;} 
#perim_detail p { clear:both;}
#perimeter_detail_left_a { top:90px; left:10px; }
#perimeter_detail_right_a { top:90px; left:308px; }
#perimeter_detail_left_b { top:220px; left:10px; }
#perimeter_detail_right_b { top:220px; left:308px; }

#contact_form .radio ul { padding-left:200px;}

#brochure_form label { display:block; float:none;}
#brochure_form .formField, #brochure_form .btnField { width:185px; display:inline; float:left;  padding-top:0; position: relative; }
#brochure_form .btnField .btn { margin-left:0; }
#brochure_form label.error { position: absolute; top:0; left:40px;}

/**** Form Errors ****/

#quote_form label.error { 
	clear:both; background:url(../img/layout/error_ex.png) no-repeat #8F0000 5px 2px; display:block; padding:2px 8px 2px 20px; width:auto;
	margin:4px 0 0 160px;
	border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;
}
input.error, textarea.error, select.error { border:1px solid #8F0000; background:#FFDFDF;}

/**** Form Help ****/

#prog_bar { width:820px; height:30px; background:url(../img/layout/prog_bar.jpg) no-repeat; text-indent:-9000px; margin-bottom:20px;}
#prog_bar.part2 { background-position:0 -30px;}
#prog_bar.part3 { background-position:0 -60px;}
#tt_container {  
	width:280px; background:url(../img/layout/help_bg.png) repeat-x #A8A8A8; padding:6px 10px 2px 10px; position:absolute; display:none; z-index:100;  
	border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;
}
div.help_text { display:none;}
#tt_close { background:url(../img/layout/help_close.png) no-repeat; width:24px; height:24px; position:absolute; top:-8px; right:-8px; }
#tt_close:hover { cursor:pointer;}
#tt_container strong, #tt_container { color:#333;}
#tt_container p:first-child { padding-bottom:.1em; }
#tt_content { text-align:center;}
#tt_content p { text-align:left;}
#tt_content img { padding-bottom:8px;}

/**** Pricing Tables ****/

table.prices { margin-bottom:10px; }
caption { color:#F7714A; font-size:16px;}
td, th { padding:0 20px; font-size:12px; height:30px; line-height:30px;} 
th { background:url(../img/layout/th_bg.png) repeat-x #FFFFFF; color:#333; font-weight:bold;}
td { background:url(../img/layout/td_bg.png) repeat-x #484848; color:#fff;}
.table_wrapper { padding-right:100px;}
td.price { color: #F7714A; font-size:14px; text-align:right; }

/**** Misc ****/

#prices_btn { 
	width:47px; height:154px; position:fixed; right:0; top:100px; 
	overflow:hidden; background:url(../img/layout/prices_btn.png) no-repeat -47px 0; 
	display:block; text-indent:-9000px; z-index:5;
}
* html #prices_btn { position:absolute;} /* for IE6 */
#prices_btn:hover { background-position:0 0;}
.clear { clear:both;}