

body{	
  background:#ffffff;
  }
*{ 
  margin:0px;
  padding:0px;
  }
.clear{
  clear:both;
  }  
img {
  border:0px;
}
.mainwrapper{
  width:1004px;
  margin:0px auto;
  }
.main_inner{
  width:1004px;
  float:left;
  }
.topbg{
  width:980px;
  float:left;
  background:url(../images/headerbg.jpg) no-repeat;
  height:217px;
  padding:11px 0 0 24px;
  }  
.logo{
  width:163px;
  float:left;
  }
.toprgt_con{
  width:805px;
  float:left;
  }
.heading{
  width:586px;
  float:left;
  background:url(../images/company_name.jpg) no-repeat left bottom;
  height:161px;
  }
.torgt{
  width:215px;
  float:left;
  }
.toplinks{
  width:215px;
  float:left;
  font-size:11px;
  color:#6d6e71;
  text-align:right;
  margin-top:9px;
  }
.toplinks a{ 
  font-family: Arial, Helvetica, sans-serif;
  font-size:11px;
  font-weight: bold  ;
  color:#6d6e71;
  text-decoration:none;
  padding:0 2px 0 2px;
  }
.toplinks a:hover{
  text-decoration:none;
  color:#b10e34;
  padding:0 2px 0 2px;
  }
.tollfree{
  width:215px;
  background:url(../images/tollfree.jpg) no-repeat;
  height:36px;
  float:left;
  margin-top:59px;
  }
.address{
  width:186px;
  float:right;
  margin-top:18px;
  }   
h2{ 
  font-family: Arial, Helvetica, sans-serif;
  font-size:11px;
  font-weight:bold;
  color:#4a6611;
  text-decoration:none;
  padding:19px 2px 0 2px;
  clear:both;
  text-align:right;
  }
.mainnav{
  width:750px;
  float:left;
  margin-top:13px;
  padding:0px;
  }
.mainnav ul{
  margin:0 0 0 0;
  padding:0 0 0 91px;
  list-style-type:none;
  float:left;
  }
.mainnav ul li{
  display:inline;
  margin:0px;
  padding:0px 0 0 0;
  float:left;
  }
.mainnav ul li a.shutter{
   background:url(../images/shutter.jpg) no-repeat;
   width:77px;
   height:34px;
   float:left;
   outline:none;
  } 
.mainnav ul li a.shutter:hover{
   background:url(../images/shutter_ro.jpg) no-repeat;
   width:77px;
   height:34px;
   float:left;
   outline:none;
  }
.mainnav ul li a.blinds{
   background:url(../images/blinds.jpg) no-repeat;
   width:60px;
   height:34px;
   float:left;
   outline:none;
  } 
.mainnav ul li a.blinds:hover{
   background:url(../images/blinds_ro.jpg) no-repeat;
   width:60px;
   height:34px;
   float:left;
   outline:none;
  }  
.mainnav ul li a.shoji{
   background:url(../images/shoji.jpg) no-repeat;
   width:103px;
   height:34px;
   float:left;
   outline:none;
  } 
.mainnav ul li a.shoji:hover{
   background:url(../images/shoji_ro.jpg) no-repeat;
   width:103px;
   height:34px;
   float:left;
   outline:none;
  }
.mainnav ul li a.glass{
   background:url(../images/glass.jpg) no-repeat;
   width:58px;
   height:34px;
   float:left;
   outline:none;
  } 
.mainnav ul li a.glass:hover{
   background:url(../images/glass_ro.jpg) no-repeat;
   width:58px;
   height:34px;
   float:left;
   outline:none;
  }
 .mainnav ul li a.shop{
   background:url(../images/shop.jpg) no-repeat;
   width:100px;
   height:34px;
   float:left;
   outline:none;
  } 
.mainnav ul li a.shop:hover{
   background:url(../images/shop_ro.jpg) no-repeat;
   width:100px;
   height:34px;
   float:left;
  } 
 .mainnav ul li a.contact{
   background:url(../images/contact.jpg) no-repeat;
   width:94px;
   height:34px;
   float:left;
   outline:none;
  } 
.mainnav ul li a.contact:hover{
   background:url(../images/contact_ro.jpg) no-repeat;
   width:94px;
   height:34px;
   float:left;
   outline:none;
  }
 .mainnav ul li a.trade{
   background:url(../images/trade.jpg) no-repeat;
   width:146px;
   height:34px;
   float:left;
   outline:none;
  } 
.mainnav ul li a.trade:hover{
   background:url(../images/trade_ro.jpg) no-repeat;
   width:146px;
   height:34px;
   float:left;
  } 
 .mainnav ul li a.faq{
   background:url(../images/faq.jpg) no-repeat;
   width:50px;
   height:34px;
   float:left;
   outline:none;
  } 
.mainnav ul li a.faq:hover{
   background:url(../images/faq_ro.jpg) no-repeat;
   width:50px;
   height:34px;
   float:left;
   outline:none;
  } 
 .mainnav ul li a.about{
   background:url(../images/about.jpg) no-repeat;
   width:72px;
   height:34px;
   float:left;
   outline:none;
  } 
.mainnav ul li a.about:hover{
   background:url(../images/about_ro.jpg) no-repeat;
   width:72px;
   height:34px;
   float:left;
   outline:none;
  } 
#who_we_are{
margin-left:5px;
background-color:#e5e5e5;
width:290px;
float:left;
font-size:20px;
color:#505050;
padding:10px;
}
#who_we_are span{
color:#598b00;
padding-left:25px;
}    
#line{
background-color:#505050;
width:271px;
height:1px;
margin-left:20px;
padding:0px;
}  
#container
	{
	float:left;
	position:relative;	
	width:1004px;
	height:265px;
	margin-bottom:2em;
		}
#slider{}	
	#slider ul, #slider li{
		margin:0;
		padding:0;
		list-style:none;
		float:left;
		}
	#slider li{ 
		/* 
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
		*/ 
		width:1004px;
		height:265px;
		overflow:hidden; 
		float:left;
		}	
	#prevBtn, #nextBtn{ 
		display:block;
		width:50px;
		height:77px;
		position:absolute;
		top:100px;
		}	
	#nextBtn{ 
		left:950px;
		}														
	#prevBtn a, #nextBtn a{  
		display:block;
		width:50px;
		height:77px;
		background:url(../images/prev_btn.png) no-repeat 0 0;	
		}	
	#nextBtn a{ 
		background:url(../images/next_btn.png) no-repeat 0 0;	
		}             
        

                     

                       


