/*
Theme Name: taozen
Author: www.orbitalvoice.com
*/

body{
	padding:0;
	margin:0;
	background:#717272;
	}
	
* html{ behavior:url(../csshover.htc); }

#content_wraper {
	width:690px;
	margin:0 auto;
	}

#header {
	width:690px;
	height:188px;
	background:url(http://taozenflooring.com//wp-content/themes/taozen/images/header_bg.png) repeat-x left;
	}

h1{clear:none;}
h1 img{padding-top:0px; margin-top:0;}
* html  h1{float:left;}
#top{
	margin: 0px 0 0px 0px;
	padding:5px 0 0 0;
	clear:none;
	}
    * html #top{padding:0; float:left; margin:15px 0 0 0;}
    .phone-number{float:right; text-align:right; font:bold 13px trebuchet ms, verdana, arial, sans;padding:2px 6px 0 0; width:600px; color:#fff;}

#menu_wraper {
	text-align:center;
    margin:0px 0 0 3px;
	padding-top:0px;
    clear:both;
	}
	
#content {
	width:690px;
	background:#EBE9EC url(images/content_bg.gif) repeat-y left;
}

#maincontent {
	float: right;
	width:562px;
	padding:0;
	margin:0;
	}

#sidebar{
	float:left;
	width:128px;
	padding:0;
	margin:0;
	}

#footer {
	width:690px;
	height:55px;
	padding:0;
	margin:0;
	text-align:center;
	color:#afb1b1;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	}

/****************** Styles *************/

.spacer{clear:both; height:0px; font-size:0px; line-height:0px; margin:0; }
.spacer-tall{clear:both; height:0px; font-size:0px; line-height:0px; margin:10px 0;}
h1{float:left;margin: 10px 0 0 0px;padding:0px;clear:none;}
a img { border:none;}


a:link, a:visited, a:hover, a:active{border:none;}
.active a.special:link, .active a.special:visited, .active a.special:active {color: #FFFFFF;background-color: #6BC800; border:none;}
a.special:link, a.special:visited, a.special:active {color: #6BC800;background-color: transparent;text-decoration: none; border:none;}
a.special:hover {color: #FFFFFF;background-color: #6BC800; border:none;}
a.care-link{margin-left:6px;}
.errormsg{padding-left:10px; margin-left:0px; height:20px; }
.error-pane{height:20px;display:block; }
.error{color:#E9AB48; font-weight:bold; margin-left:70px;}
* html .error{margin-left:63px;}
.red{color:#E9AB48}
.upper{text-transform:uppercase;}
.first{}
	* html .first{margin-top:9px;}
.middle{margin:0 34px 0 34px;}
.pagenation{padding:10px 0 0 0; text-decoration:none; color:#999999; font-size:11px;}
.name{color:#AAAAAC;}
.qoutes{color:#AAAAAC; font-weight:bold;}
#latest{ padding:22px 0 30px 39px; border-bottom:1px #fff solid; margin: 0 0 0px 0;}
.more{margin:15px 15px 0 30px;}


.form-link ul { list-style:none; font: 12px verdana, arial; margin:15px 0 0 12px; padding:0; background:none; color: #A3A991}
.form-link ul li { margin:0; padding:0; background:none;}
.form-link  ul li a:link, .form-link  ul li a:visited{color: #A3A991; text-align:center; background-image:none; background: #F1FDAF  url(images/blank.gif); display:block; padding:4px; font: bold 12px verdana, arial; border:1px solid #cfcfcf;}
.form-link  ul li a:hover, .form-link ul li a:active, .form-link ul li.on a:link,  .form-link ul li.on a:visited, .form-link ul li.on a:hover, .form-link ul li.on a:active{color: #6BC800;  font: bold 12px verdana; background: #F1FDAF url(images/blank.gif) no-repeat;   border:1px solid #cfcfcf;}
/****************** Menu *************/

ul#menu{ margin:0 auto; width:648px; padding: 0; list-style:none; font: 14px/14px verdana, helvetica, arial, sans; color:#ffffcc;}
#menu li{float:left; text-align:right; margin:0 4px 0 0; padding:0;}


/****************** Sidebar *************/

#side_to_swf{margin:0; padding:0;}

#promo{margin:52px 0 0 0;  text-align:center;  display:block;}
	
/****************** Main Content *************/

.maincontent_box{padding:20px; color: #000; font-size: 11px; font-family: "trebuchet ms"; text-decoration: none; text-align: left;}
* html .maincontent_box{padding-right:0px;}
.maincontent_box p{padding:0; margin:15px 0 10px 0px; width:294px}
	* html .maincontent_box p{width:290px;}
.maincontent_box_left{width:300px; float:left;}
.maincontent_box_testimonial{width:320px; float:left;}
.maincontent_box_testimonial p{font-size:13px; font-family:Georgia; font-style:italic; width:320px; margin:15px 0 10px 10px; }
.maincontent_box_testimonial_right{font-size:13px; float:left; font-family:Georgia; border-left:1px #FFF solid; padding:0px 0 20px 0px; margin:0 0 0 30px; width:169px;}
.maincontent_box_testimonial_right ul{list-style:none; margin: 20px 0 0 20px; padding:0;}
.maincontent_box_testimonial_right ul li{padding:1px 0 2px 10px; cursor:pointer}
.maincontent_box_testimonial_right ul li a,.maincontent_box_testimonial_right ul li a:active{ text-decoration:none; font-size:12px; color:#000000;font-family:Georgia;cursor:pointer }
.maincontent_box_testimonial_right ul li:hover, .maincontent_box_testimonial_right ul li.on{background: url(images/list_bg.gif) no-repeat;cursor:pointer}
.maincontent_box_rightimages{float:right; margin:30px 32px 0 10px;clear:both; text-align:center;}	
.maincontent_box_rightimages img{margin-bottom:15px;}
	* html .maincontent_box_rightimages{margin-right:27px; margin-bottom:10px;}		
.maincontent_box_row {padding:0px 0 10px 0; margin:0}
.maincontent_box_row p {width:300px;}
.maincontent_box_wrap{padding:15px 0 10px 0; margin:0;}
	* html .maincontent_box_wrap{padding-bottom:5px; padding-top:10px;}		
.maincontent_box_gallery{width:140px; height:170px; float:left; margin:10px 30px 0px 0;}
.maincontent_box_gallery p{margin: 5px 0 0 0; padding: 0; width:140px; color:#999999; font-size:10px;}
	* html .maincontent_box_gallery p{width:139px;}
.maincontent_box_right_row_images{float:right; margin:0px 4px 0 0; }
	* html .maincontent_box_right_row_images{margin-right:2px; padding-top:6px;}		
.maincontent_box_right{float:right; margin:40px 0 0 0; width:190px;}
.maincontent_box_right_contact{float:left; margin:40px 0 0 0; width:190px;}
.maincontent_box_right p{float:right; margin:40px 20px 0 0; width:170px;}	
.maincontent_box_right ul{list-style:none;padding:0 0 50px 0;margin:0;}	
.maincontent_box_right img {padding:10px 0 10px 0;}
.maincontent_box_right_contact {text-align:right;}
.maincontent_box_right_contact img{padding:0 0 10px 0;}
	* html .maincontent_box_right_contact img{padding:0 0 7px 0;}
.maincontent_box_right_contact p{ margin:0px 0 10px 55px; width:120px; text-align:left;}
	* html .maincontent_box_right_contact p{ margin:0px 0 10px 20px; width:120px;}
.maincontent_box_right ul li {padding:0px 0 2px 0px;}
.maincontent_box h2{margin:0;padding:0px;clear:none;}	
.maincontent_box_belowimages{padding:20px 0 0;clear:both;}
.maincontent_box_topimages{}
.maincontent_box_below{padding:10px 0 20px 38px;color: #000; font-size: 11px; font-family: "trebuchet ms";text-align: left;}
.maincontent_box_below p{padding:0px 0 0px 10px; margin:15px 0 10px 0;}
.maintenance-pane h3{font: bold 15px "trebuchet ms", verdana, sans;}
.maintenance-pane p{ margin:15px 0 10px 0px; width:auto;}
.maintenance-pane ul{ list-style: none;  padding:0; margin:0; width:auto; }
.maintenance-pane ol{padding:0 0 0 20px; margin:0; width:auto;}
.maintenance-pane ol li{ margin:8px 0;}
.maintenance-pane ul li{ margin:8px 0; padding:0 0 0 20px;  background: transparent url(images/bullet.gif) no-repeat 0 6px;}

.content-pane-top{padding:15px 0; margin:10px 0; clear:both; height:495px; }
	* html .content-pane-top{padding:0px 0; margin:0;}
.content-pane-top h2{padding:10px 0;padding:0px;clear:none;}	
    .hours{width:95%; margin-top:10px;}
	
.content-pane-top p{padding:0px 10px 0px 0px; margin:0 0 8px 0; }
.top{margin-top:0;}
.content-pane-top p{font-size: 11px; font-family: "trebuchet ms";font-style: normal;}

#installation {padding:0;border:1px #6BC702 solid; width:520px;}
.intall-img-left{padding:8px 4px 8px 8px;}
.intall-img-right{padding:8px 8px 8px 4px;margin:0 0 21px 0}

.form-link ul { list-style:none; font: 12px verdana, arial; margin:15px 20px 0 30px;  padding:0; background:none; color: #A3A991}
.form-link ul li { margin:0; padding:0; background:none;}
.form-link ul li a:link, .form-link  ul li a:visited{color: #A3A991; text-align:center; background-image:none; background: #F1FDAF  url(images/blank.gif); display:block; padding:4px; font: bold 12px verdana, arial; border:1px solid #cfcfcf;}
.form-link ul li a:hover, .form-link ul li a:active, .form-link ul li.on a:link,  .form-link ul li.on a:visited, .form-link ul li.on a:hover, .form-link ul li.on a:active{color: #6BC800;  font: bold 12px verdana; background: #F1FDAF url(images/blank.gif) no-repeat;   border:1px solid #cfcfcf;}
/********** Request Form******************/

input, textarea{background:#fff;  clear:none;border:1px solid #717272; }
/*input:focus , textarea:focus {background-color: #F8FFCF; border:1px solid #717272;}*/
.request-form label{width:70px; float:left; color:#000; clear:none;}
.request-form label.checkbox,.contact-form label.checkbox{width: auto; float:none; color:#000;}

.request-form p.testbox-p{height:30px;}

.request-form p.testbox-t{height:120px;}
* html .request-form p.textbox-p{height:50px; display:block;}

* html .request-form{margin-top:32px;}
.request-form #submit{ color: #fff;background: #8d8d8d ; border: 2px outset #d7b9c9;font-weight:bold;font-family:verdana;}
.request-form textarea{width:215px; height:100px; /*border:1px solid #7F9DB9;*/}
.request-form textarea#comments{ width:215px; }
    * html .request-form textarea #comments{overflow-y: scroll; }
.request-form  button{ width:70px;}
.request-form p,.request-form .fakeform p,.request-form .realform p{padding:0; margin:10px 0 5px 0; width:350px;}
* html .request-form p{margin:0;}
.request-form p label{width:70px;}
* html .request-form p label{width:60px;}
.request-form input{width:205px;}
.request-form .fakeform input{width:135px;}
.request-form input:hover.checkbox,.request-form input:focus.checkbox{ background:transparent;}
.request-form input.checkbox{width:auto; margin-left:70px; border:none; background:transparent;} 
* html .request-form input.checkbox{margin-left:67px; background:transparent;}
.request-form input.checkbox.inline{margin-left:15px; background:transparent;}
* html .request-form input.checkbox.inline{margin-left:13px; }
.request-form input.browse{border:none; }
* html .request-form input.browse{border:1px solid #717272;}
#subscribeForm{margin:0 20px 0 0;}
 .buttons{margin:10px 0 10px 0; padding:0 0 10px 0;}
.button_style{ text-align:left;}
.fileupload {
	-moz-opacity:0;
 filter:alpha(opacity: 0);
	-khtml-opacity: 0;
}
.fakeform{position: absolute;  z-index: 0; width:340px; margin:10px 0 0 0; padding:0;}

.realform{position: absolute;  z-index: 1; width: 340px; margin:10px 0 0 0; padding:0;}
.fakebutton{ vertical-align: top; padding: 0px ; margin:1px 2px 1px 0; width:200px; font-size:11px;  }

#tabsubmit{display: none;}

/*
#real-form #fname, #real-form #lname, #real-form #email, #real-form #location, #real-form textarea{width:241px; float:left;}
* html #real-form #fname, * html  #real-form #lname, * html #real-form #email, * html  #real-form #location, * html #real-form textarea{width:205px}

* html #real-form .testbox-p{margin:0 0 0 10px; padding:0; width:320px; display:block; height:40px;}
* html .maincontent_box_testimonial_right {padding: 0 0 20px 0; margin: 0; width: 169px; }

* html #real-form .testbox-t{width:300px; margin:0; padding:0; display:block; height:130px}
* html #real-form textarea{width:205px; margin:0 0 0 10px; display:block; }


 #real-form .red{float:right;}
* html #real-form .red{margin-right:10px;}

#real-form #info_location, #real-form .error{display:block; height:20px; }*/


/********** Footer ******************/
#footer_menu{height:19px;vertical-align:middle;background:#EBE9EC;font-size:10px;border:1px #FFFFFF solid;padding-top:7px;}
#footer_menu a{color:#afb1b1;text-decoration:none;}
#copy{background:#FFF;height:26px;font-size:10px; line-height:18px;padding:7px 0 0 10px; text-align:left;}
.copy-text{float:left; text-align:right; width:440px;}
.cc-img{ float:right; padding:0 10px 0 0;}


/*********Gallery*******************/
#gallery_container {position:relative; width:466px; height:268px; margin:-3px 0 0 15px;color: #000; font-size: 11px; font-family: "trebuchet ms";}
*html #gallery_container {width:466px;}
#gallery_container ul {width:133px; padding:0; margin:7px; list-style-type:none; float:right;}
*html #gallery_container ul{margin:7px 4px 0 7px;}
#gallery_container li {float:left; margin-bottom:0px;}
#gallery_container a.gallery2, #gallery_container a.gallery2:visited, #gallery_container a.on{display:block; color:#fff; text-decoration:none;margin:0px 0px 0px 0px; text-align:left;}
	
#gallery_container a.slideg {background: url(images/gallery.jpg) center; height:29px; width:125px;display:block; margin: 2px  0 0 2px;}
#gallery_container a.gallery2 span{position:absolute; width:0px; height:0px; top:0px; left:0px; margin:0; padding:0; overflow:hidden;}

#gallery_container a.gallery2 span.title{clear:both; margin:252px 0 0 0; height:0; border:0}

#gallery_container a.gallery2{height:59px; width:59px; padding:1px; border-right:5px solid #EBE9EC; border-bottom:5px solid #EBE9EC;}
#gallery_container a.gallery2:hover{border-bottom:5px solid #EBE9Ed;}

#gallery_container a.gallery2:hover span.outer{position:absolute; width:318px; height:243px; top:7px; color:#000; border:1px solid #6BC800; overflow:hidden;}
#gallery_container a.gallery2:hover span.inner{ position:absolute;width:300px; height:225px; color:#000; border: none; margin:9px}	

#gallery_container a.gallery2:hover span.title { clear:both; margin:260px 0 0 10px; height:30px; width:300px;border:0; background:#EBE9EC; font-size:8px;  font-family:helvetica; color:#808284; letter-spacing:+2px;}
#gallery_container a.on span.outer {position:absolute; width:318px; height:243px; top:7px;border:1px solid #6BC800; color:#000; background-color:#EBE9EC;}
#gallery_container a.on span.inner {position:absolute;width:300px; height:225px; color:#000; border: none; margin:9px}
#gallery_container a.on span.ontitle {clear:both; margin:260px 0 0 10px; height:30px; width:300px; border:0; background:#EBE9EC; font-size:8px;  font-family:helvetica; color:#808284; letter-spacing:+2px;}

.virtual-tour{font-size:14px;}

/**************Javascript Scrolling*****************/

.scrollinner{padding: 0px; position: absolute; width:300px; }
.scrollouter{overflow: hidden; position: relative; width: 300px; height: 305px; visibility: visible;}
	* html .scrollouter{height: 305px; width: 160px;}
#divContainer_1{}
#divContent_1{}
#sliderDiv1{}
.scroll_up{ margin:10px 0 0 30px;}
.scroll_down{margin:20px 0 10px 30px;}

/****************Subcribe********************/
#alertmsg p { width:500px;}
.side_menu{ width:128px; height:510px;}
* html .side_menu{height:520px;}
 .bamboo, .bamboo a,.bambooactive a, 
.hardwood, .hardwood a, .hardwoodactive a, 
.exotic, .exotic a, .exoticsactive a{
	height:117px;
    padding: 0;
	margin: 0;
	width:128px;
	}
.join, .join a, .joinactive a{
	height:159px;
    padding: 0;
	margin: 0;
	width:128px;
}	
.bamboo a, .bambooactive a,
.hardwood a, .hardwoodactive a, 
.exotic a, .exoticactive a, 
.join a, .joinactive a{
	float: left;
	}

.bamboo a, .bamboo a:visited {
	background: url(images/bamboo.png) 0 117px;
	}

.bamboo a:hover, .bambooactive a, .bambooactive a:visited{
	background: url(images/bamboo.png) 0 0;
	}

.hardwood a, .hardwood a:visited{
	background: url(images/hardwood.png) 0 117px;
	}

.hardwood a:hover, .hardwoodactive a, .hardwoodactive a:visited{
	background: url(images/hardwood.png) 0 0;
	}
		
.exotic a, .exotic a:visited{
	background: url(images/exotic.png) 0 117px;
	}

.exotic a:hover, .exoticactive a, .exotic.ctive a:visited{
	background: url(images/exotic.png) 0 0;
	}
		
.join a, .join a:visited {
	background: url(images/join.png) 0 159px;
	}

.join a:hover, .joinactive a, .joinactive a:visited{
	background: url(images/join.png) 0 0;
	}
    
    
#lightbox{
	position: absolute;
	top: 40px;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;

	}

#lightbox a img{ border: none; }

#outerImageContainer{
	position: relative;
	background-color: #000;
	width: 250px;
	height: 250px;
	margin: 0 auto;
	}

#imageContainer{
	padding: 10px;
	}
    
#imageContainer img{background: #000; padding: 75px 22px 22px; }  
/*the padding above also has to be set in the litebox-1.0.js file.   search for taozen and you''ll find the reference*/

#loading{
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
	}
    #loading, #loading img{  background:none;  padding:0; background-color: #000;}
#hoverNav{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
	}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{
	width: 49%;
	height: 100%;
	background: transparent url(../images/blank.gif) no-repeat; /* Trick IE into showing hover */
	display: block;
	}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }


#imageDataContainer{
	font: 10px Verdana, Helvetica, sans-serif;
	margin: 0 auto;
	line-height: 1.4em;
	}

#imageData{
	padding:0 10px;
    color: #717272;
    background:#000;
    height:30px;	
	}
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData a:link#bottomNavClose, a:visited#bottomNavClose{ width: 17px; float: right;  margin-bottom: 0.7em; height:18px; background:url(../images/closelabel.gif) no-repeat center  top;}	
#imageData a:hover#bottomNavClose{ width: 17px; float: right;  margin-bottom: 0.7em; height:18px; background:url(../images/closelabel.gif) no-repeat center -18px ;}	

#objCopyright{margin-top:20px; text-align:left; font-weight:normal;}

#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #717272;
	}
	

.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
	}

* html>body .clearfix {
	display: inline-block; 
	width: 100%;
	}

* html .clearfix {
	/* Hides from IE-mac \*/
	height: 1%;
	/* End hide from IE-mac */
	}