body {
	margin-top: 125px; /* adjust this if the height of the menu bar changes */
	background: url(../img/layout/grain.png) repeat #FCFFF5;
}	

.nav {
	margin-top: 8px; /* this is a faux center fix for the nav options - adjust this if you wish to change the logo height or the font of the menu items */
}

.navbar-inverse {
    background-color: #193441;
    z-index: 9999;
}

.navbar-inverse .navbar-nav > li > a {
	color: #D1DBBD;
}

.navbar-collapse {
	max-height: 400px;
}

.row {
	margin-bottom: 1em;
}

footer {
	color: #464646	
}

.brand-grid {
	margin-bottom: 25px;
}

.brand-grid p {
	margin-bottom: 2em;
	text-align: justify;
}

.brand-grid h5 {
	text-transform: uppercase;
}

.facefooter {
	padding: 1em;
	margin-bottom: 3em;
	border-bottom: thin solid #eeeeee;
	font-size: smaller;
}

.navfooter {
	color:#eeeeee;
	margin: 0;
	padding: 1em 0;
	background-color: rgba(25,52,65,0.8);
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}

.navfooter a, .navfooter span {
	padding-right: 1.5em;
}

.navfooter a {
	color: #D1DBBD;
}

.navfooter a:hover {
	color: #eeeeee;
}

.navside {
	padding: 0.75em 1.5em;
	background-color: rgba(25,52,65,0.8);
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}

.navside a{
	color: #D1DBBD;
}

.navside a:hover {
	color: #eeeeee;
}

.navside h5 {
	font-size: 1.125em;
	color: #eeeeee;
	padding: 0.5em;
	margin-top: 1.5em;
	border-bottom: 1px solid #EEEEEE;
}

.shadow {
	-webkit-box-shadow: 0 5px 20px rgba(0, 0, 0, 0.25);
	-moz-box-shadow: 0 5px 20px rgba(0, 0, 0, 0.25);
	box-shadow: 0 5px 20px rgba(0, 0, 0, 0.25);
}

#map {
	width: 100%;
	height: 100%;
	min-height: 600px;
	margin-bottom: 2em;
}

.transparent {
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=82)";
	filter: alpha(opacity=82);
	-moz-opacity:0.82;
	-khtml-opacity: 0.82;
	opacity: 0.82;
}

.transparent:hover {
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	-moz-opacity:1;
	-khtml-opacity: 1;
	opacity: 1;
}

.ui-autocomplete {
	max-height: 15em;
	overflow-y: auto;
	overflow-x: hidden;
}

/* -- START SEARCH-BOX -- */

.search-box-ul {
	font-size: 90%;
	z-index: 11111;
	position: fixed;
}

.ui-autocomplete-category {
	font-weight: bold;
	padding: .2em .4em;
	margin: .8em 0 .2em;
}

.ui-menu .ui-menu-item {
	padding: .5em;
}

#search-box {
	width: 80%;
	margin: 1em 10%;
}

.brand-logo {
	max-width: 100px;
	height: auto;
}

#search-box {
	width: 80%;
	margin: 1em 10%;
}

@media (min-width: 768px) {
	.navbar-nav > li > a {
		font-size: 95%;
		padding: 1em .8em;
	}
	.brand-logo {
		max-width: 80px;
		height: auto;
	}
	#search-box {
		width: 26em;
		margin: .5em 0;
	}
}

@media (min-width: 992px) {
	#search-box {
		width: 20em;
		margin: .5em 0;
	}
}

@media (min-width: 1200px) {
	#search-box {
		width: 26em;
		margin: .5em 0;
	}
	.brand-logo {
		max-width: 100px;
		height: auto;
	}
	.navbar-nav > li > a {
		font-size: 100%;
		padding: 15px;
	}
}

/* -- END SEARCH-BOX -- */