/*
---------------------------------------------
Style: Nature
Description: Natural theme with rich greens, blues and reds.
Author: Visual Elixir
Author URI: http://www.visualelixir.com
Copyright: Visual Elixir, All Rights Reserved
--------------------------------------------- */


/* Global
--------------------------------------------- */
body {
	font:76% Verdana,Arial,Helvetica,sans-serif;
	margin:0;
	color:#000;
	line-height:1.5em;
	background-color: #64775C;
	background-image: url(../images/ttw_back.png);
	background-repeat: repeat-x;
}
img {border-style:none;}
ul,li {list-style-type:none; margin:0 0 1em 0; padding:0; line-height:1.5em;}

/* Typography
--------------------------------------------- */
p {margin:0 0 1.4em 0; font-size:1em;}
a {color:#033; text-decoration:none;}
a:hover {color:#C9C097; text-decoration:none;}
#left2col {
	color:#705839;
}
#right2col {color:#503D32;}
#mid2col {color:#003333;}
#left3col {color:#0f2411;}
#right3col {color:#A8582A;}
#mid3col {
	color:#090; }
#single {color:#0f2411;}
#footer {color:#503D32;}
#right2col .dark, #mid3col .dark {color:#003333;}

h1, h2, h3, h4, h5 {
	color:#003333;
}
h1 {font:bold 3.4em Cambria,Georgia,serif; margin:0 0 0.4em 0;}

h2 {
	margin:0 0 0.4em 0;
	font-family: Cambria, Georgia, serif;
	font-size: 2.4em;
	font-weight: bold;
	line-height: 1em;
}
#right2col .dark, #mid3col h2 {
	color:#003333;
	
	
}

#points ul,li {
	margin-left:45px;
	color: #503D32;
	list-style-type: square;
	padding-left:10px; 	
	}

h3 {
	margin:0 0 0.4em 0;
	font-family: Cambria, Georgia, serif;
	font-size: 1.5em;
	font-weight: bold;
}
h4 {font:bold 1.2em Cambria,Georgia,serif; margin:0 0 0.4em 0;}
h5 {font:bold 1em Cambria,Georgia,serif; margin:0 0 0.4em 0;}

#header h1, #header h2, #header h3, #header h4, #header h5 {display:none;}
#left2col h1, #left2col h2, #left2col h3, #left2col h4, #left2col h5 {color:#181f05;}
#right2col h1, #right2col h2, #right2col h3, #right2col h4, #right2col h5 {
	color:#F0F0F0;
}
#left3col h1, #left3col h2, #left3col h3, #left3col h4, #left3col h5 {color:#181f05;}
#right3col h1, #right3col h2, #right3col h3, #right3col h4, #right3col h5 {
	color:#C9C097;
}
#mid3col h1, #mid3col h2, #mid3col h3, #mid3col h4, #mid3col h5 {
	color:#003333;
}
#mid-kiosk h1, #mid-kiosk h2, #mid-kiosk h3, #mid-kiosk h4, #mid-kiosk h5 {color:#C9C097;}
#single h1, #single h2, #single h2, #single h4, #single h5 {color:#181f05;}

/* Navigation
--------------------------------------------- */
ul#nav {
	width:880px;
	height:33px;
	margin:0;
	padding:0;
	background-color: #503D32;
}
ul#nav li {height:33px; float:left; padding:0; margin:0; display:block; text-indent:-9999px;}
ul#nav li a {height:33px; color:#a5b946; display:block; overflow:hidden;}
ul#nav li a:hover {color:#d8b838;}		
li#nav1 {width:81px; height:33px;}
li#nav2 {width:101px; height:33px;}
li#nav3 {width:87px; height:33px;}
li#nav4 {width:99px; height:33px;}
li#nav5 {width:80px; height:33px;}
li#nav6 {width:101px; height:33px;}
li#nav1 a {background:url(../images/home_nav.png) no-repeat; }
li#nav2 a {background:url(../images/products_nav.png) no-repeat;}
li#nav3 a {background:url(../images/contact_nav.png) no-repeat; }
li#nav4 a {background:url(../images/about_nav.png) no-repeat; }
li#nav5 a {background:url(../images/hours_nav.png) no-repeat; }
li#nav6 a {background:url(../images/location_nav.png) no-repeat; }
li#nav1 a:hover {background-position:0px -33px;}
li#nav2 a:hover {background-position:0px -33px;}
li#nav3 a:hover {background-position:0px -33px;}
li#nav4 a:hover {background-position:0px -33px;}
li#nav5 a:hover {background-position:0px -33px;}
li#nav6 a:hover {background-position:0px -33px;}

ul#subnav {width:880px; height:33px; margin:0; padding:0; background:#000}
ul#subnav li {height:33px; float:left; padding:0; margin:0; display:block; text-indent:-9999px;}
ul#subnav li a {height:33px; color:#003333; display:block; overflow:hidden;}
ul#subnav li a:hover {color:#d8b838;}		
li#subnav1 {width:220px; height:66px;}
li#subnav2 {width:250px; height:66px;}
li#subnav3 {width:182px; height:66px;}
li#subnav4 {width:203px; height:66px;}

li#subnav1 a {background:url(../images/prefinish2_subnav.png) no-repeat; }
li#subnav2 a {background:url(../images/vinyl2_subnav.png) no-repeat; }
li#subnav3 a {background:url(../images/profile2_subnav.png) no-repeat; }
li#subnav4 a {background:url(../images/mfg2_subnav.png) no-repeat; }

li#subnav1 a:hover {background-position: 0px -33px;}
li#subnav2 a:hover {background-position: 0px -33px;}
li#subnav3 a:hover {background-position: 0px -33px;}
li#subnav4 a:hover {background-position: 0px -33px;}

/* Active Navigation
--------------------------------------------- */
li#nav1 a:active {
	background-position:0px -33px;
	background-image: url(../images/home_nav.png);
	background-repeat: no-repeat;
}
li#nav2 a:active {
	background-position:0px -33px;
	background-image: url(../images/products_nav.png);
	background-repeat: no-repeat;
}
li#nav3 a:active {
	background-position:0px -33px;
	background-image: url(../images/contact_nav.png);
	background-repeat: no-repeat;
}
li#nav4 a:active {background:url(../images/about_nav.png) no-repeat background-position:0px -33px;}
li#nav5 a:active {background:url(../images/hours_nav.png) no-repeat; background-position:0px -33px;}

li#subnav1 a:active {background:url(../images/prefinish2_subnav.png); background-position:0px -33pxpx;}
li#subnav2 a:active {background:url(../images/vinyl2_subnav.png); background-position:0px -33pxpx;}
li#subnav3 a:active {background:url(../images/profile2_subnav.png); background-position:0px -33pxpx;}
li#subnav4 a:active {background:url(../images/mfg2_subnav.png); background-position:0px -33pxpx;}

/* Layout
--------------------------------------------- */
#container-outer {margin:0 auto; padding:0; width:900px;}
#container-inner {
	margin:20px 0 20px 0;
	padding:10px;
	background-color: #C9C097;
	background-repeat: repeat-x;
	background-image: url(../images/ttw_backinner.png);
}
#content {margin:10px 0 0 0; padding:0;}
.box1 {background:#d4d98f url(../images/ttw_1col_bkg.png) repeat-y;}
.box1-top {background:url(../images/ttw_1col_top.png) top no-repeat;}
.box1-btm {background:url(../images/ttw_1col_btm.png) bottom no-repeat;}
.box2 {background:#6f8a00 url(../images/ttw_2col_bkg.png) repeat-y;}
.box2-top {background:url(../images/ttw_2col_top.png) top no-repeat;}
.box2-btm {background:url(../images/ttw_2col_btm.png) bottom no-repeat;}
.box3 {background:#021317 url(../images/ttw_3col_bkg.png) repeat-y;}
.box3-top {background:url(../images/ttw_3col_top.png) top no-repeat;}
.box3f-top {background:url(../images/ttw_3fcol_top.png) top no-repeat;}
.box3-btm {background:url(../images/ttw_3col_btm.png) bottom no-repeat;}

#header {
	margin:0;
	padding:0 0 88px 0;
	background-color: #FFF;
	background-image: url(../images/ttw_header.png);
	background-repeat: no-repeat;
}
#feature {width:880px; height:250px; margin:0; padding:0; background:url(../images/ttw_feature.jpg) no-repeat;}
#left3col {float:left; width:370px; margin:0; padding:14px;}
#right3col {float:left; width:218px; margin:0; padding:14px;}
#mid3col {float:left; width:207px; margin:0; padding:14px;}
#single {float:left; width:852px; margin:0; padding:14px;}
#left2col {float:left; width:370px; margin:0; padding:14px;}
#right2col {float:left; width:442px; margin:0; padding:14px;}

.mid-title {
	margin:0;
	padding:6px 12px 0 12px;
	display:block;
	width:184px;
	height:25px;
	color:#c7b23a;
	background:url(../images/ttw_mid_wood.png) no-repeat;
	cursor:pointer;
}
.mid-entry {
	margin:0 0 2px 0;
	padding:0;
	background-color:#81AEB8;
}
.mid-info {margin:0; padding:0;}
.solo-title {
	margin:0;
	padding:6px 12px 0 12px;
	display:block;
	width:184px;
	height:25px;
	color:#C9C097;
	background:url(../images/ttw_mid_wood.png) no-repeat;
	cursor:pointer;
}
.solo-entry {
	margin:0 0 2px 0;
	padding:0;
	background-color:696969;
}
.solo-info {margin:0; padding:0;}
.padme {padding:12px;}
.contact {
	padding:48px 60px;
}

.samples {width:218px; margin:0; padding:0;}
.sample-feature {margin:0; padding:0 0 10px 0;}
.samples ul {width:218px; margin:0; padding:0; overflow:visible;}
.samples li {float:left; width:98px; margin:0 5px 10px 5px; padding:0; text-align:center; display:inline;}
.samples img {border:3px solid #0e3842; background:#092d36; padding:1px;}
.samples a:hover img {border:3px solid #144956; background:#092d36; padding:1px;}

/* Footer
--------------------------------------------- */
#footer {clear:both; margin:0; padding:14px; font-size:0.9em; background:#503D32;}
#copyright {
	float:left;
	width:426px;
	margin:0;
	padding:7px 0 0 0;
	color: #C9C097;
}


/* Forms
--------------------------------------------- */
#ttw-contact {margin:0; padding:0; font-size:1em;}
#ttw-contact label {margin:0; padding:0 0 20px 0;}
#ttw-contact input {
	width:375px;
	margin:0.4em 0 1em 0;
	padding:3px;
	border:1px solid #5d7300;
	background-color: #81AEB8;
}
#ttw-contact textarea {width:375px; margin:0.4em 0 1em 0; padding:3px; border:1px solid #5d7300; background:#81AEB8;}
fieldset {margin:0; padding:10px 0 10px 0; border:0; }
legend {display:none;}
ul.zemError {margin:0; padding:0 0 15px 0;}
ul.zemError li {margin:0; padding:0; font-size:1.1em;}
#ttw-contact .zemSubmit {width:98px; height:31px; margin:0; padding:0; border:0; font-weight:bold;}

/* Clear
--------------------------------------------- */
.clr:after {
visibility: hidden;
display: block;
font-size: 0;
content: " ";
clear: both;
height: 0;
}
.clr { display: inline-block; }
/* start commented backslash hack \*/
* html .clr { height: 1%; }
.clr { display: block; }
/* close commented backslash hack */

/* The End */