/*
---------------------------------------------
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
--------------------------------------------- */

/* Imported Styles
--------------------------------------------- */
@import url(../js/shadowbox/shadowbox.css);

/* Global
--------------------------------------------- */
body {font:76% Verdana,Arial,Helvetica,sans-serif; margin:0; color:#000; line-height:1.5em; background:#011a18 url(../images/ttw_back.png) 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:#676d17; text-decoration:none;}
a:hover {color:#000; text-decoration:none;}
#left2col {color:#0f2411;}
#right2col {color:#c6e251;}
#mid2col {color:#c6e251;}
#left3col {color:#0f2411;}
#right3col {color:#bec64b;}
#mid3col {color:#c6e251;}
#single {color:#0f2411;}
#footer {color:#c6e251;}
#right2col .dark, #mid3col .dark {color:#0f3100;}

h1, h2, h3, h4, h5 {color:#cae258;}
h1 {font:bold 3.4em Cambria,Georgia,serif; margin:0 0 0.4em 0;}
h2 {font:bold 2.8em Cambria,Georgia,serif; margin:0 0 0.4em 0;}
h3 {font:bold 1.8em Cambria,Georgia,serif; margin:0 0 0.4em 0;}
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:#cae258;}
#left3col h1, #left3col h2, #left3col h3, #left3col h4, #left3col h5 {color:#181f05;}
#right3col h1, #right3col h2, #right3col h3, #right3col h4, #right3col h5 {color:#b1d4ed;}
#mid3col h1, #mid3col h2, #mid3col h3, #mid3col h4, #mid3col h5 {color:#cae258;}
#mid-kiosk h1, #mid-kiosk h2, #mid-kiosk h3, #mid-kiosk h4, #mid-kiosk h5 {color:#c7b23a;}
#single h1, #single h2, #single h2, #single h4, #single h5 {color:#181f05;}

/* Navigation
--------------------------------------------- */
ul#nav {width:880px; height:33px; margin:0; padding:0; background:#000;}
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:66px; height:33px;}
li#nav2 {width:88px; height:33px;}
li#nav3 {width:80px; height:33px;}
li#nav4 {width:72px; height:33px;}
li#nav5 {width:84px; height:33px;}
li#nav1 a {background:url(../images/ttw_nav.png) no-repeat; background-position:0 0;}
li#nav2 a {background:url(../images/ttw_nav.png) no-repeat; background-position:-64px 0;}
li#nav3 a {background:url(../images/ttw_nav.png) no-repeat; background-position:-154px 0;}
li#nav4 a {background:url(../images/ttw_nav.png) no-repeat; background-position:-234px 0;}
li#nav5 a {background:url(../images/ttw_nav.png) no-repeat; background-position:-308px 0;}
li#nav1 a:hover {background-position:0 -33px;}
li#nav2 a:hover {background-position:-64px -33px;}
li#nav3 a:hover {background-position:-154px -33px;}
li#nav4 a:hover {background-position:-234px -33px;}
li#nav5 a:hover {background-position:-308px -33px;}

ul#subnav {width:880px; height:33px; margin:0; padding:0; background:#300606;}
ul#subnav li {height:33px; float:left; padding:0; margin:0; display:block; text-indent:-9999px;}
ul#subnav li a {height:33px; color:#a5b946; display:block; overflow:hidden;}
ul#subnav li a:hover {color:#d8b838;}		
li#subnav1 {width:92px; height:33px;}
li#subnav2 {width:70px; height:33px;}
li#subnav3 {width:70px; height:33px;}
li#subnav4 {width:106px; height:33px;}
li#subnav5 {width:58px; height:33px;}
li#subnav6 {width:76px; height:33px;}
li#subnav7 {width:62px; height:33px;}
li#subnav1 a {background:url(../images/ttw_nav.png) no-repeat; background-position:0 -66px;}
li#subnav2 a {background:url(../images/ttw_nav.png) no-repeat; background-position:-94px -66px;}
li#subnav3 a {background:url(../images/ttw_nav.png) no-repeat; background-position:-166px -66px;}
li#subnav4 a {background:url(../images/ttw_nav.png) no-repeat; background-position:-236px -66px;}
li#subnav5 a {background:url(../images/ttw_nav.png) no-repeat; background-position:-344px -66px;}
li#subnav6 a {background:url(../images/ttw_nav.png) no-repeat; background-position:-404px -66px;}
li#subnav7 a {background:url(../images/ttw_nav.png) no-repeat; background-position:-484px -66px;}
li#subnav1 a:hover {background-position:0 -99px;}
li#subnav2 a:hover {background-position:-94px -99px;}
li#subnav3 a:hover {background-position:-166px -99px;}
li#subnav4 a:hover {background-position:-236px -99px;}
li#subnav5 a:hover {background-position:-344px -99px;}
li#subnav6 a:hover {background-position:-404px -99px;}
li#subnav7 a:hover {background-position:-484px -99px;}

/* Active Navigation
--------------------------------------------- */
li#nav1.active a {background-position:0 -33px;}
li#nav2.active a {background-position:-64px -33px;}
li#nav3.active a {background-position:-154px -33px;}
li#nav4.active a {background-position:-234px -33px;}
li#nav5.active a {background-position:-308px -33px;}

li#subnav1.active a {background-position:0 -99px;}
li#subnav2.active a {background-position:-94px -99px;}
li#subnav3.active a {background-position:-166px -99px;}
li#subnav4.active a {background-position:-236px -99px;}
li#subnav5.active a {background-position:-344px -99px;}
li#subnav6.active a {background-position:-404px -99px;}
li#subnav7.active a {background-position:-484px -99px;}

/* Layout
--------------------------------------------- */
#container-outer {margin:0 auto; padding:0; width:900px;}
#container-inner {margin:20px 0 20px 0; padding:10px; background:url(../images/ttw_trans.png) repeat;}
#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:#001a1e url(../images/ttw_header.png) no-repeat;}
#feature {width:880px; height:148px; 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:#7f9c07;}
.mid-info {margin:0; padding:0;}
.solo-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;}
.solo-entry {margin:0 0 2px 0; padding:0; background-color:#7f9c07;}
.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:#011d1c;}
#copyright {float:left; width:426px; margin:0; padding:7px 0 0 0;}
#velixir {float:left; width:426px; margin:0; padding:0; text-align:right;}

/* 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:#c8e063;}
#ttw-contact textarea {width:375px; margin:0.4em 0 1em 0; padding:3px; border:1px solid #5d7300; background:#c8e063;}
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 */