@font-face {
	font-family: 'Conv_DINNeuzeitGroteskStd-Light';
	src: url('fonts/DINNeuzeitGroteskStd-Light.eot');
	src: local('☺'), url('fonts/DINNeuzeitGroteskStd-Light.woff') format('woff'), url('fonts/DINNeuzeitGroteskStd-Light.ttf') format('truetype'), url('fonts/DINNeuzeitGroteskStd-Light.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
    font-family: 'League Gothic';
    src: url('leaguegothic-italic-webfont.eot');
    src: url('leaguegothic-italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('leaguegothic-italic-webfont.woff') format('woff'),
         url('leaguegothic-italic-webfont.ttf') format('truetype'),
         url('leaguegothic-italic-webfont.svg#league_gothic_italicregular') format('svg');
    font-weight: normal;
    font-style: italic;

}




.nav a {
  color: #5a5a5a;
  font-size: 11px;
  font-weight: bold;
  padding: 14px 10px;
  text-transform: uppercase;
}

.nav li {
  display: inline;
}

.jumbotron {
    top: 1%;
   /* bottom: 0px;*/
    width: 901px;
    left: 16%;
    
   position:absolute;
 
}

.jumbotron .container-page {
  border-width: 1px 9px 1px 9px;
    border-style: solid;
    border-color: rgb(77, 80, 82);
    background: rgba(0, 0, 0, 0.85098);
  /*height: 100%;
  min-height:705px;*/
  z-index: 1001;
  height:auto;
  overflow:hidden;
  min-height:767px;
  
   margin-bottom:1%;
}

.jumbotron h1 {
  color: #fff;
  font-size: 40px;  
   font-weight: bold;
  text-align: center;
  margin:5% 0;
    vertical-align: middle;
	text-transform:uppercase;
  
}



.learn-more {
  background-color: #f7f7f7;
}

.learn-more h3 {
  font-family: 'Shift', sans-serif;
  font-size: 18px;
  font-weight: bold;
}

.learn-more a {
  color: #00b0ff;
}

.neighborhood-guides{
    background-color:#efefef;
    boder-bottom:1px solid #dbdbdb;
}
.neighborhood-guides h2{
    color:#393c3d;
    font-size:24px;
}
.neighborhood-guides p{
    font-size:15px;
    margin-bottom:13px;
}

/*************Custome CSS *********************************/
html { 
  /*background: #000 url(../Images/previewf.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;*/
  background:#000000 url(../Images/previewf.jpg) repeat fixed;
}

  hr{display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #4d5052;
    margin: 1em auto;
    padding: 0;  width:80%; }
.image-wrap{
	position: absolute;
    
}
.bottom-wrap{
	 bottom:38px;
	 left:0%;
}
.right-wrap{
	 right:0%;
}
.leftt-wrap{
	 left:0%;
}
.right-bottom-wrap{
	 right:0%;
	 bottom:38px;
}
.extra-img-wrap{
	 left:29.5%;
}
.navigation{
	padding: 5% 0%;
    
    width: 32%;
    height: 100%;
	float:left;
}
.logo-area{
	 width: 100%;; margin:auto;  margin-top:0%;
}
.redCircle{background:url(../Images/redCircle.png) no-repeat center right; height:167px; width:194px; margin-bottom:10%;}
 .redCircle span{color: #fff;
   
    padding: 4% 3%;
    width: 21%;
    position: absolute;
   left: 2%;
    }
.menu{
	 display:block; color:#fff; font-size:1.3em; text-transform:uppercase;
}
.menu ul li{ 
		list-style:none; padding:4% 0%; background:url(../Images/img1.jpg) no-repeat bottom left;
}
.menu ul li:last-child{background:none;}
.menu  li a.active {
    
    color: #ffbd1d;
	
}
/********* Text Html ******/
.text-area{ width:68%; padding:1%; float:left; color:#fff; height:100%; margin-bottom:2%; border-left: 1px solid #4d5052; min-height:767px;}

.footer-area{ width:100%;  float: left;  color:#fff; padding:0.5%; font-size:1em; letter-spacing:1px; text-align:center;  }
.spacial-img{ background:url(../Images/spacials.png) bottom right no-repeat;}
.Combo-img{ background:url(../Images/pizza.png) bottom right no-repeat;}
.text-area-special{ padding:0% 5%; display:block;}
.div-m{margin-bottom:15%;}
.color-y{color:#f13b3d;}
.text-area-special p{ font-size:14px; line-height:19px; margin:8px 0px; color:#ccc;}
.cost-col{color:#ffbd1d;  font-size:1.8em;}