/* CSS Document */
*{ margin:0; padding:0;}
body{ background:url(../images/body.gif) repeat; font:normal 12px/18px Arial, Helvetica, sans-serif; color:#333;}
 
@font-face {font-family:"cantoraone-regular";
src: url('cantoraone-regular.eot');
src: local('cantoraone-regular'), local('cantoraone-regular'), url('cantoraone-regular.woff') format('woff'), url('cantoraone-regular.TTF') format('truetype');
}

@font-face {font-family:"aparaj";
src: url('aparaj.eot');
src: local('aparaj'), local('aparaj'), url('aparaj.woff') format('woff'), url('aparaj.TTF') format('truetype');
}

a,a:visited{ color:#235C91; text-decoration:none;}
a:hover{ color:#333;}

img{ border:0;} 
.clearboth{ clear:both;}
.fl{ float:left;} .fr{ float:right;}
.wrapper{max-width:1000px; margin:0 auto;}
  
 #header{ border-top:4px solid #343434;overflow:hidden}
 #logo{ float:left; padding:30px 0; background:url(../images/logo_shd.png) no-repeat center; width:330px;}
 #flag{ background:url(../images/flag.gif) no-repeat; float:right; padding:5px 40px; float:right;}
  #flag ul{}
#flag li{ float:left; list-style:none; padding:0 4px;}

#shadow_wrapper{ width:1100px;margin:0 auto; position:relative; background:transparent url(../images/wrapper_shadow.png) no-repeat;}
#wrapper_container{ background:#fff; padding:10px; width:980px; margin:0 auto; position:relative; border:1px solid #BDBDBD}
#tagline{ background:#9E9E9E; font:normal 20px/30px "cantoraone-regular"; color:#fff; padding:10px; border-top-left-radius:7px;border-top-right-radius:7px; text-transform: uppercase; margin-top:54px;}

#nav{ width:296px; float:left;}
#nav li{ list-style:none; line-height:20px; text-transform:uppercase; background:url(../images/nav.gif) repeat-x #28649F;border-bottom:1px solid #000; border-radius:5px; position:relative}
#nav li a{  color:#fff; font-family:"cantoraone-regular"; font-size:14px; display:block; padding:15px 13px;border-radius:5px; }
#nav li a:hover{ background:#000; color:#FF9900}
#nav li a.active{ background:#000; color:#FF9900}

#nav li ul{ visibility:hidden; position:absolute; left:293px; z-index:99; top:0; width:300px; margin-left:20px;
 		-webkit-transition: all .2s ease-in-out;
		-moz-transition: all .2s ease-in-out;
		-ms-transition: all .2s ease-in-out;
		-o-transition: all .2s ease-in-out;
		transition: all .2s ease-in-out;  }
		
#nav li:hover ul{ visibility:visible; margin-left:0;}
#nav   li li{ background:#000;border-bottom:1px solid #333; }
#nav li li a{font-size:12px; padding:10px; font-family: Arial, Helvetica, sans-serif; text-transform:capitalize; font-weight:bold; color:#ccc; }
#nav li li a:hover{ background:#333;}

#nav ul ul li:first-child a:after {
		left:-5px;
		margin-top: 16px;
		border-left: 0;	
		border-bottom: 6px solid transparent;
		border-top: 6px solid transparent;
		border-right: 6px solid #fff;}
	#nav ul li:first-child > a:after {content: '';position: absolute;left:0;top: 0px;}


 #rightcontaint{ float:right;width:645px; }
 
#banner{border:1px solid #eee; padding:5px 5px 20px 5px; background:url(../images/baner_shadow.gif) no-repeat bottom center; border-radius:5px; margin-bottom:20px;}
#bannershadow{ width:600px; height:22px; background:url(../images/baner_shadow.gif) no-repeat;}

.mainheader{font:normal 25px/30px "cantoraone-regular"; color:#000; text-transform:uppercase; border-bottom:1px dashed #ccc; padding:7px 0; margin:7px 0px}

 .blue{ color:#1B71C0; border:0; margin:0;}
 .gray{ color:#666}
hr{ border-top:1px solid #B5B5B5;border-bottom:1px solid #E5E5E5; border-left:0;border-right:0; height:4px; clear:both; margin:10px 0;}

.bottom{ margin:50px 0}
.bottom .icon{ width:277px; float:left; margin:0 10px; background:url(../images/icon.gif) no-repeat; padding:10px; height:99px;}
.hederstyle{ font:bold  14px/18px Arial, Helvetica, sans-serif; color:#6B6B6B; font-style: italic}
.hederstyle span{ color:#2C6BA6;}
.contact_add{ font:bold  14px/18px Arial, Helvetica, sans-serif; color:#2C6BA6; }


#ph{ background:url(../images/ph.gif) no-repeat 0 15px; padding:10px 48px;}
#sk{ background:url(../images/sk.gif) no-repeat 0 15px; padding:10px 48px;}
#mail{ background:url(../images/mail.gif) no-repeat 0 15px; padding:10px 48px;}

#footer{ padding:40px 0;}

#footer ul{ padding-right:50px; float:left;}
#footer ul li{ padding:5px 0; list-style:none;}
#footer ul li a{ color:#737373;} 
#footer ul li a:hover{ color:#000;} 

.wth{ width:480px; float:right; text-align:right;}

ul.produc_listing li{ float:left;background:#fff;list-style:none;  margin:10px;  border:1px solid #ddd;  padding:3px; min-height:290px;}
 
.ulall{ float:left; padding:20px 40px ;}
 .ulall li{ list-style: none; line-height:24px; font-size:13px;  border-bottom:1px solid #eee; padding:5px 10px;  font-weight:bold; background:url(../images/sl.gif) no-repeat left;}