* {
	margin:0;
	padding:0;
	
}


body {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;	
	background-color:#f3f3f3;
}

/* slightly enhanced, universal clearfix hack */
.clearfix:after {
     visibility: hidden;
     display: block;
     font-size: 0;
     content: " ";
     clear: both;
     height: 0;
     }
.clearfix { display: inline-block; }
/* start commented backslash hack \*/
* html .clearfix { height: 1%; }

.clearfix { display: block; }
/* close commented backslash hack */

a:active
{
outline: none;
}

a:focus
{
-moz-outline-style: none;
outline: none;
}

a {
text-decoration:none;

}

.wrapper{
	width:1200px;
	margin:0 auto;
	background-color:#f8f9fd;
	min-height:100%;
}

.header{
}

.logo{
	margin-left:500px;
	margin-top:35px;
	margin-bottom:30px;
}

.nav{
	width:530px;
	margin:0 auto;
}

.nav ul li{
	float:left;
	font-family: 'Aclonica', sans-serif;
	margin-right:65px;
}

.nav ul li a{
	display:block;
	padding:25px 0px;
	color:#4c2b20;
	border-top:1px solid #f8f9fd;
}

.nav ul li a:hover{
	color:#e74f42;
	border-top:1px solid #e74f42;
}

#about{
	padding:130px 0px 30px 0px;
	margin-bottom:20px;
}

#about h2{
	font-family: 'Roboto', sans-serif;
	font-size:45px;
	color:#35383f;
	text-align:center;
	text-transform:uppercase;
	font-weight:600;
	margin-bottom:20px;
}

.about_p{
    color: #545454;
    font-family: "Roboto",sans-serif;
    font-size:18px;
    font-weight: 100;
    margin: 0 auto 30px;
    text-align: center;
    width: 900px;
}

.about_link{
	padding-top:50px;
	margin-left:25px;
}

.quick_link{
	width:370px;
	margin-right:20px;
	float:left;
}

.quick_link p{
	text-transform:uppercase;
	color:#222;
	font-weight:bold;
	font-size:13px;
	margin:20px 0px 15px 0px;
}

.more{
	text-transform:uppercase;
	color:#aaaab4;
	font-weight:bold;
	font-size:12px;
}

#product{
	padding:80px 0px 0px 0px;
	margin-bottom:0px;
}

#product h2{
	font-family: 'Roboto', sans-serif;
	font-size:60px;
	color:#35383f;
	text-transform:uppercase;
	font-weight:600;
	margin-bottom:20px;
	margin-top:210px;
}

.product_left{
	width:630px;
	float:left;
	margin-left:30px;
}

.product_right {
	width:500px;
	float:left;
}

.p_img1{
	margin-right:30px;
}

.p_img2{
	margin-top:30px;
	vertical-align: top;
}

.product_right p{
	font-size:14px;
	color:#35383f;
	line-height:28px;
}

.product_right .more{
	margin-top:30px;
	display:inline-block;
}

#contact{
	padding:130px 0px 100px 0px;
}

#contact h2{
	font-family: 'Roboto', sans-serif;
	font-size:45px;
	color:#35383f;
	text-align:center;
	text-transform:uppercase;
	font-weight:600;
	margin-bottom:20px;
}

#contact h3{
	font-family: 'Roboto', sans-serif;
	font-size:20px;
	color:#aaaab4;
	text-align:center;
	font-weight:100;
	margin-bottom:80px;
	padding:0px 70px;
}

.contact_left{
	width:350px;
	float:left;
	margin-left:30px;
}

.contact_right{
	width:730px;
	float:right;
	margin-right:30px;
}

.contact_left .label{
	text-transform:uppercase;
	color:#222;
	font-weight:bold;
	font-size:13px;
	margin-bottom:10px;
}

.contact_left p{
	font-family: 'Roboto', sans-serif;
	color:#000;
	font-size:18px;
	margin-bottom:20px;
	font-weight:100;
}

.banner{
	position:relative;
}

.banner h1{
	position:absolute;
	top:250px;
	left:0px;
	color:#FFF;
	text-align: center;
	font-size: 60px;
	font-weight:bold;
	width:1200px;
}

.banner .small{
	position:absolute;
	top:480px;
	left:30px;
	color:#FFF;
	font-size: 14px;
	width:300px;
}

.more-link{
	color:#4c2b20;
}

.less-link{
	display:block;
	font-weight:100;
	width:1200px;
	text-align:center;
	color:#4c2b20;
	font-family: "Roboto",sans-serif;
    font-size: 18px;
}

#dynamic{
	padding:10px 20px;
	background:#35383f;
	color:#FFF;
}










