body {
	background:#fff;
}
.phone, .menu-hidden {
	display:none;
}
header {
	background:#f5f2e3 url(../images/canvas-bg.png) repeat;
	padding:14px 0 10px;
}
header h3 {
	font-size:60px;
	color:#feed01;
	line-height:70px;
}
header img {
	width:100%;
	height:auto;
}
.repairer {
	text-align:center;
}
.repairer img {
	max-width:76px;
}
.logo img {
	max-width:285px;
}
.stitch-border {
	border-bottom:2px dashed #d3cdba;
	height:1px;
	width:100%;
}

nav .container {
	position:relative;
	background:#2d612e;
	z-index:20;
	height:58px;
	bottom:-12px;
}
nav ul {
	position:absolute;
	bottom:0;	
}
nav ul li {
	display:inline-block;
	font-family: 'Anton', sans-serif;
	color:#fff;
	padding:17px 32px 15px;
	text-transform:uppercase;
	border-right:2px solid #5f8760;
}
nav ul li a {
	font-family: 'Anton', sans-serif;
	color:#fff;
	text-decoration:none;
	font-size:26px;
}
nav ul li:hover, nav ul li.current, nav ul li.section {
	background:#1d3e1f;	
	border-top:3px solid #feed01;
}
nav ul li:hover a, nav ul li a:hover, nav ul li.current a, nav ul li.section a{
	color:#feed01;
	text-decoration:none;
}
nav ul li:hover a {
	
}

header .contact {
	text-align:right;
}
header .contact a {
	font-size:20px;
	line-height:30px;
	color:#012905;
	text-decoration:none;
}
header .contact a:hover {
	text-decoration:underline;
	color:#449446;
}
#banner {
	background:#1d3e1f url(../images/banner-bg.jpg) no-repeat top center;
	height:400px;
	overflow:hidden;
}
.internal #banner {
	background:#1d3e1f url(../images/internal-banner-bg.jpg) no-repeat top center;
	height:206px;
	border-bottom:5px solid #feed01;
	padding-top:80px;
}
.internal #banner h1, .internal #banner h2, .internal #banner h3, .internal #banner h4, .internal #banner h5, .internal #banner h6 {
	font-family: 'pt_sansregular';
	color:#fff;
	text-transform:none;
	line-height:50px;
}
.internal #banner h1 strong, .internal #banner h2 strong, .internal #banner h3 strong, .internal #banner h4 strong, .internal #banner h5 strong, .internal #banner h6 strong{
	font-family: 'pt_sansbold';
}
.internal #banner h1 {
	font-size:50px;
}

#content {
	margin-top:30px;
}
.highlight {
	width:100%;
	display:block;
	background:#e9e9e8;
	padding:30px 40px;
}
.highlight h1 {
	font-size:34px;
	line-height:34px;
	font-family: 'pt_sansregular';
	text-transform:none;
	color:#000;
	margin-bottom:0;
}
.highlight h1 strong{
	font-family: 'pt_sansbold';
	color:#2d612e;
}
.textcontainer {
	margin-top:30px;
	margin-bottom:80px;
}
.textcontainer h1, .textcontainer h2, .textcontainer h3, .textcontainer h4, .textcontainer h5, .textcontainer h6 {
	font-family: 'pt_sansbold';
	margin-bottom:12px;
	text-transform:none;
}
.textcontainer aside h1, .textcontainer aside h2, .textcontainer aside h3, .textcontainer aside h4, .textcontainer aside h5, .textcontainer aside h6 {
	font-family: 'Anton', sans-serif;
	margin-bottom:12px;
	text-transform:uppercase;
	color:#2d612e;
}
.textcontainer h2 {
	font-size:26px;
	line-height:38px;
	color:#2d612e;
}
.ContactPage .textcontainer {
	margin-bottom:0px;
}
#nuggets {
	background:#f5f5f5;
	padding:25px 0 50px;
}
.nugget {
	margin:20px 0;
	padding-bottom:10px;
	border-bottom:5px solid #d5d5d2;
	position:relative;
}
.nugget-img img{
	width:90%;
	height:auto;
}
.nugget .more {
	position:absolute;
	bottom:0;
	right:0;
}
.nugget .more a {
	font-size:18px;
}
.nugget h4 {
	margin-bottom:18px;
}

/***contact page *****/
.greyBg {
	background: rgb(240,242,242); /* Old browsers */
background: -moz-radial-gradient(center, ellipse cover,  rgba(240,242,242,1) 0%, rgba(223,225,225,1) 100%); /* FF3.6+ */
background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,rgba(240,242,242,1)), color-stop(100%,rgba(223,225,225,1))); /* Chrome,Safari4+ */
background: -webkit-radial-gradient(center, ellipse cover,  rgba(240,242,242,1) 0%,rgba(223,225,225,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-radial-gradient(center, ellipse cover,  rgba(240,242,242,1) 0%,rgba(223,225,225,1) 100%); /* Opera 12+ */
background: -ms-radial-gradient(center, ellipse cover,  rgba(240,242,242,1) 0%,rgba(223,225,225,1) 100%); /* IE10+ */
background: radial-gradient(ellipse at center,  rgba(240,242,242,1) 0%,rgba(223,225,225,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0f2f2', endColorstr='#dfe1e1',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
padding:40px;
margin-bottom:80px;
}
.border-right {
	border-right:2px solid #fff;
}
/*****products****/
.product-holder {
	border-bottom:5px solid #d5d5d2;
	padding:20px 0;
	margin:0 0 30px 0;
}
.product-holder.last {
	border-bottom:none;
}
.product-details {
	position:relative;
	min-height:230px;
	padding-bottom:50px;
}
.product-details .more {
	position:absolute;
	bottom:0;
	left:0;
}
.product-image img {
	width:100%;
	height:auto;
}
.even .product-image {
	float:right;
}
.even .product-details {
	float:left;
}
.galleria {
	margin-bottom:50px;
}
.ProductPage .nugget {
	border-bottom:none;
	position:relative;
	overflow:hidden;
	margin-right:1%;
	margin-left:0;
}

.hover {
	display:none;
	position:absolute;
	top:0;
	left:0;
	background:url(../images/black-60.png) repeat;
	width:100%;
	height:100%;
	max-height:290px;
	padding:30px;
	text-align:center;
}
.ProductPage .nugget:hover > .hover {
	display:inline-block;
}
.ProductPage .nugget:hover > .nugget-text {
	display:none;
}
.ProductPage .nugget-text {
	position:absolute;
	left:0;
	bottom:10px;
	width:100%;
	background:#feed01;
	text-align:center;
	padding:16px 12px;
}
.ProductPage .nugget-img {
	max-height:290px;
}
.ProductPage .nugget-img img{
	width:100%;
	height:auto;
}
.ProductPage .nugget-text h4{
	margin-bottom:0;
}
.ProductPage #nuggets .container .gutters .nugget:first-child{
	margin-left:0;
}
.hover p, .hover h4 {
	color:#fff;
}
.view {
	text-align:right;
}
.view a {
	color:#feed01;
	text-decoration:none;
	text-transform:uppercase;
	font-family: 'Anton', sans-serif;
	font-size:18px;
	position:absolute;
	bottom:40px;
	right:40px;
}
.view a:hover {
	color:#fff;
	text-decoration:underline;
}
.google-map img {
	width:100%;
	max-width:340px;
	height:auto;
	padding-right:20px;
}
.gallerylink {	
	background:#2d612e;
	padding:12px 15px;
	margin:20px 0;
}
.gallerylink a {
	font-family: 'Anton', sans-serif;
	text-transform:uppercase;
	color:#fff;
}
.gallerylink:hover {
	background:#012905;
}
footer {
	background: rgb(47,49,47); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(47,49,47,1) 0%, rgba(61,64,61,1) 22%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(47,49,47,1)), color-stop(22%,rgba(61,64,61,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(47,49,47,1) 0%,rgba(61,64,61,1) 22%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(47,49,47,1) 0%,rgba(61,64,61,1) 22%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(47,49,47,1) 0%,rgba(61,64,61,1) 22%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(47,49,47,1) 0%,rgba(61,64,61,1) 22%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2f312f', endColorstr='#3d403d',GradientType=0 ); /* IE6-9 */

}
footer .stitch-border {
	border-bottom:2px dashed #6e6b5f;
	opacity:0.5;
	padding-top:10px;
}
footer .container {
	padding:26px 0;
}
footer h1, footer h2, footer h3, footer h4, footer h5, footer h6, footer a, footer p {
	color:#fff;
}
footer h5 {
	display:block;
	border-bottom:1px solid #feed01;
	line-height:40px;
	margin-bottom:12px;
}
.address {
	padding:20px 0;
}
.icon {
	opacity:0.5;
}
.icon:hover {
	opacity:0.8;
}
.copyright, .credit {
	font-size:13px;
	line-height:16px;
	opacity:0.3;
	margin-bottom:6px;
}
.credit a {
	text-decoration:underline;
}
.map {
	text-align:center;
	opacity:0.8;
}
.map:hover {
	opacity:1;
}
.map img {
	width:80%;
	height:auto;
}
footer .links li {
	display:block;
	width:100%;
	text-transform:uppercase;
	border-bottom:1px solid #595c59;
	padding:8px 0;
}
footer .links li a {
	color:#cacaca;
}
footer .links li a:hover {
	color:#fff;
	text-decoration:none;
}
.right {
	display:inline-block;
	float:right;
}

@media screen and (max-width: 1250px){
	.container {
		width:100%;
	}
	.textcontainer {
		padding:0 15px;
	}
	#nuggets {
		padding:25px 15px 50px;
	}
	header h3 {
		font-size:50px;
		line-height:60px;
	}
	header .contact a {
		font-size:16px;
	}
	#banner {
		height:336px;
	}
}
@media screen and (max-width: 1024px){
	header h3 {
		font-size:40px;
		line-height:48px;
	}
	header .contact a {
		font-size:16px;
	}
	#banner {
		height:300px;
	}
	footer p, footer a, footer li {
		font-size:15px;
	}
}
@media screen and (max-width: 900px){
	#banner {
		height:261px;
	}
	.nugget {
		padding-bottom:50px;
	}
	.nugget p, .nugget{
		font-size:15px;
	}
	.nugget h4 {
		font-size:18px;
		margin-bottom:14px;
	}
	footer p, footer a, footer li {
		font-size:13px;
	}
	
}
@media screen and (max-width: 800px){
	header h3, header h3.yellow-green a, header a h3.yellow-green {
		font-size:36px;
		line-height:44px;
	}
	header h3.yellow-green a, header a h3.yellow-green {
		color:#feed01;
		text-shadow: -1px -1px 0 #012905,  
		1px -1px 0 #012905,
		-1px 1px 0 #012905,
		 1px 1px 0 #012905;
	}
	header .contact a {
		font-size:15px;
	}
	header .span_5.spacer {
		width:15%;
	}
	header .span_7.contact {
		float:right;
		width:32%;
	}
	#banner {
		height:222px;
	}
	.gutters .span_10.nugget-img, .gutters .span_14.nugget-text {
		width:100%;
		clear:both;
	}	
	footer .gutters .col {
		width:45%;
	}
	footer .span_1.spacer {
		width:0px;
	}
	footer .map {
		padding-top:40px;
	}
	footer .gutters .col.links {
		width:100%;
		margin-top:40px;
	}
	footer .links li {
		width:47%;
		display:inline-block;
		margin-right:2%;
	}
}
@media screen and (max-width: 650px){
	.logo-container {
		width:100%;
		text-align:center;
	}
	.col.repairer {
		width:85px;
		display:inline-block;
		float:none;
	}
	.col.logo {
		max-width:285px;
		display:inline-block;
		margin:10px 20px 0;
		float:none;
	}
	header .span_5.spacer {
		width:0px;
	}
	header .span_7.contact {
		float:none;
		clear:both;
		width:80%;
		margin:20px auto 0;
		text-align:center;
	}
	nav .container {
		height:52px;
	}
	nav ul li {
		padding:14px 32px 12px;
	}
	nav ul li a {
		font-size:20px;
	}
	#banner {
		height:208px;
	}
	.internal #banner {
		min-height:206px;
		height:auto;
	}
	.highlight {
		padding:24px 20px;
	}
	.highlight h1 {
		font-size: 30px;
		line-height: 34px;
	}
	.gutters .span_10.nugget-img {
		width:40%;
		clear:none;
		float:left;
	}	
	.gutters .span_14.nugget-text {
		width:55%;
		clear:none;
		float:left;
	}	
	.col.product-image {
		max-width:500px;
		float:none;
		margin:0 auto 40px;
		text-align:center;
	}
	.border-right {
		border:none;
	}
	form {
		padding:0;
		margin-top:40px;
	}
}
@media screen and (max-width: 550px){
	.phone {
		display:block;
	}
	.pc {
		display:none;
	}
	.phone li {
		background:url(../images/menu.png) no-repeat 20px;
		border-right:none;
		padding-left:56px;
	}
	.menu-hidden {
		position:relative;
		top:50px;
	}
	.menu-hidden li{
		width:100%;
		display:block;
		border-bottom:2px solid #5f8760;
		background:#1d3e1f;
		border-right:none;	
	}
	.menu-hidden li:hover {
		border-top:none;
	}
	#banner {
		height:177px;
	}
	footer .gutters .col {
		width:100%;
		clear:both;
	}
	
	footer .map {
		padding-top:40px;
	}
	footer .gutters .col.links {
		width:100%;
		margin-top:40px;
	}
	footer .links li {
		width:100%;
		display:block;
		margin-right:0;
	}
}
@media screen and (max-width: 480px){
	body {
		font-size:19px;
		line-height:24px;
	}
	#banner {
		height:200px;
		background:none;
	}
	#content {
		margin-top:0;
	}
	.internal #content {
		margin-top:30px;
	}
	p {
		font-size:19px;
		line-height:24px;
	}
	.intro {
		font-size:22px;
		line-height:26px;
	}
	.nugget h4 {
		font-size: 22px;
	}
	header h3, header h3.yellow-green a, header a h3.yellow-green {
		font-size:40px;
		line-height:46px;
	}
	.more {
		padding: 10px 30px 8px;
	}
	.internal #banner h1 {
		font-size: 40px;
		line-height: 48px;
	}
	.textcontainer h3 {
		line-height:36px;
	}
}
@media screen and (max-width: 340px){
	.gutters .span_10.nugget-img {
		width:100%;
		clear:both;
		float:none;
	}	
	.gutters .span_14.nugget-text {
		width:100%;
		clear:both;
		float:none;
		margin-top:20px;
	}
	.nugget-img img {
		width:100%;
	}
	.highlight h1 {
		font-size: 26px;
		line-height: 34px;
		text-align: center;
	}
}