/* CSS Document */
html, body, div, span,h1, h2, h3, h4, h5, h6, p, a, abbr, acronym,dd, ol, ul, li, fieldset, form {margin:0;padding:0;border:0;}
body {background-color: #2B141F;font:normal 14px Arial;color:#F2E7D0;line-height:20px;}

a img {border:none;}

p.p1 {margin:12px 0 0 0;}
p.p2 {margin-top:20px;}
p.p3{
	margin-top:3px;
	width:270px;
	line-height: 16px;
}
a {color:#FDE681; text-decoration:underline;}
a:focus, a:hover {color:#FBF219; text-decoration:none; outline:0}
.float-l{float:left}
.float-r{float:right}
.clear_b{clear:both;}
.mar_r38{ margin-right:38px;}
.yellow{color:#FFEC89;}
.t_12{font-size:12px;}
h1{ background:url(../images/heading1.png) left top no-repeat; clear:both; text-indent:-5000px; height:80px; display:block;}
h1.hist{ background:url(../images/history_heading.jpg) left top no-repeat; clear:both; text-indent:-5000px; height:56px; display:block;}
h1.pro{ background:url(../images/product_heading.jpg) left top no-repeat; clear:both; text-indent:-5000px; height:56px; display:block;}
h1.offer{ background:url(../images/offer_heading.jpg) left top no-repeat; clear:both; text-indent:-5000px; height:56px; display:block;}
h1.yarns{ background:url(../images/yarns_heading.jpg) left top no-repeat; clear:both; text-indent:-5000px; height:56px; display:block;}
h1.cont{ background:url(../images/contact_heading.jpg) left top no-repeat; clear:both; text-indent:-5000px; height:56px; display:block;}
h1.order{ background:url(../images/order_heading.jpg) left top no-repeat; clear:both; text-indent:-5000px; height:56px; display:block;}
h1.normal{
	clear:both;
	text-indent:0px;
	height:60px;
	display:block;
	font:normal 36px "Comic Sans MS";
	color:#FFF616;
	background: none;
	line-height: 60px; margin-bottom:15px;}
h2{
	width:auto;
	background:url(../images/buy_catering.png) left  bottom no-repeat;
	text-indent:-3000px;
	height:25px;
	padding-left:5px;
	padding-top: 5px; margin-top:15px;
}
h2 a{display:block; width:250px; height:25px;}
h2.heading2{width:auto;background:url(../images/heading2.png) left  bottom no-repeat; text-indent:-3000px; height:25px;padding-top: 5px; margin-top:15px;}
h2.heading2 a{display:block; width:150px; height:25px;}
h3{color:#FFF616; font-size:16px; margin:0 0 1px 0; padding:0;}

/*header starts here*/
#bg{overflow:hidden;width: 100%; background:url(../images/bg.jpg) left top repeat;}
#container{width:100%;background:url(../images/header_bg.jpg) center top no-repeat;min-height:618px;margin:0 auto;position:relative;	clear:both;padding-top: 54px; }
#container2{
	width:100%;
	background:url(../images/footer_bg.jpg) left top repeat-x;
	min-height:94px;
	margin:0 auto;
	position:relative;
	clear:both;
	padding-top: 12px;
}
.wrapper{width:980px; margin:0 auto; position:relative; clear:both}
.main {	width:910px;	overflow:hidden;	clear:both; padding:22px 0 42px 0; margin:0 auto;}
.main_3 {	width:910px;	overflow:hidden;	clear:both; padding:12px 0 42px 0; margin:0 auto;}

.wrapper #header{
	width:980px;
	height:341px;
	background:url(../images/big_img.png) center top no-repeat;
	
}
.wrapper #header div{	
padding:36px 0 0 719px;
}
/*----------navigation---------*/
ul#nav{
	width:919px;
	margin:0 auto;
	overflow:hidden;
	list-style:none;
	position: relative;
}
ul#nav li{float:left; margin:0 1px;}
ul#nav li.select{width:109px;height:40px;text-indent:-5000px;background:url(../images/home.png) left top no-repeat;display: block;float:left;}

ul#nav li a.home{width:109px;height:40px;text-indent:-5000px;background:url(../images/home_o.png) left top no-repeat;display: block;}
ul#nav li a.home:hover{width:109px;height:40px;text-indent:-5000px;background:url(../images/home.png) left top no-repeat;display: block;}

ul#nav li a.history{width:130px;height:40px;text-indent:-5000px;background:url(../images/history.png) left top no-repeat;display: block;}
ul#nav li a.history:hover, ul#nav li a.h_select{width:130px;height:40px;text-indent:-5000px;background:url(../images/history_o.png) left top no-repeat;display: block;}

ul#nav li a.product{width:180px;height:40px;text-indent:-5000px;background:url(../images/product.png) left top no-repeat;display: block;}
ul#nav li a.product:hover,  ul#nav li a.h_product{width:180px;height:40px;text-indent:-5000px;background:url(../images/product_o.png) left top no-repeat;display: block;}

ul#nav li a.buy{width:186px;height:40px;text-indent:-5000px;background:url(../images/buy.png) left top no-repeat;display: block;}
ul#nav li a.buy:hover,  ul#nav li a.h_buy{width:186px;height:40px;text-indent:-5000px;background:url(../images/buy_o.png) left top no-repeat;display: block;}

ul#nav li a.order{width:148px;height:40px;text-indent:-5000px;background:url(../images/order.png) left top no-repeat;display: block;}
ul#nav li a.order:hover, ul#nav li a.h_order{width:148px;height:40px;text-indent:-5000px;background:url(../images/order_o.png) left top no-repeat;display: block;}

ul#nav li a.contact{width:153px;height:40px;text-indent:-5000px;background:url(../images/contact.png) left top no-repeat;display: block;}
ul#nav li a.contact:hover,  ul#nav li a.h_contact{width:153px;height:40px;text-indent:-5000px;background:url(../images/contact_o.png) left top no-repeat;display: block;}

/*content*/
.box1{
	width:419px;
	height:120px;
	float:left;
	padding:0px 0 0 17px;
	background:url(../images/box_bg.png) left bottom no-repeat;
	color:#6F3301;
	font-size:12px;
	margin-top: 20px;
}

.box1 span{
	padding:0px 40px 50px 0;
	float: right;

}
.box1 span.second{
	padding:0px 10px 50px 0; float: right;
}
/*-------------lists----------------*/
ul.list1{padding-left:20px; list-style:none; font-size:12px; }
ul.list1 li{clear:right; background:url(../images/bullet2.png) left 46% no-repeat; padding-left:13px; margin-bottom:7px;}
ul.list1 li em{color:#FFEC89;}

ul.list2, ul.list2 li ul{padding-left:20px; list-style:none; font-size:12px; padding-top:10px;}
ul.list2 li{clear:both; background:url(../images/bullet2.png) left 6px no-repeat; padding-left:13px; margin-bottom:7px; line-height:16px;}
ul.list2 li em{color:#FFEC89;}
ul.list2 li.list_n{ background:none}
/*ul.list2 li a{ text-decoration:none;color:#F2E7D0;}
ul.list2 li a:hover{ text-decoration:none;color:#FFEC89;}*/
ul.list2 li ul li{float:left;width:380px;margin-right:27px;margin-bottom:7px;text-align:left;color:#FFF616;font-size:12px;background:none;
background-color: #; display:block; clear:none;}
ul.list2 li ul li img{border: 1px solid #FFF4BB; padding:2px;float:left;}
ul.list2 li ul li img:hover{border: 3px solid #FFF616;padding:0px;}
ul.list2 li strong{color:#FDE681}
ul.list2 li ul li img.none, ul.list2 li ul li img.none:hover{border:1px solid #000; padding:0;}

ul.list2 li ul li div{float:left; padding-left:15px;}
/*----------footer---------*/
.cont2{
	width:820px;
	margin:0 auto;
	overflow:hidden;
	color:#D09D66;
	font-size:12px;
	padding-left:106px;
	background:url(../images/btf.jpg) left top no-repeat;
	height:70px;
	position: relative;
}

.cont2 a {color:#FFEC89; text-decoration:none;}
.cont2 a:hover{color:#FFEC89; text-decoration:underline;}
.cont2 span {color:#FFEC89; margin:0 5px;}
/*---------------lightbox------------------------*/
/*[if lte IE 6]>
<style type="text/css">
*{
   behavior: url(iepngfix.htc);
}
</style>
<![endif]
.white_content img{border:1px solid #000;}
.white_content a{text-decoration:none; color:#000;}
.white_content a:hover{color:#E89900}
*/
.player{ clear:right;padding:20px 0; position:relative; overflow:hidden;}
.player img{ margin-right:27px;}
.facebook{ position:absolute; right:224px; top:0px;}