@import url(http://fonts.googleapis.com/css?family=Lato:100);
body{
	background:url(../image/bg.png) top no-repeat #fff;
	text-align:justify;
	margin:0;
	padding:0;
	font-family:Arial, Helvetica, sans-serif;
}

#container{
	width:1000px;
	margin:0 auto;
	background:url(../image/body_bg.png) repeat-y;
}
#top
{
	width:1000px;
	height:23px;
	background:url(../image/top.png) no-repeat;
}
#top1
{
	width:960px;
	margin:0 20px;
	height:70px;
}
#banner{
	width:960px;
	margin:0 20px;
	z-index:50px;
}
#banner2{
	width:960px;
	margin:0 20px;
	background:url(../image/banner2.png) no-repeat bottom;
	height:330px;
}
#banner3{
	width:960px;
	margin:0 20px;
	background:url(../image/production.png) no-repeat bottom;
	height:330px;
}
#logo{
	padding:15px 0 0 10px;
	width:250px;
	float:left;
}
#menu{
	width:700px;
	float:left;
	padding:10px 0 0 0;
	font-size:15px;
}
#menu ul{
	width:670px;
}
#menu a{
	text-decoration:none;
	color:#37322a;
	padding:4px;
}
#menu ul li{
	float:left;
	list-style:none;
	padding:10px 10px 0 10px;
	margin:0 25px 0 20px;
}
#menu ul li ul{
	display:none;
	padding:50px 0 0 0;
	margin:-10px 0 0 -30px;
	position:absolute;
	background:url(../image/menu_ul.png) no-repeat;
	z-index:150;
}
#menu ul li ul li{
	background:url(../image/menu_li.png) no-repeat;
	width:84px;
	padding:5px 0 0 0;
	margin:0 0 0 -8px;
	color:#FFF;
	font-size:12px;
	text-align:center;
	height:25px;
}
#menu ul li ul li:hover{
	background:url(../image/menu_li_hover.png) no-repeat;
}
#menu ul li ul li a{
	color:#FFF;
}

#menu ul li ul li ul{
	width:188px;
	background:none;
	position:absolute;
	padding:10px 0 0 0;
	margin:0 0 0 -120px;
}	
#menu ul li ul li ul li{
	width:188px;
	background:url(../image/menu_li_li.png) no-repeat;
	height:25px;
}
#menu ul li ul li ul li{
	width:188px;
	margin:0;
	padding:5px 0 0 0;
	background:url(../image/menu_li_li.png) no-repeat;
	height:20px;
}
#menu ul li ul li ul li:hover{
	background:url(../image/menu_li_li_first.png) no-repeat;
}
	
	
#main_container{
	width:950px;
	margin:0 20px;
	padding:10px 5px 0 5px;
	font-size:13px;
	position:relative;
}
h1{
	font-family: 'Lato', sans-serif;
	font-size:36px;
	margin:0;
	padding:0;
	font-weight:lighter;
	float:left;
}
p{
	
	padding:5px 0 0 0;
	margin-top:0;
	line-height:22px;
}

.cover{
	width:437px;
	margin:10px 0 0 0;
	padding:10px 0 0 0;
	font-size:18px;
	float:left;
	background:url(../image/cover_line.png) top no-repeat;
}
.broucher{
	width:500px;
	height:38px;
	padding:10px 0 0 0 ;
	float:right;
	font-size:20px;
	background:url(../image/yello_arrow.png) right no-repeat;
}
.text
{
	padding:0 0 0 365px;
}
.pic_box{
	width:500px;
	margin:-7px 0 0 0;
	padding:0;
	float:left;
}
#content_boxes{
	width:950px;
	padding:10px 0 0 0;
	float:left;
}
#content_boxes ol li{
	padding-bottom:10px;
}
#content_boxes ul{
	margin:0;
	padding:5px 0 10px 50px;
}
#content_boxes ul li{
	margin:10px 0 0 0;
	list-style-image: url(../image/list.png);
	font-size: 12px;
}
p{
	text-align:justify;
}
.box1{
	width:300px;
	float:left;
	margin:0 5px 0 0;
	padding:0 10px 0 0;
	background:url(../image/box1.png) left top no-repeat;
}
.box2{
	width:300px;
	float:left;
	margin:0 5px 0 0;
	padding:0 10px 0 5px;
	background:url(../image/box2.png) top no-repeat;
}
.box3{
	width:305px;
	float:left;
	margin:0;
	padding:0 0 0 5px;
	background:url(../image/box2.png) top left no-repeat;
}

h2{
	font-size:16px;
	margin:0;
	padding:5px 0 0 0;
	text-align:center;
	font-weight:lighter;
}

.read_more{
	float:right;
	margin:0 10px 0 0;
	font-size:12px;
}
.read_more li{
	list-style-image:url(../image/arrow.png);
}
#bottom{
	width:1032px;
	height:72px;
	background:url(../image/bottom.png) no-repeat;
	margin:0 auto;
}
#footer{
    background:#464646 url(../image/foot_bot.png) bottom repeat-x;
	height:310px;
	margin:0;
	padding:0;
	color:#FFF;
	width:100%;
}
#foot_content{
	width:980px;
	margin:0 auto;
	height:188px;
	padding:10px 0 0 20px;
	background:url(../image/foot_gas.png) bottom right no-repeat;
}
.foot_heading{
	background:url(../image/foot_heading.png) no-repeat;
	width:222px;
	height:27px;
	padding:3px 0 0 15px;
	font-size:20px;
}
#quick_link{
	width:auto;
	float:left;
}
a{
	text-decoration:none;
	color:#FFFFFF;
}
#quick_link ul{
	width:100px;
	float:left;
	margin:20px 0 0 0;
	padding:0 0 0 25px;
}
#quick_link ul li{
	list-style-image:url(../image/list_menu.png);
	font-size:12px;
	line-height:25px;
}

#quick_link ul li:hover{
	list-style-image:
	url(../image/menu_hover.png);
	line-height:25px;
	color:#FC3;
}
#ourbus{
	width:220px;
	float:left;
	margin:0 0 0 50px;
	font-size:12px;
}
#ourbus ul li{
	list-style-image:url(../image/list_bus.png);
	line-height:25px;
}
#ourbus ul li:hover{
	list-style-image:url(../image/arrow_1.png);
	line-height:25px;
	color:#FC3;
}
#contact
{
	padding:0 0 0 20px;
	width:600px;
}
#contact  li
{
	list-style:none;
	
}

#foot_contact{
	width:360px;
	float:right;
	margin:0 25px 0 0;
	padding:0 0 0 0;
	font-size:13px;
}
h3{
	font-size:16px;
	margin:0;
	padding:7px 15px;
	color:#800000;
	font-weight:lighter;
	background:url(../image/foot_heading.png) no-repeat;
}
#foot_contact ul{
	padding:0;
}
#foot_contact ul li{
	float:left;
	margin:0 40px 0 0;
}
.design{
	width:960px;
	padding:10px 0 0 0;
	font-size:13px;
	margin:0 auto;
}
.design a{
	color:#FFF;
	text-decoration:none;
}
.fb_twit{
	width:auto;
	float:left;
	margin:0 0 0 -20px;
	padding:110px 0 0 0;
}
.fb_twit img{
	padding-left:13px;	
}
.read_more a{
	color:#000;
}
.box11{
	width:300px;
	float:left;
	margin:10px 20px 0 25px;
	padding:0 10px 0 10px;
}
.left_data_container{
	width:625px;
	float:left;
	padding:0 0 0 10px;
}
.data_container
{
	width:625px;
	float:left;
	margin:10px 0 0 0;
	
}
.gallery_container
{
	width:540px;
	float:left;
	
}
.right_data_container{
	width:315px;
	float:left;
}

input{
	outline:none;
}
textarea{
	outline:none;
}
.copyrights{
	width:800px;
	float:left;
	text-align:center;
}
#process_img{
	padding:20px;
}


.clear {clear: both;height: 0;line-height: 0;}
.clearfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
.clearfix {height: 1%;}
.clearfix {display: block;}
/* ----- clear fix for floats ----- */
.clear { clear:both; line-height:0px; font-size:0px; height:0px; display:block; }
.clearfix:after { content: "."; display:block; height:0; clear:both; visibility:hidden; }