
hr{
	background:url('../images/bg_hr.png') no-repeat center;
	border:0;
	height:15px;
	width:100%;
	float:left;
}
#header .wrapper{
	background:url('../images/bg_paper.jpg');
}
		#header.red{
			margin-top:-180px;
			z-index:10;
		}
		
		
	.green{
		position:static;
	}
	.red{
		position:fixed;
	}
	.newsletter,
	.address,
	.nav{
		width:100%;
		float:left;
		text-align:center;
		margin:0 auto;
		clear:both;
	}
	.newsletter{
		height:55px;
	}
		.newsletter form{
			margin:10px 0;
			padding-left:50px;
			float:right;
			background:url(../images/bg_search.png) no-repeat center left;
		}
		.newsletter input{
			height:20px;
			font-family:'DIN', Arial, Helvetica, sans-serif;
			border:0;
			font-size:0.85em;
			padding:4px 8px;
		}
		.newsletter input[type=text]{
			width:170px;
			text-align:rights
		}
		.newsletter input[type=submit]{
			
			color:#b0b0b0 !important;
			-webkit-appearance: none;
    		border-radius: 0;	
			float:right;
		}
		.newsletter .options{
			font-size:0.7em;
			vertical-align:middle;
			color:#555;
		}
		.newsletter input[type=checkbox]{
			font-size:1.0em;
			float:left;
		}
		.newsletter label{
			padding:3px 3px;
			padding-right:10px;
			float:left;
		}
		.newsletter .right{
			border-left:2px solid #c0c0c0;
			height:48px;
		}
		#response .num{
			text-align:center;
			width:25px;
			height:25px;
			margin:0 auto;
			margin-top:-12px;
			line-height:22px;
			vertical-align:middle;
			
		}
		#response .success,
		#response .error{
			padding:25px 30px 20px 30px;
			font-size:1.1em;
			line-height:1.3;
		}
	.logo{
		position:absolute;
		margin:0 50%;
		left:-190px;
		text-align:center;
		z-index:1;
		margin-top:70px;
	}
		.logo img{
			width:380px;
			margin:0 auto;
		}
	.address{
		padding:15px 0;
		height:100px;
		text-transform:uppercase;
		
	}
		.address .left,
		.address .right{
			width:50%;
		}
		.address .left{
			text-align:left;
		}
		.address .right{
			text-align:right;
		}
		.address .left img{
			padding-left: 20px;
		}
		.address .right img{
			padding-right: 20px;
		}
		
		.address .floater{
			width:auto;
		}
			.address .left .floater{
				margin-left: 20px;
				float:left;
				text-align:center;
				display:block;
			}
			.address .right .floater{
				margin-right: 20px;
				float:right;
				text-align:center;
			}
		.address .floater div{
			clear:both;
			width:100%;
		}
		.address .name{
			font-size:1.2em;
			margin-bottom:5px;
		}
		.address .street{
			font-size:0.9em;
		}
		.address .hours{
			font-size:0.9em;
		}
		.address .phone{
			margin-top:5px;
			font-size:1.6em;
		}
	.nav{
		padding:10px 0;
		text-transform:uppercase;
		font-weight: 300; 
		font-size:1.1em;
	}
	.nav li{
		display:inline;
		list-style:none;
		margin:0 1.26em;
	}
	.nav .mobile{
		display:none;
	}
	/*
	.nav .mobile:hover + ul,
	.nav  ul:hover{
		display:block;
	}
	*/
#footer .wrapper{
	background:url('../images/bg_paper.jpg');
}

	#footer .r1,
	#footer .r2,
	#footer .r3{
		padding:0 20px;
		max-width:940px;
		margin:0 auto;
		overflow:auto;
	}
		#footer .r1{
			margin-top:15px;
		}
		#footer .r1 h2{
			font-size:1.5em;
		}
		#footer .r2{
			font-size:1.05em;
			line-height:1.4;
			padding-bottom:20px;
			
		}
			#footer .r2 .left{
				line-height:1.25;
			}
			#footer .r2 .right{
				line-height:1.4;
			}
				#footer .r2 a{
					font-size:0.95em;
				}
		#footer .r2 .left,
		#footer .r2 .right,
		#footer .r2 .center{
			width:33.3%;
			float:left;
		}
		#footer .r3{
			margin-bottom:15px;
		}
		#footer .center{
			text-align:center;
		}
			#footer .center img{
				margin:30px auto;
			}
		#footer .right{
			text-align:right;
			font-size:0.85em;
		}
		.ssmedia{
			float:right;
		}
			.ssmedia li{
				float:left;
				list-style:none;
				height:20px;
				margin-left:20px;
			}
			.ssmedia li img{
				height:100%;
			}
		.copyright{
			font-size:0.85em;
		}


		#footer .layer-menu{
			text-align:center;
			text-transform:uppercase;
			margin-top:60px;
			margin-bottom:20px;
		}
		#footer .layer-menu .phone{
			font-size:2.75em;
		}
.section .big_image{
	overflow:hidden;
	clear:both;
}
	.section .big_image .grid_gallery{
		min-width:100%;
		float:left;
	}
		.section .big_image .grid_gallery li{
			list-style:none;
			float:left;
			width:33.33%;
		}
		.section .big_image .grid_gallery img{
			float:left;
			width:100%;
		}
	.section .big_image .wrap{
		max-width:810px;
		margin:0 auto;
		position:relative;
	}
		.section .big_image .wrap img{
			width:100%;
		}

.section .text{
	padding:0 20px;
	max-width:745px;
	margin:30px auto 20px auto;
	clear:both;
	position:relative;
	
}
.section .text p{
	margin:20px 0;
	letter-spacing:0.074em;
	line-height: 1.69;
}
.section h1,
.section h2{
	font-size:1.5em;
	letter-spacing:0.02em;
}

.section h3{
	font-size:1.04em;
	padding-top:5px;
	padding-bottom:5px;
}
.section .btn_menu{
	padding:9px 0;
	background:url('../images/btn_menu.png') no-repeat top center;
	max-width:355px;
	text-align:center;
	margin:30px 0;
	font-size:1.05em;
}


/* WELCOME */
#welcome .big_image{
	margin:30px auto;
}

#welcome .text{
	max-width:810px;
	margin:30px auto 20px auto;
}
	#welcome .left{
		max-width:230px;
		width:30%;
	}
	#welcome .right{
		max-width:580px;
		width: 70%;
		float:left;
	}
	
	
/* AT THE MARKET */
#market .big_image{
	position:relative;
}
#market .big_image img{
	margin-top:60px;
}

#market .text{
	margin:30px auto 40px auto;
}
#market .text p{
	margin:20px auto;
}
#market .decor{
	position:absolute;
	top:-60px; 
	right:110px;

}



/* TO GO */



/* COMMUNITY */
#community .big_image{
	margin:40px auto;
}

#community .list{
	margin:10px auto;
	float:left;
}
	#community .list li{
		width:33.3%;
		float:left;
		list-style:none;
		font-size:0.9em;
		padding:7px 0;
	}



/* SERVICES */
#services .big_image{
	margin:40px auto;
}

#services .boxes{
	max-width:810px;
	clear:borh;
	margin:0 auto;
	margin-bottom:10px;
	overflow:auto;
	
}

	#services .boxes .box,
	#services .boxes .blank{
		float:left;
		width:43%;
		margin:12px 3% 45px 3%;
		text-align:center;
		border:1px solid #000;
	}
	#services .boxes .blank{
		border:1px solid #fff;
		
	}
		#services .box p{
			margin:15px 20px;
			line-height:1.4;
		}
		#services .box h3{
			margin-top:10px;
			font-size:1.0em;
		}
		#services .box .num{
			text-align:center;
			width:25px;
			height:25px;
			margin:0 auto;
			margin-top:-12px;
			font-size:1.2em;
			line-height:25px;
			vertical-align:middle;
			
		}
	
	#services .boxes .blank{
		font-size:2.1em;
		line-height:1.2;
	}
	
	#services .boxes .blank img{
		max-width:100%;
	}


.error404{
	text-align:center;
	min-height:600px;
}
	.error404 h1{
		margin:150px auto 20px auto;
		font-size:4.5em;
		text-transform:uppercase;
	}
	.error404 h1 + div{
		margin:20px auto 150px auto;
	}


#pageLayer.newsletter_layer{
	top:185px;
    left:-207px;
	width:100%;
	max-width:415px;
    min-height:175px;
	border:1px solid #000;
	text-align:center;
}

#pageLayer.menu_layer{
	top:60px;
    left:-300px;
	width:100%;
	max-width:600px;
    min-height:175px;
	border:1px solid #000;
	text-align:center;
}



@media screen and (max-width: 980px){

	#header.red{
		margin-top:-330px;
	}
		
	.address{
		margin-top:150px;
	}
		.address .left,
		.address .right{
			text-align:center;
		
		}
	
	#welcome .left{
		width:45%;
	}
	#welcome .right{
		width:55%;
	}
		#welcome .left{
			padding-bottom:20px;
		}
	#community .list li{
		width:50%;	
	}
	
}

@media screen and (max-width: 480px){
	#header.red{
		margin-top:-370px;
	}
	.logo{
		left:-140px;
	}
	.logo img{
		width:280px;
	}
	.address{
		margin-top:90px;
		height:200px;
	}
		.address .left,
		.address .right{
			text-align:center;
			width:100%;
		}
		.address .left .floater,
		.address .right .floater{
			margin:10px 0;
			float:none;
		}
	.nav .mobile{
		display:block;
	}
	.nav ul{
		display:none;
	}
	.nav li{
		border-bottom:1px solid #000;
		font-size:2.0em;
		padding:5px 0;
		margin:0 !important;
		width:100%;
		float:left;
	}
	
	.section .big_image .grid_gallery li{
			list-style:none;
			float:left;
			width:100%;
			margin-bottom:30px;
		}
		
		
		
	#welcome .left,
	#welcome .right{
		width:100%;
		float:left;
	}
		#welcome .left{
			max-width:100%;
			text-align:center;
		}
	
	#market .decor{
		display:none;
	}
	#community .list li{
		width:100%;	
	}


	#services .boxes .box,
	#services .boxes .blank{
		width:94%;
		margin:12px 3% 45px 3%;
	}
	
	#footer .r2 .left,
	#footer .r2 .right,
	#footer .r2 .center,
	#footer .r3 .left,
	#footer .r3 .right{
		width:100%;
		float:left;
		text-align:center;
	}
	#footer .copyright{
		padding-top:15px;
	}
	
	.newsletter_layer{
		max-width:300px !important;
    	left:-151px !important;
	}
	
	.menu_layer{
		max-width:280px !important;
    	left:-141px !important;
	}


}













