/* The styles for each menu */

div.navilayer {position: absolute;
	visibility: hidden;
}


div.navilayer div {
	border-width: 4px;
	border-color: #000000;
	border-style: outset;
	padding: 3px;
	font-size: 16px;
	font-weight: bold;
}

body {
	font-family: helvetica, arial, sans-serif;
	font-size: 12px;
	text-align: left;
	padding: 0;
   margin: 0;
	color: #446256;
}

table {
	text-align: left;
	padding: 2px;
}

P {
	text-align: left;
   margin: 0 0 .8em 0;
   line-height: 1.5em;
}

ul  {
	margin: 10px 0 10px 0;
	padding: 0 0 0 2em;
}

ol {
   margin: 1em 0;
   padding: 0 0 0 1.55em;
}

   ol li {
      line-height: 1.5em;
   }

li {
	padding: 5px;
}

   #applications #tt_centre ul,
   #applications #tt_centre2 ul,
   #applications #tt_right ul {
      margin: 0 0 0 0;
      padding: 0 0 0 0;
      list-style-type: none;
   }

      #applications #tt_centre li,
      #applications #tt_centre2 li,
      #applications #tt_right li {
         margin: 0 0 0 0;
         padding: 0 0 .5em 0;
         line-height: 1.2em;
      }

   ul#benefits {
   	list-style-type: none;
   	margin: 20px 0 20px 0;
   	padding: 2px 0 2px 0;
   }
   
   ul#benefits li {
   	text-align: right;
   	color: #446256;
   	background:  transparent url('images/bull_benefits.gif') right center no-repeat;
   	padding: 0 12px 0 5px;
	margin-bottom: 5px;
   }

H1 {
   margin: 0 0 31px 0;
	font-size: 20px;
	font-weight: bold;
}
   
   h1.hide {
      display: none;
   }

H2 {
   margin: 0 0 1em 0;
   font-size: 12px;
	font-weight: bold;
	color: #009454;
	line-height: 1.2em;
}

H3 {
	font-size: 14px;
	font-weight: bold;
	text-align: center;
}

H4 {
	font-size: 21px;
	font-style: italic;
	text-align: center;
}


H5 {
	font-size: 21px;
	font-weight:normal;
	text-align: center;
}

SUP	{
	}
	
HR	{
	text-align:center;
	}
	
address {
   font-style: normal;
   margin: 0 0 0 0;
   line-height: 1.5em;
}
	

.boxon {margin-top:5px;font-family:sans-serif;font-size:14px;text-align:left;padding:2px;background-color:#bbbbbb;}
.boxonindent {padding-left:50pt;padding-right:50pt;}
.boxoff {margin-top:5px;font-family:sans-serif;font-size:14px;text-align:left;padding:2px;background-color:#dddddd;}
.boxoffindent {padding-left:50pt;padding-right:50pt;}



.top {border-top:40px solid #446256;width:900px;}
.bottom {border-bottom:40px solid #446256;width:900px;}

.tt_central_holder {width:770px;height:550px;}

.tt_left_align {text-align:left;}

.tt_left {width:245px;float:left;padding-left:0px;padding-right:5px;text-align:right;height:80%;}


.tt_centre {
margin-left:260px;
margin-right:255px;
border-left:solid 2px #009454;
border-right:solid 2px #009454;
padding-left:5px;
padding-right:5px;
text-align:left;height:80%;
}


.tt_right {
width:245px;float:right;padding-left:5px;padding-right:5px;text-align:left;height:80%;}

.tt_columns_left {float:left;border-left:solid 2px #009454;padding-left:5px;padding-right:5px;text-align:left;height:60%;font-size:10pt;}
.tt_columns_centre {margin-left:423px;margin-right:180px;border-left:solid 2px #009454;padding-left:5px;padding-right:5px;text-align:left;height:60%;font-size:10pt;}
.tt_columns_right {width:165px;float:right;border-left:solid 2px #009454;padding-left:5px;padding-right:5px;text-align:left;height:60%;font-size:10pt;}

.tt_ex_columns_left {float:left;border-left:solid 2px #009454;padding-left:5px;padding-right:5px;text-align:left;height:50%;font-size:10pt;}
.tt_ex_columns_centre {margin-left:423px;margin-right:180px;border-left:solid 2px #009454;padding-left:5px;padding-right:5px;text-align:left;height:50%;font-size:10pt;}
.tt_ex_columns_right {width:165px;float:right;border-left:solid 2px #009454;padding-left:5px;padding-right:5px;text-align:left;height:50%;font-size:10pt;}

.tt_ex_pos {float:left;margin-left:10px;text-align:left;margin-top:15px;}

.tt_ex_buttons {float:left;margin-left:50px;margin-top:80px;}
.tt_app_buttons {float:left;margin-left:50px;margin-top:80px;}

.tt_buttons {float:right;margin-right:5px;margin-top:50px;}
.tt_button {text-align:left;padding:5px;background-color:#446256;color:#ffffff;border-left:solid 10px #009454;}

.tt_top_color {color:#446256;font-weight:700;}
.tt_turf_color {color:#009454;font-weight:700;}
.tt_turf_colory {color:#009454;}

.tt_corp_etal {margin-left:-30px;font-size:90%;}

.tt_10pt {font-size:10pt;line-height:1.0em;}

.tt_pic_border {border:solid #446256 2px;padding:2px;}
.tt_ex_pic_border {padding:2px;}
.tt_example_nudge {margin-left:-30px;}

.tt_example_line_height {line-height:1.4em;}

.tt_gallery_pic {border:solid #446256 2px;padding:2px;text-align:center;}

div#tt_nifty{}

b.rtop, b.rbottom{display:block;background:#fff;}
b.rtop b, b.rbottom b{display:block;height:1px;overflow:hidden;background:#446256;}
b.r1{margin:0 5px;}
b.r2{margin:0 3px;}
b.r3{margin:0 2px;}
b.rtop b.r4, b.rbottom b.r4{margin: 0 1px;height: 2px;}

.tt_button_width {width:500px;}


.pageswitchbuttons {margin:0 2%;background:#446256;width:120px;text-align:left;color:#ffffff;font-size:9pt;background-image:url(pics/brightgreen7.gif);background-repeat:no-repeat;background-position:0% 50%;}
.pageswitchbuttons a {margin:0 2%;background:#446256;width:120px;text-align:left;color:#ffffff;font-size:9pt;text-decoration:none;}
.pageswitchbuttons a:hover, .linklist {color:#00FA8E;}




/* Karma: Top Green Bar*/
#topbar {
   height: 90px;
   background: #446256 url('images/topbar_bg.gif') top repeat-x;
}

   #topbar .left,
   #topbar .right {
      width: 114px;
      height: 90px;
   }
   
   #topbar .left {
      float: left;
      background: transparent url('images/topbar_cnr_l.gif') left bottom no-repeat;
   }
   
   #topbar .right {
      float: right;
      background: transparent url('images/topbar_cnr_r.gif') right bottom no-repeat;
   }
   
/* Karma: Bottom Green Bar*/
#botbar {
   height: 90px;
   background: #446256 url('images/botbar_bg.gif') bottom repeat-x;
}

   #botbar .left,
   #botbar .right {
      width: 114px;
      height: 90px;
   }
   
   #botbar .left {
      float: left;
      background: transparent url('images/botbar_cnr_l.gif') left top no-repeat;
   }
   
   #botbar .right {
      float: right;
      background: transparent url('images/botbar_cnr_r.gif') right top no-repeat;
   }


/* Karma: Navigation */
ul#nav {
   margin: 0 0 27px 0;
   padding: 0 15px 0 0;
   float: right;
	border: 0px solid #000;
}

   #nav li,
   #botnav li {
      margin: 0 31px 0 0;
      padding: 0 0 0 0;
      float: left;
      list-style-type: none;
      height: 20px;
      width: 81px;
   }
   
   #nav li#contact {
      width: 80px;
		margin-right: 0;
   }

      #nav li a,
      #botnav li a {
         display: block;
         height: 20px;
         width: 81px;
         overflow: hidden;
         text-indent: -9999em;
      }
      
      #nav li#applic a {
         background: transparent url('images/btn_applications.gif') left top no-repeat;
      }
      
      #nav li#example a {
         background: transparent url('images/btn_examples.gif') left top no-repeat;
      }
      
      #nav li#install a {
         background: transparent url('images/btn_install.gif') left top no-repeat;
      }
      
      #nav li#warranty a {
         background: transparent url('images/btn_warranty.gif') left top no-repeat;
      }
      
      #nav li#contact a {
         background: transparent url('images/btn_contact.gif') right top no-repeat;
         width: 80px;
      }
      
      #botnav li#home a {
         background: transparent url('images/btn_home.gif') right top no-repeat;
      }
      
      #nav li#applic a:hover,
      #nav li#example a:hover,
      #nav li#install a:hover,
      #nav li#warranty a:hover,
      #nav li#contact a:hover,
      #botnav li#home a:hover {
         color: black;
      }
      
ul#botnav {
   margin: 30px 0 0 248px;
}

/* content areas */
#content-wrap {
   width: 800px;
   margin: 5% auto 3%;
}

#column-wrap {
	border: none;
	background: url(images/columns_bg.gif) transparent top left repeat-y;
	background-position: -12px top;
}

	.contact #column-wrap {
		border: none;
		background: url(images/columns_bg_2.gif) transparent top left repeat-y;
		background-position: -12px top;
	}

   #applications #column-wrap {
	  background: url(images/bg_col.gif) transparent top left repeat-y;
		background-position: -12px top;
   }

#tt_left {
   position: relative;
   margin: 0 47px 0 0;
   padding: 0 0 0 0;
   float: left;
   width: 211px;
	border: 0px solid #000;
}

#tt_centre {
   margin: 0 0 0 0;
   padding: 0 0 0 0;
   float: left;
   width: 260px;
}

	.contact #tt_centre {
	   margin: 0 0 0 0;
	   padding: 0 0 0 0;
	   float: left;
	   width: 190px;
	}

#tt_right {
   margin: 0 0 0 0;
   padding: 0 0 0 0;
   float: right;
   width: 240px;
}

	.contact #tt_right {
	   margin: 0 0 0 0;
	   padding: 0 0 0 0;
	   float: right;
	   width: 300px;
	}

   #applications #tt_centre {
      margin: 0 50px 0 0;
      width: 150px;
   }

   #applications #tt_centre2 {
      width: 150px;
      float: left;
      line-height: 1.4em;
		border: 0px solid #000;
   }

   #applications #tt_right {
      width: 130px;
   }
   
#blurb {
   margin: 30px 0 0 272px;
}

#example-gallery {
   display: block;
   margin: 0 0 0 0;
}

/* general text styles */

a:link {
	color: #009454;
	text-decoration: none;	
}

a:visited {
	color: #009454;
	text-decoration: none;
}

a:hover {
	color: #009454;
	text-decoration: underline;
}


/* contact form */

#email_form div {
   margin: 0 0 10px 0;
}

#email_form label {
   display: inline;
}

#email_form .textbox {
   padding: 3px;
   border: 1px solid #bbb;
	width: 150px;
	margin-right: 3px;
}

#email_form textarea#comment {
	height: 185px;
	width: 150px;
	margin-right: 3px;
}

#email_form label.comment {
	position: relative;
	bottom: 180px;
}

#btn_send {
   height: 20px;
   width: 47px;
}


/* self clearing floats */
#topbar:after,

ul#nav:after,
#content-wrap:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

#topbar,
#botbar,
ul#nav,
#content-wrap {
   display: inline-block;
}

/* Hides from IE-mac \*/
* html #topbar,
* html #botbar,
* html ul#nav,
* html #content-wrap {
   height: 1%;
}

#topbar,
#botbar,
ul#nav,
#content-wrap {
   display: block;
}
/* End hide from IE-mac */