@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: #f7f8f4;
	margin: 0 auto;
	top: 0; left: 0;
	text-align: center;
	z-index: 10000;
	position: relative;
	
			
}

#header {
	height:140px;
	background-color: none;
	max-width:1010px;
	margin: 0 auto;
	top: 0; left: 0;
	text-align: center;
	background-position: center;
	background-color:none;
	background-repeat: no-repeat;
		}
			
	#logo {
		height:50px;
		background-color: none;
		width:692px;
		margin: 0 auto;
		float:left;
		top: 0; left: 0;
		text-align: center;
		background-image:url('head.png');
		background-position: center;
		background-color:none;
		background-repeat: no-repeat;
		margin: 44px 0px 0px 37px;

}

#aboutlink {
	
	
	background-color:none;
	float: right;
	margin: 47px 50px 0px 0px;
	padding:12px 5px 10px 5px;
	position: relative;	
	font-family: 'Archer A', 'Archer B', "chaparral pro", Georgia; font-weight: 500; font-style: normal;
	font-size:16px;
	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: #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:hover {

		border-bottom: 1px solid black;
		border-top: 1px solid black;
		padding:12px 5px 10px 5px;
		color: black;
		}	
		
		#iglink {
				height: 40px; 
				width:34px;
				background-image:url('ig.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;
				}
		
		#iglink:hover {
	
				background-image:url('igh.png');
				border-bottom: 1px solid black;
				border-top: 1px solid black;
						}	
	
#twitterlink {
		height: 40px; 
		width:34px;
		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:34px;
		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: 1000px; 
	width:80%; 
	padding-top:0px; padding-bottom:120px;
	text-align: center;
	margin:auto;
	font-family: 'Archer A', 'Archer B',"chaparral-pro", Georgia; font-weight: 300; font-style: normal;
	color:#818a8e;
	font-size: 25px;
	letter-spacing:-0.3px;
	line-height: 44px;	
	}
	
	.about a {

		font-family: 'Archer A', 'Archer B',"chaparral-pro", Georgia; font-weight: 500; font-style: normal;
		font-size: 21px;
		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:#b23e3b;
		text-decoration: none;	
		
		}		
	
.abouttitle 	{

		font-family: 'Archer A', 'Archer B', "museo-slab", Georgia; font-weight: 700; font-style: normal;
		color:white;
		font-size: 23px;
		letter-spacing:12px;
		margin-bottom:120px;
		margin: 40px 0 80px 0;
			
		}


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

/* Window */
.window {
    
    max-width: 100%;  

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


.window img {
    max-width: 580px;
	width:35%;
	min-width: 460px;
    height:auto;
	max-height: auto;
	background-color: none;
	 }

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

	
#addressgay  {
	padding-bottom:12px;
	font-family: 'Archer SSm A', 'Archer SSm B', "museo-slab", Georgia; 
	font-weight: 500; 
	font-style: normal;
	font-size:15px;
	letter-spacing: 4px;
	text-transform: uppercase;
		color:#f8a36f;
		animation: example 2s infinite;
		
	 }
	 


	 /* Standard syntax */
	 @keyframes example {
	     0%   {color:#f8a36f;}
	     25%  {color:#05d394; }
	     50%  {color:#05bae8; }
	     75%  {color:#c3a2fd; }
	     100% {color:#f8a36f; }
	 } 
	 
	 
	 
	 
	

.address  {
	
	padding-bottom:12px;
	font-family: 'Archer SSm A', 'Archer SSm B', "museo-slab", Georgia; 
	
	font-weight: 500; 
	font-style: normal;
	font-size:15px;
	letter-spacing: 4px;
	text-transform: uppercase;
	 }
	
.neighborhood  {
	
    opacity:0.6;
	font-family: 'Archer SSm A', 'Archer SSm B',"museo-slab", Georgia; 
	font-weight: 400; 
	font-style: normal;	
	font-size:10px;
	letter-spacing: 4px;
	text-transform: uppercase;
	
	 }
	
	
	/* Footer */
#footer {
	
	position:fixed;
	
	bottom: 0px;
	z-index: 993000000000;
	width:100%;
	height:40px;
	text-align: right;
	margin: 0 auto;
	font-family: 'Archer SSm A', 'Archer SSm B',"chaparral-pro", Georgia; 
	font-weight: 800; 
	font-style: normal;
	color:#464c50;
	padding-top:30px;
	font-size: 15px;
	}

.likewindows { display:none; padding-top:3px;  height: 30px; width: 120px; float: left;}
.tweet { margin-left: 0px;  height: 30px; width: 85px; float: right; margin-right:30px;}
.like { margin-left: 0px; height: 30px; width: 100px; float: right;}
.igfollow { margin-right: 10px; height: 30px; width: 120px; float: right;}
#legal {	
	float: left;
	position:absolute;
	left: 40px;
	background: none;
	padding-top:60px;
	font-family: "Lucida Grande",sans-serif;
	font-style: normal;
	font-weight: 400;
	color:white;
	opacity:0.4;
	font-size: 12px;
	}
		
		
		/* Media queries
		-------------------------------------------------------------------------------*/

			/* Retina Displays */

			/* Target any device with retina display (ie iPad 3 and MacBook Pro) */

			@media 
			only screen and (-Webkit-min-device-pixel-ratio: 1.5),
			only screen and (-moz-min-device-pixel-ratio: 1.5),
			only screen and (-o-min-device-pixel-ratio: 3/2),
			only screen and (min-device-pixel-ratio: 1.5) {

				#logo {
					height:50px;
					width:692px;
					background-image:url('head2x.png');
					-webkit-background-size: cover;
					-moz-background-size: cover;
					-o-background-size: cover;
					background-size: cover;}
					
			
				}
			
		/* Tablet */
		@media only screen and (min-width: 768px) and (max-width: 1023px) {
			#aboutlink { display:none;}
			#iglink {display:none;} 
			#fblink {display:none;} 
			#twitterlink {display:none;} 
			#logo {display:none;} 
			.likewindows {  margin-left:20px;}
			#header {
				height:140px;
				background-color: none;
				max-width:1010px;
				margin: 0 auto;
				top: 0; left: 0;
				background-image:url('head.png');
				text-align: center;
				background-position: center;
				background-color:none;
				background-repeat: no-repeat;
					}
			
			 }
			
		/* Mobile */
				@media only screen and (max-width: 767px) {
					#logo {display:none;} 
					#aboutlink { display:none;}
					#fblink {display:none;} 
					#twitterlink {display:none;} 
					#iglink {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; 
							 }						
					
						.window {
							padding:40px 0 30px 0;}
							
						.window 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;
								}	
.likewindows {  margin-left:30px;}

#stickymobile { display:block; }
#stickyheader { display: none; }
.like { margin-left: 0px; height: 30px; width: 120px; float: right;}
.igfollow { margin-right: 0px; height: 30px; width: 120px; float: left;}
#legal {	
#legal {	
display:none;
	}
					 }