html,
body {
    height: 100%;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#000000;
}
table{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#000000;
}
body {
    background: url('../includes/background/restaurant.JPG')no-repeat center center fixed;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
}

.navbar {
	background-color:#013466;
}

.navbar .navbar-nav {
  display: inline-block;
  float: none;
  vertical-align: top;
}

.navbar .navbar-collapse {
  text-align: center;
}

.navbar-nav > li > a {
  color:#FFFFFF;
  font-size:15px;
}

.dropdown-menu{
	background-color:#013466;
}

.dropdown-menu > li > a {
	color:#FFFFFF;
}

.dropdown-menu .open{
	color:#CC0000;
}

.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
  color: #CC0000;
}
.navbar-nav > li > a:hover {
  color:#CC0000;
  background-color:#FFFFFF;
}

.nav .open > a,
.nav .open > a:hover,
.nav .open > a:focus {
  background-color: #FFFFFF;
  border-color: #FFFFFF;
}
.dropdown-toggle:focus {
	color:#CC0000;
}

.img-portfolio {
    margin-bottom: 30px;
}

.img-hover:hover {
    opacity: 0.8;
}

/* Home Page Carousel */
header.carousel {
    height: 400px;
}

header.carousel .item,
header.carousel .item.active,
header.carousel .carousel-inner {
    height: 100%;
}

header.carousel .fill {
    width: 100%;
    height: 100%;
    background-position: center;
    background-size: cover;
}

h3 {
	color:#013466;
	font-size:16px;	
	font-weight:bold;
	margin-top: 0px;
	margin-bottom: 5px;
}

.form-control {
	width: 450px;
    /* border: 1px solid #666666;	
	color: #000000; */
}
.container{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
}
.SiteTitle{
	font-size: 17px;
	font-weight: bold;
	color:#013466;
}
.SiteSubTitle{
	font-size: 16px;	
	color:#CC0000;
	margin-bottom: 10px;
}
/*
.btn-default {
  color: #333;
  background-color: #fff;
  border-color: #666666;
}
/* Responsive Styles */
@media(max-width:1200px) {
	#myCarousel{
	  	height:361px;
	}
}
@media(max-width:991px) {
    .customer-img,
    .img-related {
        margin-bottom: 30px;
    }
	#myCarousel{
	  	height:268px;
	}
}

@media(max-width:767px) {
	#myCarousel{
	  	/*height:200px;*/
	}
	.form-control {
		width: 100%;
	}
    .img-portfolio {
        margin-bottom: 15px;
    }

    header.carousel .carousel {
        height: 70%;
    }	
	.navbar-nav > li > a:hover {
	  color:#FFFFFF;
	  background-color:#013466;
	}
	.navbar-nav > li > a {
		font-size:20px;
	}		
	.nav .open > a:hover,
	.nav .open > a:focus {
	  background-color: #013466;
	  border-color: #013466;
	  color:#CC0000;
	}
	.dropdown-toggle:focus {
		color:#FFFFFF;
	}
	.dropdown-menu{
		padding-bottom:20px;
	}	
	.dropdown-menu > li > a,
	.dropdown-menu > li > a {
		text-align:center;
		margin-left:-10px;
		font-size:15px;
	}
	.dropdown-menu > li > a:hover,
	.dropdown-menu > li > a:focus {
	  color: #FFFFFF;
	  background-color:#013466;
	}
}
@media(max-width:600px) {
	#myCarousel{
	  	height:224px;
	}
}
@media(max-width:500px) {
	#myCarousel{
	  	height:186px;
	}
}
@media(max-width:400px) {
	#myCarousel{
	  	height:149px;
	}
}
@media(max-width:350px) {
	#myCarousel{
	  	height:130px;
	}
}