body {
font-family:Arial, Helvetica, sans-serif; font-size:13px;
margin:0 auto;
color:#d3d3d3;
background-color:#E2E2DA;
background-image:url(../images/body_bg.gif);
background-position:top;
background-repeat: repeat-x;
}

img{
border:none;
}

p { padding:0 0 10px 0;
	margin:0px;}
.middle_content b{color:#000;}
h1{
font-size:20px;
color:#598b00;
padding:0px 0 10px 0;
margin:0px;
}

/* Image Thumbnails
------------------------------ */
.imagethumb a, .imagethumb a:hover {
	display: block;
	padding: 9px;
	margin: 0px 9px 9px 0px;
	line-height: 0px;
    border: 1px solid #e6e6e6;
    background-color: #f6f6f6;
}
.imagethumb a:visited {
    background-color: #fcfcfc;
    border: 1px solid #f8f8f8;
}
.imagethumb a:hover {
	background-color: #f3f3f3;
	border: 1px solid #cccccc;
}
.imagethumb {
	float: left;
}
.albumdesc2 {
	line-height: 18px;
}


.left_flo{
float:left;
}

.right_flo {
float:right;
}

#faq .green a,#Interior .green a,#exterior .green a {
color:#505050 !important;
}
#faq .green a:hover,#Interior .green a:hover,#exterior .green a:hover {
color:#598B00 !important;
}
#faq ol li:hover,#faq ol li:hover a{color:#598B00 !important;}
.clear {
clear:both;
}

#main{
width:1014px;
margin:0 auto;
background-color:#FFFFFF;
}
.maininner{
  width:1009px;
  float:left;
  background:url(../images/grey_bg.jpg) repeat-y;
  padding-left:5px;
  }
.middle_content{
	color:#505050;
	width:965px;
	margin:0 auto;
	padding-left:10px;
	line-height:20px;}
.midinner{
  width:965px;
  float:left;
  }	
/* Header Stars here*/
.questions a{
	color:#598B00;
	text-decoration:underline;}
.questions a:hover{
	color:#505050;
	text-decoration: none;}
.questions ol {
	margin: 0 0 20px 20px;
	padding:0px;}
.black_17 {
	font-size:17px;color:#598B00 }
.dotted_line {

	height:10px;
	border-top:#000000 1px dotted;
	width:100%;}
.solid_line {
float:left;
width:955px;
	height:10px;
	border-top:#000000 1px solid;
}	
		
.shoji_images {
	border:1px solid #BDBDBD;}

#cmpny_name{
float:left;
width:500px;
margin-top:50px;
margin-left:15px;
font-size:20px;
color:#505050;
text-align:center;
}

#cmpny_name span{
font-size:15px;
text-align:center;
}

#header{
height:180px;
width:1004px;
margin:0 auto;
}

#logo{
width:144px;
height:177px;
float:left;
margin-left:10px;
}

#top_links{
margin:70px 0 20px 0;
width:170px;
float:right;
}

#top_links span{
color:#666666;
}

#top_links a{
text-decoration:none;
color:#666666;
}
.landscape.exterior .imagethumb a, .imagethumb a:hover {
background-color:#fff;
border:1px solid #E6E6E6;
display:block;
line-height:0;
margin:0 9px 9px 0;
padding:9px;
}
.green a{color:#598B00 !important;}
.green a:hover{color:#505050 !important;}
#green_right{
width:273px;
float:right;
margin-top:10px;
margin-right:10px;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
color:#5c8c00;
text-align:right;
line-height:20px;
}
/* Header Stars here*/

/* Menu Starts here*/

#menu{
height:36px;
width:1004px;
font-size:14px;
color:#FFFFFF;
float:left;
background-color:#505050;
font-weight:bold;
font-family:Arial, Helvetica, sans-serif;
}


/*top gallery*/

.gallery_pack {background:url(../images/glry_tag.png) no-repeat top; width:89px; height:64px; right:0; position:absolute; top:14px;}
 
.graphic, #prevBtn, #nextBtn{
            margin:0;
            padding:0;
            display:block;
            overflow:hidden;
            text-indent:-8000px;
            }
    /* // image replacement */
			

	#container
	{
	float:left;
	position:relative;	
	width:1004px;
	height:265px;
	margin-bottom:2em;
		}			

/* Easy Slider */

	#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;	
		}									
/*end of Top gallery*/

/*Middle Content Starts here*/

.who_we_are{
margin-left:5px;
background-color:#e5e5e5;
width:290px;
float:left;
font-size:20px;
color:#505050;
padding:10px; height:390px; position:relative;
}
.contactpage .who_we_are{height:310px !important;}
.who_we_are .more a,.who_we_are #more a{position:absolute; right:15px; bottom:15px;}
.who_we_are .wh{
color:#598b00;
padding-left:10px;
}
.who_we_are .red {
color:#DA081C;
float:right;
font-size:14px; text-transform:uppercase;
padding:0 10px 0 0;
}
#exterior .black_17,#Interior .black_17,#shoji .black_17{color:#598B00 !important;}
.black_17{color:#598B00;}
#line{
background-color:#505050;
width:271px;
height:1px;
margin-left:10px;
}
.line{
background-color:#505050;
width:271px;
height:1px;
margin-left:10px;
}

#img_1{
margin-left:10px;
margin-top:10px;
float:left;
width:272px;
height:142px;
}
.img_1{
margin-left:10px;
margin-top:10px;
float:left;
width:272px;
height:142px;
}
#text{
font-size:12px;
width:272px;
float:left;
margin-left:10px;
margin-top:10px;
}
#text a{
  text-decoration:none;
  color:#666666;
  }
#text a:hover{
  text-decoration:underline;
  color:#666666;
  }  
  
.text{
font-size:12px;
width:272px;
float:left;
margin-left:10px;
margin-top:10px;
}
.text a{
  text-decoration:none;
  color:#666666;
  }
.text a:hover{
  text-decoration:underline;
  color:#666666;
  }
#more a:hover,.more a:hover{color:#333333;}
#more{
width:80px;
float:right;
font-weight:bold;
color:#333333;
}

#more a{
text-decoration:underline;
color:#598B00;
}
.more{
width:80px;
float:right;
font-weight:bold;
color:#333333;
}

.more a{
text-decoration:underline;
color:#598B00;
}

/*Middle Content Starts here*/

/*Footer Starts here*/

#footer{
margin-top:18px;
float:left;
color:#505050;
width:1004px;
text-align:center;
font-size:11px;
color:#FFFFFF;
background-color:#505050;
padding:20px 0 0 0px;
height:52px;
}
.footercon{
  float:left;
  width:785px;
  padding-left:36px;
  }

.facel{float:left; margin:-6px 0 0 25px;}
#footer_links{
width:750px; margin:0 auto;
font-family: Arial, Helvetica, sans-serif;
  font-size:11px;
  font-weight:bold;
  color:#ffffff;
  text-decoration:none;
}

#footer_links a{
  font-family: Arial, Helvetica, sans-serif;
  font-size:11px;
  font-weight:bold;
  color:#ffffff;
  text-decoration:none;
  margin:0 0 0 10px;
  padding-right:10px;
  padding-bottom:5px;
  
}

#footer_links a:hover{
text-decoration:underline;
color:#7DA32C;
}
#footer_links p{
  font-family: Arial, Helvetica, sans-serif;
  font-size:11px;
  font-weight:bold;
  color:#ffffff;
   clear:both;
  
}

.topbg{
  width:1004px;
  float:left;
  background:url(../images/headerbg.jpg) no-repeat;
  height:217px;
  padding:11px 0 0 0;
  }  
.logo{
  width:188px;
  float:left;
  text-align:right;
  }
.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:15px;
  }
.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:780px;
  float:left;
  margin-top:19px;
  padding:0px 0 0 0px;
  }
  .face a{ margin:0px; float:left;}
  .face{margin:0 25px 0 0;}
.mainnav ul{
  margin:2px 0 0;
  padding:0 0 0 0;
  list-style-type:none;
  float:left;
  }
.mainnav ul li{
  display:inline;
  margin:0px;
  padding:0px 0 0 0;
  float:left; position:relative;
  }
  
 .mainnav ul li a{
	 color:#CCCCCC; font-family:Arial, Helvetica, sans-serif;
float:left;
font-size:14px;
font-weight:normal;
height:34px;
line-height:32px;
text-align:center;
text-decoration:none; padding:0 0 0 10px;}
.mainnav ul li a span{padding:0 10px 0 0;}
 .mainnav ul li a.active,.mainnav ul li a:hover, .mainnav ul li a.current{background:url(../images/nav-l.png) no-repeat left top;}
 .mainnav ul li ul a.current{background:none !important; color:lemonChiffon;}
 .mainnav ul li a.active span,.mainnav ul li a:hover span,.mainnav ul li a.current span{background:url(../images/nav-r.png) no-repeat right top; height:34px; float:left; color:#fff;}
.mainnav ul li a.shutter{
   background:url(../images/shutter.jpg) no-repeat;
   width:122px;
   height:34px;
   float:left;
   outline:none;
  } 
.mainnav ul li a.shutter:hover,.mainnav ul li a.shutter.active{
   background:url(../images/shutter_ro.jpg) no-repeat;
   width:122px;
   height:34px;
   float:left;
   outline:none;
  }
  .mainnav ul li a.shutter-1{
   background:url(../images/shutter-1.jpg) no-repeat;
   width:122px;
   height:34px;
   float:left;
   outline:none;
  } 
.mainnav ul li a.shutter-1:hover,.mainnav ul li a.shutter-1.active{
   background:url(../images/shutter_ro-1.jpg) no-repeat;
   width:122px;
   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,.mainnav ul li a.blinds.active{
   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,.mainnav ul li a.shoji.active{
   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,.mainnav ul li a.glass.active{
   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,.mainnav ul li a.shop.active{
   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,.mainnav ul li a.contact.active{
   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,.mainnav ul li a.trade.active{
   background:url(../images/trade_ro.jpg) no-repeat;
   width:146px;
   height:34px;
   float:left;
  } 
  
  .mainnav ul li a.why{
   background:url(../images/why.jpg) no-repeat;
   width:62px;
   height:34px;
   float:left;
   outline:none;
  } 
.mainnav ul li a.why:hover,.mainnav ul li a.why.active{
   background:url(../images/why_ro.jpg) no-repeat;
   width:62px;
   height:34px;
   float:left;
   outline:none;
  } 
  
   .mainnav ul li a.home{
   background:url(../images/home.jpg) no-repeat;
   width:58px;
   height:34px;
   float:left;
   outline:none;
  } 
.mainnav ul li a.home:hover,.mainnav ul li a.home.active{
   background:url(../images/home_ro.jpg) no-repeat;
   width:58px;
   height:34px;
   float:left;
   outline:none;
  } 
  
 .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,.mainnav ul li a.faq.active{
   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,.mainnav ul li a.about.active{
   background:url(../images/about_ro.jpg) no-repeat;
   width:72px;
   height:34px;
   float:left;
   outline:none;
  } 
.face{
  float:right;
  }
.btmarea{
  width:1004px;
  float:left;
  background:#fff;
 padding:2px 0;
  } 
.who_we_are h3{
  font-family: Arial, Helvetica, sans-serif;
  font-size:13px;
  font-weight:normal;
  color:#000;
  text-decoration:none;
  float:left;
  width:75px;
  margin:4px 0 0 0;
  padding:0px;
  clear:both;
  }
.who_we_are h4{
  font-family: Arial, Helvetica, sans-serif;
  font-size:13px;
  font-weight:normal;
  color:#000;
  text-decoration:none;
  float:left;
  width:75px;
  padding:12px 0 0 0;
  margin:0px;
  clear:both;
  }  
.list{
  width:196px;
  float:left;
  height:21px;
  font-family: Arial, Helvetica, sans-serif;
  font-size:12px;
  font-weight:normal;
  padding:1px 0 0 0; 
  }
.txtarea{
  width:196px;
  float:left;
  height:35px;
  font-family: Arial, Helvetica, sans-serif;
  font-size:12px;
  font-weight:normal;
  padding:1px 0 0 0; 
  margin:10px 0 0 0;
  }  
.field{
  width:196px;
  float:left;
  height:18px;
  font-family: Arial, Helvetica, sans-serif;
  font-size:12px;
  font-weight:normal;
  padding:1px 0 0 0; 
  margin:10px 0 0 0;
  } 
.submit{
  float:left;
  margin:10px 0 0 75px;   
  clear:both; 
  }  
.blindlft{
  width:265px;
  float:left; text-align:justify;
  padding-right:25px;
  line-height:19px;
  } 
.blindlogo{
  width:100%;
  float:left;
  clear:both; padding:0 0 5px 0;
  } 
.blindsmain{
  width:980px;
  float:left;
  padding-left:20px;
  }
.blindstop{
  width:95%;
  float:left;
  margin:20px 0 0;
  } 
.blindsmid{
  width:265px;
  float:left;
  padding-right:25px;
  }  
.blindsrgt{
  width:300px;
  float:right;
  } 
.blindrgt01{
  width:300px;
  float:left;
  border-bottom:#999 1px solid;
  padding-bottom:5px;
  } 
.blindrgt01_btm{
  width:300px;
  float:left;
  padding-bottom:5px;
  padding-top:5px;
  } 
.pdfdownload{
  width:115px;
  float:left;
  }
.flash_lft{
  width:720px;
  float:left;
  }
  .sutterlist li{list-style-type:disc;}
  .shutter p, .shutter .dotted_line {width:100%; float:left;}
.flashrgt{
  width:284px;
  float:left;
  }                     
                        
 .blindlogo h1{
	 color:#598B00;
font-size:20px;
margin:0;
padding:0 0 10px; font-weight:bold; float:left; width:100%; line-height:20px;font-family:Arial, Helvetica, sans-serif; text-align:left;}

 .blindlogo h2{
	 color:#202020;
font-size:18px;
margin:0;
padding:0 0 10px; font-weight:normal; float:left; width:100%; line-height:18px; font-family:Arial, Helvetica, sans-serif; text-align:left;}  
.left_align{text-align:left !important;}
.large_font{font-size:44px !important; line-height:44px !important;}
.faq p{padding:0 0 10px;}

div.form{background: #e5e5e5; width:490px; border:#598B00 solid 1px; float: left; padding: 10px 5px;}
div.form .inputtext{width:130px; height: 20px;  float: left; }
div.form .inputtext input,div.form .inputtext select{width:128px; height: 20px; line-height: 20px; color: #000; border:#dedddd solid 1px; background:#fff url(../images/txt-bg.jpg) repeat-x; margin: 0; padding-left:2px; padding-right:2px; float: left; font-size:13px; font-family:Arial, Helvetica, sans-serif;}
div.form .label{font-size: 13px; font-weight: normal; color: #505050; float: left; margin: 0 0 0 15px; width:60px; text-align: left;}
div.form .label1{font-size: 13px; font-weight: normal; color: #505050; float: left; margin: 0 10px 0 15px; width:130px; text-align: left;}
div.form .row{float: left; width: 100%; margin: 15px 0 0;}
.alignright{text-align: right !important;}
div.form  textarea{width: 400px; -moz-border-radius:5px 5px 5px 5px; height: 78px;  border:#dedddd solid 1px; background: #fff; margin: 0; padding: 2px; color:#000; font-size:13px; font-family:Arial, Helvetica, sans-serif;}
.row{float: left; width: 100%;}
.shutter ul,.shutter ul li{list-style-type:none;}
ul.sutterlist1,ul.sutterlist1 li{list-style-type:disc !important;}
ul.sutterlist1{float:left; margin:0; padding:0 0 10px 50px;}
*:first-child+html ul.sutterlist1 {padding:0 0 0px 50px;}
*+html ul.sutterlist1{padding:0 0 0px 50px;}
ul.sutterlist1 {padding:0 0 0px 50px\0/;}
ul.sutterlist1 li{margin:0; padding:0;}
.questions{float:left; width:100%;}
.sutterlist a{color:#505050;}
ul.shutter1,ul.shutter1 li{list-style-type:none !important;}
/**************************** form ***********************/
.form {
line-height:24px;
background:url(../images/form-bg.jpg) !important;
}


.form input, .contact_form textarea {
-moz-border-radius:5px 5px 5px 5px;
background:-moz-linear-gradient(center top , #F9F9F9, #FFFFFF) repeat scroll 0 0 transparent;
border:1px solid #BBBBBB;
display:block;
font:13px Arial, Helvetica, sans-serif; padding:2px; color:#000;
}
.form {
color:#333333;
}
.form input, .form select {
vertical-align:middle; float:left;
}
.form #submit {
	height:25px;
border:none;
color:#666666 !important;
cursor:pointer;
filter:none;
float:left;
margin:0px 0 0 30px;
background:url(../images/submit-btn.png) no-repeat;
padding:0;
text-align:center;
text-shadow:0 1px 0 rgba(255, 255, 255, 0.7);
width:60px !important;
}
/************************** form end ********************/
#footer_links ul{display:inline; list-style-type:none;}
#footer_links ul li{display:inline; list-style-type:none;}
#footer_links ul li a.current{color:#7DA32C;}
#footer_links ul li{position:relative;}



.landscape .imagethumb img, .landscape .lightbox img{height:80px !important; width:130px !important;}
.protrait .imagethumb img, .protrait .lightbox img{height:130px !important; width:80px !important;}
#bottomNavClose{width:66px !important; height:22px !important; background:url(../images/closelabel.gif) no-repeat !important;}



ul.topnav {
	list-style: none;
	padding: 0 20px;	
	margin: 0;
	float: right;
	width: 790px;
	background: #222;
	font-size: 1.2em;
	background: url(topnav_bg.gif) repeat-x;
}
ul.topnav li {
	border-right:1px solid #FFFFFF; font-size:11px; font-weight:bold;
float:left;
height:11px;
line-height:11px;
margin:0;
padding:0 5px 0 0;
position:relative;
}
ul.topnav li a{
color:#FFFFFF;
display:block;
float:left;
padding:0 5px;
text-decoration:none;

}
ul.topnav li a:hover{
	background: url(topnav_hover.gif) no-repeat center top;
}
ul.topnav li span { /*--Drop down trigger styles--*/
float:left;
height:11px;
}
ul.topnav li a:hover,ul.topnav li a.current,ul.topnav li ul.subnav li a.current{color:#598B00;}
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:0px;
	background: #333;
	margin: 0; padding: 0;
	display: none;
	float: left;
	width: 130px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-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--*/
	width: 130px; border-right:none;
	height:25px; text-align:left;
}
html ul.topnav li ul.subnav li a {
	float: left; line-height:25px; height:25px;
	width: 105px;
	background: #333 url(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(dropdown_linkbg.gif) no-repeat 10px center; 
}