/****************************************************************
	Angular
*****************************************************************/

body { 
  background:url(../img/bg-mobile.png) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  padding-top: 20px;
	color:#333;
}

@media (min-width: 480px) {
	body { 
	  background:url(../img/bg-1024.png) no-repeat center center fixed; 
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
		padding-top: 20px;
		color:#333;
	}
}

.navbar-default .navbar-nav > li > a {
	color: #e0332f;
	background-color: transparent;
	font-weight:bold;	
}

.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav .active {
	color: #2face0;
}

.menu {
  list-style: none;
  border-bottom: 0.1em solid black;
  margin-bottom: 2em;
  padding: 0 0 0.5em;
}

.menu:before {
  content: "[";
}

.menu:after {
  content: "]";
}

.menu > li {
  display: inline;
}

.menu > li:before {
  content: "|";
  padding-right: 0.3em;
}

.menu > li:nth-child(1):before {
  content: "";
  padding: 0;
}

.footer {
	font-size:9px;
}

/****************************************************************
	Template
*****************************************************************/
.navbar-default {
	background-color:transparent;
	border-color:transparent;
	padding-top:50px;
}

@media (min-width: 480px) {
	.navbar-default {
		background-color:transparent;
		border-color:transparent;
		padding-top:50px;
	}
}

@media (min-width: 768px) {
	.navbar-default {
		background-color:transparent;
		border-color:transparent;
		padding-top:100px;
	}
}

.navbar-brand {
	float: left;
	height: 50px;
	padding: 0px;
	font-size: 18px;
	line-height: 20px;
}

.navbar {
	margin-bottom:0px;
}

.bgcolor {
	background-color: rgba(102, 204, 204, 0.2);
	display:inline-block;
	padding-top:20px;
	padding-bottom:20px;
}

.content-img {
	display:none;
	visibility:hidden;
}

@media screen and (min-width: 768px) {
	.content-img {
		display:block;
		visibility:visible;
	}
}

.btn-primary {
	color: #fff;
	background-color: #99cc33;
	border-color: #669933;
}

.btn-primary:hover {
	color: #fff;
	background-color: #669933;
	border-color: #669933;
}

.content-wrapper {
	width:100%;
}

.img-wrapper {
	float:left;
	padding:15px;
}

.feature-wrapper {
	float:left;
	padding:5px;
}

.text-content {
	padding:15px;
	font-size:12px;
}

.content-logo {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.text-content > h2,
.featurette > h4 {
	color: #003366;
}
.featurette > p {
	font-size:12px;
}
.text-content > h4 {
	color:#e0332f;
	font-style:italic;
}
img.center {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.navbar-default .navbar-toggle {
	border-color: #3399cc;
}
.navbar-default .navbar-toggle:hover, 
.navbar-default .navbar-toggle:focus {
	background-color: #0099ff;
}
.navbar-default .navbar-toggle .icon-bar {
	background-color: #006699;
}
.text-content p {
	text-indent:20px;
}
#map-frame {
	float:center;
	width:100%;
	min-height:200px;
	height:auto;
}