body {
	background-color:#ffffff;
	margin:0px;
	padding:0px;
	color: #777c7c;
	font-family: verdana, arial, helvetica;
	font-size: 12px;
}
html {min-height: 100%; 
margin-bottom: 1px; 
overflow:scroll; 
}
p{
margin:0px;
padding:0 0 5px 0;
line-height:17px;
text-align:justify;
}
p.tab{
padding:10px 0 10px 0;
font-size:11px;
}
h1{
	color:#CCC;
	font-size:22px;
	font-weight:bold;
	margin:0px;
	text-align:left;
}
h2{
	color:#333;
	font-size:14px;
	font-weight:bold;
	margin:0px;
}
h4{color:#036;
font-size:13px;
margin-top:-5px;
}
#main_container{
width:978px;
height:auto;
margin:auto;
background-color:#ffffff;
}

.thumb_project {
	float: left;
	width: 150x;
	height: 180px;
	margin-left: 0px;
	padding-bottom: 60px;
	padding-top: 50px;
}

.thumb_text {
	width: 130px;
	height: 80px;
	padding: 10px;
	
}

#header{
	width:978px;
	height:97px;
	margin-top:5px;
	padding-bottom:0px;
}
#top_grey{
	width:822px;
	height:57px;
	padding-bottom:0px;
	margin-left:167px;
	background-image: url(images/top_grey.png);
	background-repeat: no-repeat;
}
/*--------begin menu----------*/

#products {
  width:119px;
}
#dealers {
	width:192px;
}
#instructions {
  width:95px;
}
#contact {
  width:137px;
}
#pregra_pro {
  width:153px;
}#shop {
  width:104px;
}


#products a:hover {
  background:url(images/image001.png) no-repeat -176px -112px;
}
#dealers a:hover {
  background:url(images/image001.png) no-repeat -295px -112px;
}
#instructions a:hover {
  background:url(images/image001.png) no-repeat -487px -112px;
}
#contact a:hover {
  background:url(images/image001.png) no-repeat -582px -112px;
}
#pregra_pro a:hover {
  background:url(images/image001.png) no-repeat -719px -112px;
}#shop a:hover {
  background:url(images/image001.png) no-repeat -872px -112px;
}
#mid {background:url(images/mid.jpg);width:979px; height:113px; margin-left:-1px; margin-bottom:8px; text-indent:-10000px;
}
#mid a {
  display:block;
  width:100%;
  height:100%;
}
#mid2{width:294px; height:113px;
}
#mid2 a:hover {background:url(images/mid2.jpg); margin-left:-1px;
}
/*--------end menu----------*/

#logo{
	background:url(images/logo.png);
	float:left;
	overflow:hidden;
	width:167px;
	height:97px;
	text-indent:-10000px;
	padding-top: 0px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
}
#logo a {
  display:block;
  width:100%;
  height:100%;
}
#true{
float:right;
overflow:hidden;
  width:120px;
  height:18px;
  text-indent:-10000px;
  position:relative;
  top:-65px;
  left:540px;
}
#true a {
  display:block;
  width:100%;
  height:100%;
}
/*----------------------menu-------------------------*/
#menu{
width:460px;
height:24px;
float:right;
padding:45px 0 0 0;
}

#middle_box{
	width:978px;
	height:489px;
	clear:both;
	overflow:hidden;
	background:url(images/front.jpg) no-repeat;
	padding-bottom: 0px;
	padding-top: 0px;
	margin-top: 5px;
	margin-right: auto;
	margin-bottom: auto;
	margin-left: auto;
}

.green a {
  display:block;
  width:100%;
  height:100%;
  margin-top:0;
}
.title{
height:auto;
font-size:16px;
font-weight:bold;
padding:5px 0 0 5px;
color:#877685;
background-position:0px 0px;
}
a.read_more {
width:150px;
height:27px;
display:block;
background:url(images/view_all_bg.gif) no-repeat center;
line-height:27px;
color:#428fb8;
font-size:11px;
font-weight:bold;
text-decoration:none;
text-align:center;
float:right;
margin:15px 0 15px 0;
}
/*---------------------main_content------------------*/
#main_content{
width:978px;
height:auto;
}
.right_content{
	float:left;
	padding-top:10px;
	padding-left:10px;
	width:791px;
	height:372px;
	left: 102px;
}
#prod {
	width:985px;
	height:178px;
	background: url(images/pre_div.jpg)  no-repeat;
	margin-left:-5px;
	float:none;
	margin-top:-1px;
}
#prod p{
	float:left;
	overflow:hidden;
	width:898px;
	height:116px;
	color:#161616;
	text-align:left;
	font-size:9px;
	margin-top: 43px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 22px;
}
#e425 {width:979px;
	height:241px;
	background: url(images/425.jpg) no-repeat;
	padding-bottom:10px;
}
#e355 {width:979px;
	height:241px;
	background: url(images/335.jpg) no-repeat;
	padding-bottom:10px;

}
#e395 {width:979px;
	height:241px;
	background: url(images/395.jpg) no-repeat;
	padding-bottom:10px;

}
#e395_u {width:979px;
	height:241px;
	background: url(images/395-u.jpg) no-repeat;
	padding-bottom:10px;
}
#alpha {width:979px;
	height:241px;
	background: url(images/alpha.jpg) no-repeat;
	padding-bottom:10px;
}
#e375 {width:979px;
	height:241px;
	background: url(images/375.jpg) no-repeat;
	padding-bottom:10px;
}
#product_text{
margin:45px 2px 35px 22px;
float:left;
overflow:hidden;
  width:338px;
  height:128px;
color:#FFF;
text-align:center;
font-size:10px;
}
#product_under{
	margin:175px 20px 5px 10px;
	float:left;
	overflow:hidden;
	width:180px;
	height:52px;
	color:#FFF;
	text-align:center;
	font-size:18px;
}
#product_under a{
	color:#FFF;
	text-align:center;
	font-size:12px;
}
#product_text h1{font-size:14px;
text-align:center;
padding-bottom:8px;
}
/*--------begin menu----------*/


.left_content{
width:978px;
height:auto;
}
#left_menu{
	width:175px;
	height:473px;
	background-color:#5b5b5b;
	padding-top:10px;
	float:left;
	padding-left:-1px;
	color:#ffffff;
}
#left_menu ul {color:#FFF; 	
}
#left_menu ul li {list-style:none; margin-left:-36px; font-size:12px; }
#left_menu a {
	color:#FFF;
	display:block;
	text-decoration:none;
	padding-left:0px;
	padding-top:0px;
	padding-bottom:0px;

}
 #left_menu ul.menu1 li a:hover {
	color:#AAA;
    }
    #left_menu img {padding-top:5px; padding-left:4px;}
	
.clear{
clear:both;
}

/*-----------------------------footer------------------*/
#footer{
width:979px;
height:28px;
color: #508aa1;
border-top:1px #b2bbbb dashed;
}
.copyright{
float:left;
padding-left:15px;
padding-top:7px;
}
.footer_links{
float:right;
padding-right:15px;
padding-top:7px;
}

.app_footer{width:auto; height:70px; font-size:11px}
.app_footer_contents{
	margin:10px 0px 0px 0px;
	padding:4px 0px;
	background-color:#666;
	float:left;
	line-height:18px;
	clear:both
}
.video {width:240px; float:right; margin-right:53px; padding-left:50px;}
.app_footer_contents .app_footer_nav1, .app_footer_contents .app_footer_nav2{float:left; width:978px;}
.app_footer_contents .app_footer_nav2{margin-top:4px}
.app_footer_contents div a, .app_footer_contents div a:link, .app_footer_contents div a:visited, .app_footer_contents div a:active, 
.app_footer_contents div span{font-size:10px; text-transform:uppercase; text-decoration:none; color:#FFF}
.app_footer_contents div a:hover{text-decoration:underline}
.app_footer_contents div a, .app_footer_contents div span, .app_footer_contents p{
	margin-left:8px;
	padding-left:25px;
	border-left:1px solid #FFF;
	font-size:10px;
	text-align:center;
}
.app_footer_contents div .first{margin-left:13px; padding-left:0px; border-left:none}

ul.topnav {
	list-style: none;
	position:absolute;
	padding: 0 20px;	
	margin: 0;
	list-style: none;
	margin-top: 3px;
	float: left;
	background: #666666;
	font-size: 1.0em;
	background: url(images/botnav_bg.gif) repeat-x;
	padding-top: 0;
	height:37px;
	margin-left:167px;
	width:771px;
	font-weight:bold;
}
ul.topnav li {
	float: left;
	margin: 0;	
	padding: 0 5px 0 0;
	position: relative; /*--Declare X and Y axis base--*/
}
ul.topnav li a{
	color: #fff;
	display: block;
	text-decoration: none;
	float: left;
	border-left:solid;
	height:18px;
	padding-top: 10px;
	padding-right: 3px;
	padding-bottom: 10px;
	padding-left: 3px;
}
ul.topnav li a:hover{
	background: url(images/topnav_hover.gif) no-repeat center top;
}
ul.topnav li span { /*--Drop down trigger styles--*/
	width: 12px;
	height: 35px;
	float: left;
	background: url(images/subnav_btn.gif) no-repeat center top;
}
ul.topnav li span.subhover {background-position: center bottom; cursor: pointer;} /*--Hover effect for trigger--*/
ul.topnav li ul.subnav {
	list-style: none;
	position: absolute; /*--Important - Keeps subnav from affecting main navigation flow--*/
	left: 0; top: 35px;
	background: #333;
	margin: 0; padding: 0;
	display: none;
	float: left;
	width: 170px;
	-moz-border-radius-bottomleft: 5px;
	-moz-border-radius-bottomright: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	border: 1px solid #111;
}
ul.topnav li ul.subnav li{
	margin: 0; padding: 0;
	border-top: 1px solid #252525; /*--Create bevel effect--*/
	border-bottom: 1px solid #444; /*--Create bevel effect--*/
	clear: both;
	width: 170px;
}
html ul.topnav li ul.subnav li a {
	float: left;
	width: 145px;
	background: #333 url(images/dropdown_linkbg.gif) no-repeat 10px center;
	padding-left: 20px;
}
html ul.topnav li ul.subnav li a:hover { /*--Hover effect for subnav links--*/
	background: #222 url(images/dropdown_linkbg.gif) no-repeat 10px center; 
}