@charset "UTF-8";
/* CSS Document */

body {
	padding: 0px 0 0 0;
	margin: 0 auto ;
	font-size: 13px;
	text-align: center;	
	
}

	

div#preload { display: none; }
	
/* Header */

#headerwrapper {
	width: 100%;
	background-color: #fff;
	margin: 0 auto;
	top: 0; left: 0;
	text-align: center;
	z-index: 10000;
	position: relative;
	
			
}

#header {
	height:180px;
	max-width:1010px;
	margin: 0 auto;
	top: 0; left: 0;
	text-align: center;
	background-image:url('head.png');
	background-position: center;
	background-color:none;
	background-repeat: no-repeat;
			

}

#aboutlink {
	
	
	background-color:none;
	float: right;
	margin: 47px 50px 0px 0px;
	padding:9px 5px 9px 5px;
	position: relative;	
	font-family: "chaparral-pro",sans-serif;
	font-style: normal;
	font-weight: 300;
	font-size:15px;
	letter-spacing:3px;
	text-transform:none;
border-bottom: 1px solid #adb6b8;
border-top: 1px solid #adb6b8;
color: #adb6b8;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	}
	
#aboutlink a {

	text-decoration: none; 
	color: #079fde;
		-webkit-transition: all 0.2s ease-in-out;
	 	-moz-transition: all 0.2s ease-in-out;
	 	-o-transition: all 0.2s ease-in-out;
		-ms-transition: all 0.2s ease-in-out;
		transition: all 0.2s ease-in-out;
	}
	
	
	
#aboutlink:hover {

		border-bottom: 1px solid black;
		border-top: 1px solid black;
		padding:9px 5px 9px 5px;
		color: black;
		}	
	
#twitterlink {
		height: 40px; 
		width:40px;
		background-image:url('t.png');
		background-position: center;
		background-color:none;
		background-repeat: no-repeat;
		float: left;
		border-bottom: 1px solid #adb6b8;
		border-top: 1px solid #adb6b8;
		margin: 47px 0px 0px -3px;
		position: relative;	
			-webkit-transition: all 0.2s ease-in-out;
			-moz-transition: all 0.2s ease-in-out;
			-o-transition: all 0.2s ease-in-out;
			-ms-transition: all 0.2s ease-in-out;
			transition: all 0.2s ease-in-out;
		}
		
#twitterlink:hover {
	
		background-image:url('th.png');
		border-bottom: 1px solid black;
		border-top: 1px solid black;
				}	
				
#fblink {
		height: 40px; 
		width:40px;
		background-image:url('f.png');
		background-position: center;
		background-color:none;
		background-repeat: no-repeat;
		float: left;
		border-bottom: 1px solid #adb6b8;
		border-top: 1px solid #adb6b8;
		margin: 47px 0px 0px 45px;
		position: relative;	
			-webkit-transition: all 0.2s ease-in-out;
			-moz-transition: all 0.2s ease-in-out;
			-o-transition: all 0.2s ease-in-out;
			-ms-transition: all 0.2s ease-in-out;
			transition: all 0.2s ease-in-out;
		}

#fblink:hover {

		background-image:url('fh.png');
		border-bottom: 1px solid black;
		border-top: 1px solid black;
		}	
	
#stickyheader { 
	height:100px;
	width:100px;
	background-image:url('arrow.png'); background-position:center; background-repeat: no-repeat;
	position: fixed;
	margin: 0 auto;
	z-index:300;
	top: 0;
		-webkit-transition: all 0.2s ease-in-out;
		-moz-transition: all 0.2s ease-in-out;
		-o-transition: all 0.2s ease-in-out;
		-ms-transition: all 0.2s ease-in-out;
		transition: all 0.2s ease-in-out;
	}
	
#stickyheader:hover { background-image:url('arrowh.png');
		}

#stickymobile { display:none; width: 100%; height: 80px; position: fixed; z-index:300; margin-top: 20px;}
		
#mobiletop {
		float: left; 
		height:80px;
		width:80px;
		background-image:url('arrow2x.png'); background-position:center; background-repeat: no-repeat;				margin-left:20px;
		z-index:301;		 }
#mobileabout {
	    float: right;  
		height:80px;
		width:80px;
		background-image:url('i.png'); background-position:center; background-repeat: no-repeat;
		margin-right:20px;	
		z-index:301;			
			}			

/* About */
.about {
    
    max-width: 1100px; 
	width:85%; 
	padding-top:0px; padding-bottom:30px;
	text-align: center;
	margin:auto;
	font-family: sans-serif;
	font-style: normal;
	font-weight: 300;
	color:#fff;
	font-size: 20px;
	line-height: 41px;	
	}
	
	.about a {

		font-family: sans-serif;
		font-style: normal;
		font-weight: 300;
		font-size: 22px;
		color:white;
		text-decoration: none;	
		padding: 0 20px 0 20px;
		margin: 30px 0 0 0;
			-webkit-transition: all 0.2s ease-in-out;
			-moz-transition: all 0.2s ease-in-out;
			-o-transition: all 0.2s ease-in-out;
			-ms-transition: all 0.2s ease-in-out;
			transition: all 0.2s ease-in-out;
		}	
		
		.about a:hover {
		color:#079fde;
		text-decoration: none;	
		
		}		
	
.abouttitle 	{

		font-family: Georgia, serif;
		font-style: normal;
		font-weight: 300;
		color:white;
		font-size: 22px;
		letter-spacing:12px;
		margin-bottom:70px;
		margin: 0 0 50px 0;
			
		}


#content {max-width:100%; padding-top:0; margin:auto; position: relative; margin-top:-50px;
	z-index: 1;
	}

/* tache */
.tache {
    
    max-width: 100%;  

	padding-top:0px;
	text-align: center;
	margin:auto;	
}


.tache img {
    max-width: 700px;
	width:38%;
	min-width: 500px;
    height:auto;
	max-height: auto;
	 }

.info  {
	margin: 0 auto;
	padding-top: 5px; padding-bottom:100px;
    
	height:36px;
	letter-spacing: 4px;
	text-transform: uppercase;
	
	
	 }
	

.address  {
	
	padding-bottom:12px;
	
	font-family: "museo-slab", Georgia, serif;
	font-style: normal;
	font-weight: 300;
	font-size:11px;
	letter-spacing: 4px;
	text-transform: uppercase;
	 }
	
.neighborhood  {
	
    
	font-family: "museo-slab",Georgia, serif;
	font-style: normal;
	font-weight: 300;	
	font-size:18px;
	letter-spacing: 4px;
	text-transform: uppercase;
	
	 }
	
	
	/* Footer */
#footer {
   
	width:1000px;
	height:50px;
	text-align: left;
	margin: 0 auto;
	font-family: "chaparral-pro",sans-serif;
	font-style: normal;
	font-weight: 600;
	color:#464c50;
	padding-top:30px;
	font-size: 15px;
	}

.liketaches { padding-top:3px;  height: 30px; width: 120px; float: left;}
.tweet { margin-left: 15px;  height: 30px; width: 120px; float: left;}
.follow { margin-left: -5px; margin-right: 25px; float: left;}
.like { margin-left: 18px; height: 30px; width: 120px; float: left;}
#legal {	
	float: right;
	background: none;
	padding-top:5px;
	font-family: "chaparral-pro",sans-serif;
	font-style: normal;
	font-weight: 400;
	color:#bdc0c2;
	font-size: 14px;
	}
		
		
		/* Media queries
		-------------------------------------------------------------------------------*/

	
		/* Tablet */
		@media only screen and (min-width: 768px) and (max-width: 1023px) {
			#aboutlink { display:none;}
			#fblink {display:none;} 
			#twitterlink {display:none;} 
			.liketaches {  margin-left:20px;}
			
			 }
			
		/* Mobile */
				@media only screen and (max-width: 767px) {
					
					#aboutlink { display:none;}
					#fblink {display:none;} 
					#twitterlink {display:none;} 
					#header {
						height:400px;
						background-image:url('head-mobile.png');
						background-position: center;
						background-color:none;
						background-repeat: no-repeat; 
						}
						
						#headerwrapper {
							width: 100%;
							background-color: #f7f8f4;
							margin: 0 auto;
							text-align: center;
							z-index: 10000;
							position: relative; 
							 }						
					
						.tache {
							padding:40px 0 30px 0;}
							
						.tache img {
						    width: 640px;
						    height:640px;
							
							 }	
							.address  {

								padding-bottom:16px;
								font-size:26px;
								letter-spacing: 6px;
								text-transform: uppercase;
								 }

							.neighborhood  {
								font-size:16px;
								letter-spacing: 5px; }
								
								.about {
									font-family: "chaparral-pro",sans-serif;
									font-style: normal;
									font-weight: 300;
									font-size: 32px;
									line-height: 54px;	
									}
									
									.about a {

									
										font-size: 26px;
										color:white;
										text-decoration: none;	
										padding: 0 0 20px 0;
									
									
										}	

										.about a:hover {
								
										color:#b23e3b;
										text-decoration: none;	

										}
									
									

								.abouttitle 	{
							font-size: 20px;
							letter-spacing:10px;
							margin: 90px 0 90px 0;	}
							
							#footer {
									width:640px;
									height:50px;
									text-align: center;
									margin: 0 90px 0 0;
								
									color:#464c50;
								padding-top:30px;
									font-size: 18px;
								}	
.liketaches {  margin-left:30px;}

#stickymobile { display:block; }
#stickyheader { display: none; }

#legal {	
display:none;
	}
					 }