@charset "utf-8";
/* CSS Document */

/* Reset CSS */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
/* [disabled]vertical-align: baseline; */
background: transparent;
}
body {
line-height: 1;
font:12px/18px Arial, Helvetica, sans-serif;
color:#ADACAC;
background:#000;
}

ol, ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none;
}

/* remember to define focus styles! */
:focus {
outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
text-decoration: none;
}
del {
text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
border-collapse: collapse;
border-spacing: 0;
}
/* Reset Css End*/

#main{
min-width:990px;
}
.clear{
clear:both;
}
h1{
font:normal 22px/30px "Trebuchet MS", Arial, Helvetica, sans-serif;
color:#FFFFFF;
text-transform:uppercase;
}
h2{
font:normal 22px/30px "Trebuchet MS", Arial, Helvetica, sans-serif;
color:#000;
text-transform:uppercase;
}
h3{
font:bold normal 14px/30px "Trebuchet MS", Arial, Helvetica, sans-serif;
color:#000;
text-transform:uppercase;
}
h1 span{
font:bold 22px/30px "Trebuchet MS", Arial, Helvetica, sans-serif;
color:#FFFFFF;
text-transform:uppercase;
}

p{
font:12px/18px Arial, Helvetica, sans-serif;
color:#ADACAC;
text-align:justify;
}
.text1{
	font:12px/20px Arial, Helvetica, sans-serif;
	text-align:justify;
	color:#504f4f;
}
.text2{
	font:12px/20px Arial, Helvetica, sans-serif;
	text-align:justify;
	color:#333;
}
/*Header Styles Start*/
#header{
width:990px;
height:60px;
margin:0 auto;
z-index:1;
}
#logo{
width:150px;
height:60px;
float:left;
}
#topmenu{
height:60px;
float:right;
}
#topmenu_left{
width:20px;
height:60px;
float:left;
background:url(../images/topmenu_lr_bg.gif) no-repeat bottom left; 
position:relative;
left:10px;
}
ul#topmenu_mid{
background:url(../images/topmenu_mid_bg.gif) repeat-x;
height:60px;
float:left;
border-left:#546167 1px solid;
}
ul#topmenu_mid li{
float:left;
display:inline;
}
ul#topmenu_mid li a{
font:bold 11px/60px Arial, Helvetica, sans-serif;
padding:0 15px;
border-right:#546167 1px solid;
display:block;
text-decoration:none;
color:#000;
text-shadow:#D5E0E7 1px 1px 0;
text-transform:uppercase;
}
ul#topmenu_mid li a:hover{
color:#FFFFFF;
text-shadow:#000000 1px 0 0;
}

#topmenu_right{
background:url(../images/topmenu_lr_bg.gif) no-repeat -30px 0;
width:20px;
height:60px;
float:left;
position:relative;
right:10px;
}
/*Header Styles End*/

/*Visual Sliding Start*/
#visual_slides{
width:990px;
height:390px;
margin:0 auto;
}
/*Visual Sliding End*/

/*Content Start*/
#content_bottom{
width:100%;
/*background:url(../images/content_bg.gif) repeat-x;
*/}
#content_bottom_in{
width:990px;
margin:0 auto;
padding-top:90px;
}

.index_col{
width:260px;
float:left;
padding:0 30px;
}
.content_shade{
	width:950px;
	height:40px;
	background:url(../images/top_content_shade.jpg) no-repeat;
	margin:0 auto;
	padding-left:40px;
}
.content_theme1{
	width:990px;
	margin:0 auto;
}
.content_theme1_top{
	width:990px;
	height:20px;
	background:url(../images/content_bg_tb.gif) no-repeat;
	font-size:1px;
}
.content_theme1_mid{
	background:url(../images/content_bg_mid.gif) repeat-y;
	width:950px;
	padding:0 20px;
}
.content_theme1_bot{
	width:990px;
	height:20px;
	background:url(../images/content_bg_tb.gif) no-repeat 0 -20px;
}
#products{
	width:990px;
}
#products_left{
	width:268px;
	float:left;
}
#products_left ul{
}
#products_left ul li{
		border-bottom:#b2b1b1 1px dotted;
}
#products_left ul li a{
	font:11px/30px Arial, Helvetica, sans-serif;
	color:#000;
	text-decoration:none;
	padding-left:20px;
	background:url(../images/left_menu.jpg) no-repeat 0 0;
	display:block;
	text-transform:uppercase;
	}
	#products_left ul li a:hover{
		background:url(../images/left_menu.jpg) no-repeat 0 -30px;	
	}
	#products_left ul li a.active{
	font:11px/30px Arial, Helvetica, sans-serif;
	color:#fff;
	text-decoration:none;
	padding-left:20px;
	background:url(../images/left_menu.jpg) no-repeat 0 -60px;
	display:block;
	text-transform:uppercase;
	}
	
#products_right{
	width:660px;
	float:left;
	padding-left:20px;
	background:url(../images/innerpage_content_bg.gif) repeat-y;
}
.product_box{
	width:206px;
	height:290px;
	float:left;
	margin:6px;
}
.product_box .image{
	width:204px;
	height:200px;
}
.product_box .image img{
	border:#d2d3d5 1px solid;
}

.product_box .discrip{
	width:186px;
	height:70px;
	background:#272726;
	padding:10px;
}
.product_box .discrip a{
	font:bold 12px/20px Arial, Helvetica, sans-serif;
	color:#FFF;
}
.product_box .discrip a:hover{
	text-decoration:none;
}

#contactus{
	width:990px;
}
#contactus_left{
	width:268px;
	float:left;
	font:11px/18px Arial, Helvetica, sans-serif;
	color:#000;
}
#contactus_left h6{
	font:bold 11px/30px Arial, Helvetica, sans-serif;
	color:#000;
	border-bottom:#b2b1b1 1px dotted;
	margin-bottom:10px;
}

#contactus_left strong{
	color:#333;
	font:bold 11px/20px Arial, Helvetica, sans-serif;	
}

#contactus_right{
	width:660px;
	float:left;
	padding-left:20px;
	background:url(../images/innerpage_content_bg.gif) repeat-y;
}
#contactus_right form{
	width:400px;
}

#contactus_right form label{
	font:12px/26px Arial, Helvetica, sans-serif;
	color:#000;
	float:left;
	width:100px;
	margin-bottom:20px;
}
#contactus_right form input{
	font:12px/26px Arial, Helvetica, sans-serif;
	color:#666;
	float:left;
	width:230px;
	height:26px;
	background:none;
	padding:0 10px;
	border:#2e2e2e 1px solid;
	margin-bottom:20px;
}
#contactus_right form textarea{
	font:12px/26px Arial, Helvetica, sans-serif;
	color:#666;
	float:left;
	width:230px;
	height:150px;
	background:none;
	padding:0 10px;
	border:#2e2e2e 1px solid;
	margin-bottom:20px;
}
#map{
	width:100%;
	border:#999 1px solid;
	height:250px;
}
/*Content End*/

/*Footer Start*/

#FooterBlock{ background:url(../images/grass.png) repeat-x top; min-height:190px; padding:10px 0 0 0;}

#footer{
width:950px;
padding:20px;
height:87px;
margin:20px auto 20px auto;
}
#footer_left{
width:60%;
float:left;
color:#889C25;
font:12px/20px Arial, Helvetica, sans-serif;
}
#footer_left a{
font:12px/18px Arial, Helvetica, sans-serif;
color:#e4f9e8;
text-decoration:none;
}
#footer_left span{
padding:0 10px;
}
#footer_left a:hover{
text-decoration:underline;
}
#footer_right{
width:35%;
float:right;
padding-left:5%;
color:#e4f9e8;
}
/*Footer End*/

/* Top menu */

ul.menu {
list-style:none; margin:0; padding:0;
background:url(../images/topmenu_mid_bg.gif) repeat-x bottom;
height:60px;
float:left;
border-left:#dcdcdc 1px solid;
}

ul.menu * {
margin:0; padding:0
}

ul.menu a {
font:bold 11px/60px Arial, Helvetica, sans-serif;
padding:0 15px;
border-right:#dcdcdc 1px solid;
display:block;
text-decoration:none;
color:#000;
text-transform:uppercase;
}
ul.menu a:hover{
color:#022f6b;
}

ul.menu li {
position:relative; 
float:left; 
}

ul.menu ul {
position:absolute; 
top:60px; 
left:0;  
display:none; 
opacity:0; 
list-style:none;
}

ul.menu ul li {
position:relative;  
width:auto; 
margin:0;
}

ul.menu ul li a {
font:bold 11px/18px Arial, Helvetica, sans-serif;
padding:5px 15px;
width:200px;
border-bottom:#546167 1px dotted;
display:block;
text-decoration:none;
color:#000;
text-transform:uppercase;
}
ul.menu ul li a:hover {
color:#022f6b;
}

ul.menu ul ul {
left:220px; 
top:0;
z-index:1;
}

ul.menu ul li ul{
background-color:#333;
}

ul.menu .menulink {
height: 33px;
padding: 0 15px;
line-height:33px;
color: #FFFFFF;
display: block;
float:left;
text-decoration: none;
width:auto;
}

ul.menu .menulink:hover, ul.menu .menuhover {
/*background:url(../images/topmenu_hover_bg.gif) repeat-x;*/
background-color:#fff;
}

ul.menu .sub {
background:#fff url(../images/nav_arrow.gif) 200px 8px no-repeat;
}
 
/* End Top menu */