/******** @font-face ********/

@font-face {
    font-family: 'TeXGyreHerosRegular';
    src: url('../texgyreheros-regular-webfont.eot');
    src: url('../texgyreheros-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../texgyreheros-regular-webfont.woff') format('woff'),
         url('../texgyreheros-regular-webfont.ttf') format('truetype'),
         url('../texgyreheros-regular-webfont.svg#TeXGyreHerosRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'DroidSerifItalic';
    src: url('../DroidSerif-Italic-webfont.eot');
    src: url('../DroidSerif-Italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../DroidSerif-Italic-webfont.woff') format('woff'),
         url('../DroidSerif-Italic-webfont.ttf') format('truetype'),
         url('../DroidSerif-Italic-webfont.svg#DroidSerifItalic') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'TeXGyreHerosCnRegular';
    src: url('../texgyreheroscn-regular-webfont.eot');
    src: url('../texgyreheroscn-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../texgyreheroscn-regular-webfont.woff') format('woff'),
         url('../texgyreheroscn-regular-webfont.ttf') format('truetype'),
         url('../texgyreheroscn-regular-webfont.svg#TeXGyreHerosCnRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

/******** Basic styling ********/

body {
    font:15px/22px 'DroidSerifRegular', Georgia, serif;
    color:#4E4E4E;
    background:#d9d7cf;
    margin:0;
    padding:0;
}

p {
	margin-bottom:16px;
	}

a img {
    border:none;
}

a {
    color:#7F9D6E;
    text-decoration: none;
}

a:hover {
	color:#333333;
    border-bottom:1px dotted #a1a1a1;
}

h1, h2, h3, h4, h5, h6, legend {
    font-size:100%;
	color:#333333;
	font-weight:normal;
}

h1 {
	font:12px/18px 'TeXGyreHerosRegular', "Helvetica Neue", Helvetica, sans-serif;
	text-transform:uppercase;
	color:#7e7e7e;
	letter-spacing:.08em;
	}
	
h2 {
	font-size:28px;
	line-height:34px;
	font-family: 'DroidSerifRegular', Georgia, serif;
	}

.clear {
    display:block !important;
    float:none !important;
    clear:both !important;
    position:relative !important;
}

.more {
	background:url(../images/arrow.png) right 8px no-repeat;
	padding-right:15px;
	}
	
.italic {
	font-family: 'DroidSerifItalic', Georgia, serif;
	}
	
em {
	font-style:normal;
	color:#7F9D6E;
	}
	
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }
	

/******** Layout ********/

#wrapper {
	width:1140px;
	margin:0 auto;
	background:#fff;
	overflow:hidden;
	padding-top:40px;
	}

.page {
	width:900px;
	margin:0 auto;
	text-align:left;
	}
	
.section {
	margin-bottom:40px;
	border-bottom:1px solid #cbc9c9;
	position:relative;
	}
	
.sub-heading span {
	position:absolute;
	top:-50px;
	left:0;
	font:12px/18px 'TeXGyreHerosRegular', "Helvetica Neue", Helvetica, sans-serif;
	text-transform:uppercase;
	color:#7e7e7e;
	letter-spacing:.08em;
	background:#fff;
	z-index:1;
	padding:0 10px 0 0;
	}
	
.two-column {
	width:430px;
	float:left;
	margin:0 40px 0 0;
	}
	
.last {
	margin:0;
	}

	
/******** Header ********/

header {
	height:130px;
	border-bottom:1px solid #cbc9c9;
	position:relative;
	margin:0 0 40px 0;
	text-align:center;
	}
	
#logo {
	display:block;
	margin:0 auto;
	left:50%;
	margin-left:-270px;
	position:absolute;
	top:14px;
	background:url(../images/logo.png) 0 0 no-repeat;
	text-indent:-9999px;
	width:531px;
	height:25px;
	border:0;
	}
	
nav {
	position:absolute;
	top:70px;
	left:50%;
	margin-left:-304px;
	}
	
nav li {
	float:left;
	margin:0 30px 0 0;
	padding:0 30px 0 0;
	background:url(../images/divider.png) right center no-repeat;
	}
	
nav li.last {
	background:none;
	}
	
nav li a {
	color:#1a1a1a;
	font-family: 'DroidSerifItalic', Georgia, serif;
	}
	
nav li a:hover,
nav li a.active {
	text-decoration:none;
	}
	
nav li a.active {
	color:#7F9D6E;
	}
	
/******** Feature ********/

#feature {
	border-bottom:1px solid #cbc9c9;
	float:left;
	width:900px;
	margin-bottom:40px;
	padding-bottom:40px;
	}
	
.front-page img {
	float:left;
	width:540px;
	margin-right:40px;
	}
	
.feature-intro {
	float:left;
	width:320px;
	}
	
.feature-intro h1 {
	margin-bottom:20px;
	}
	
.feature-intro h1 {
	margin-bottom:20px;
	padding-top:6px;
	}
	
#feature h2 {
	margin-bottom:20px;
	}
	
#feature p {
	margin-bottom:0;
	}
	
#feature .feature-intro h2,
#feature .feature-intro p {
	margin-bottom:14px;
	}

/******** Homepage ********/

aside {
	float:left;
	width:195px;
	position:relative;
	}
	
aside.home {
	margin:0 40px 40px 0;
	}
	
aside.last {
	margin:0;
	}
	
aside.home h2 {
	font-size:20px;
	line-height:24px;
	margin:0 0 6px 0;
	}
	
aside.home img {
	display:block;
	margin:0 0 15px 0;
	}
	
aside.home p {
	margin-bottom:10px;
	}
	
/******** Suppliers ********/

.suppliers {
	width:900px;
	float:left;
	border-bottom:1px solid #cbc9c9;
	margin-bottom:40px;
	padding-bottom:40px;
	}
	
.supplierbox {
	float:left;
	position:relative;
	}
	
.supplierbox a {
	border:0;
	}
	
/******** item ********/

aside.item {
	margin:0 40px 40px 0;
	}
	
aside.item.last {
	margin:0 0 40px 0;
	}
	
aside.item h2 {
	font-size:15px;
	line-height:15px;
	margin:0;
	}
	
aside.item p {
	font-style:italic;
	font-size:12px;
	margin:0;
	}
	
.caption {
	padding:4px;
	}
	
.item a:hover {
	border:none;
	}
	
/******** about ********/
	
.about img {
	padding-top:24px;
	}
	
#feature.about p,
#feature.contact p {
	margin-bottom:16px;
	}
	
aside.profile {
	width:390px;
	margin-bottom:40px;
	}
	
/******** gallery ********/

.gallery img {
	margin-bottom:40px;
	padding-right:60px;
	float:left;
	}
	
.gallery img.end {
	padding:0;
		}
	
#feature h2.gall {
	margin-bottom:0;
	}
	
/******** contact ********/
	
#contact-form input[type="text"] {
    background:#F4F6F1;
    border: 1px solid #D5D5D5;
    font-family: 'DroidSerifRegular', Georgia, serif;
    color:#4E4E4E;
    font-size: 15px;
    height: 27px;
    margin: 0 0 20px;
    outline: 0;
    padding: 12px 8px;
    width: 412px;
}
#contact-form textarea {
    background:#F4F6F1;
    border: 1px solid #D5D5D5;
    font-family: 'DroidSerifRegular', Georgia, serif;
    color:#4E4E4E;
    font-size: 15px;
    height: 150px;
    margin: 0 0 20px;
    outline: 0;
    padding: 12px 8px;
    width: 412px;
}

#contact-form .btn-contact-send {
	padding: 6px 12px;
	background:#F4F6F1;
	border: 1px solid #D5D5D5;
	font-family: 'DroidSerifRegular', Georgia, serif;
	color:#4E4E4E;
    font-size: 15px;
	}
	
#map_canvas { 
	height: 400px;
	margin-bottom:30px;
	}
	
.fb {
	background:url(../images/fblogo.jpg) left center no-repeat;
	padding:0 0 0 18px;
	margin-top:10px;
	}

.fb a {
	color:#4E4E4E;
	}
	
/******** Footer ********/

footer {
	overflow:hidden;
	width:900px;
	margin:0 auto 20px auto;
	color:#4f4f4f;
	}

footer aside {
	width:195px;
	margin:0 40px 0 0;
	font-size:14px;
	line-height:22px;
	}
	
footer h1 {
	font:12px/18px 'TeXGyreHerosRegular', "Helvetica Neue", Helvetica, sans-serif;
	text-transform:uppercase;
	color:#7e7e7e;
	letter-spacing:.08em;
	margin-bottom:10px;
	padding-top:6px;
	}
	
footer p {
	margin-bottom:10px;
	}