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

html,
body {
	margin:0;
	padding:0;
	height:100%;
	overflow-x: hidden;
}

@font-face {
	font-family: aFont;
	src: url(../fonts/aFont.ttf);
}


.wrapper {
	min-height: 100%;
	position: relative;
}

.page-wrap {
  min-height: 100%;
  /* equal to footer height */
  margin-bottom: 100px;
}

.page-wrap:after {
  content: "";
  display: block;
}

#header {
	background:#ffffff;
	padding:10px;
}

#content {
	padding-bottom:850px; /* Height of the footer element */
}

#logo a {
	position: absolute;
	font-size:50px;
	top: 20px;
	width: 100%;
	text-align: center;
	font-family: "aFont";
	color: black;
	text-decoration:none;
}

#navMenu {
	text-align:center;
	margin-top: 7%;
}

#navMenu ul {
	display: inline-block;
	line-height: 30px;
}

#navMenu li {
	display: inline-block;
	list-style:none;
	position: relative;
	background: #ffffff;
}

#navMenu ul li a {
	display: inline-block;
	font-family: Arial Narrow;
	font-weight: lighter;
	text-decoration: none;
	height: 30px;
	width:150px;
	color: #333333;
	border:1px solid #FFF;
	text-shadow:: 1px 1px 1px #000;
}

#navMenu ul ul {
	display: inline-block;
	position:absolute;
	visibility:hidden;
	top:32px;
	left: -40px;
}

#navMenu ul li:hover ul {
	visibility:visible;

}


/********************************************/


#navMenu li:hover {
	background: #568;
}


#navMenu ul li:hover ul li a:hover {
	background: #CCC;
	color:#000;
}

#navMenu a:hover {
	color:#000;
}

.clearFloat {
	clear:both;
	margin:0px;
	padding:0px;
}


#footer {
	background:#000000;
	width:100%;
	height:100px;
	position:absolute;
	bottom:0;
	left:0;
}

#copyright {
	font-family: Helvetica;
	font-weight:lighter;
	position:absolute;
	font-size:15px;
	color: white;
	text-align:center;
	width:100%;
	margin-top: 45px;
}



i.fa-facebook-square {
	position:absolute;
	font-size: 30px;
	color: white;
	margin-top: 45px;
	margin-left: 5%;
}

i.fa-twitter-square {
	position:absolute;
	font-size: 30px;
	color: white;
	margin-top: 45px;
	margin-left: 10%;
}

i.fa-yelp {
	position:absolute;
	font-size: 30px;
	color: white;
	margin-top: 45px;
	margin-left: 15%;
}

#address {
	font-family: Helvetica;
	font-weight:lighter;
	font-style: italic;
	position:absolute;
	font-size:15px;
	color: white;
	width:100%;
	margin-top: 45px;
	margin-left: 76%;

}

#container {
	width:100%;
	height: 500px;
}

/*pop up*/


figcaption {
   display: none;
}
figure:hover figcaption {
   display: block;
}

ficaption {
   opacity: 0;
  -webkit-transition: opacity 0.3s ease-out;
     -moz-transition: opacity 0.3s ease-out;
      -ms-transition: opacity 0.3s ease-out;
       -o-transition: opacity 0.3s ease-out;
          transition: opacity 0.3s ease-out;
}

#blocks{
	width: 1000px;
	margin-left: auto;
	margin-right: auto;
}

figure:hover figcaption {
   opacity: 1;
}


figure {
	float: left;
	margin-top: 150px;
	padding-left: 20px;
}

figcaption h3{
   	font-size: 24px;
	font-family: "Lato",Arial,sans-serif;
	font-weight: 300;
	text-align: left;
	padding: 20px 0px 0px 35px;
}

figcaption p{
   	font-size: 14px;
	font-family: "Lato",Arial,sans-serif;
	font-style:italic;
}

#map {
	position: absolute;
	margin-top: 450px;
	width: 80%;
	margin-left:10%;

}