@charset "UTF-8";

/*
Theme Name: fagandesign
Theme URI:
Author: fagandesign
Author URI: http://www.fagandesign.com
Description: A semantic, HTML5, custom theme for
Version: 1.0

Table of Contents
	body

-------------------------------------------------------------- */



body {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	line-height: 24px;
	color: #FFF;
	background-color: #333;
}
.container {
	padding-right: 0px;
	padding-left: 0px;
	margin-right: auto;
	margin-left: auto;
	width: 844px;
}
.headerWrapper {
	background-color: #243342;
}
.header {
	background-image: url(_images/bkg-top.jpg);
	background-repeat: repeat-x;
	height: 165px;
	/* background-position: right; */
}
.logo {
	/*background-image: url(_images/logo.png);*/
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	float: right;
	padding-right: 19px;
	padding-left: 19px;
	max-width: 100%;
	padding-top: 101px;
}
.header2Wrapper {
	background-color: #336699;
	height: 8px;
	width: 100%;
}
.header2 {}
.navWrapper{
	background-color: #244242;
}
.nav1 {
	height: 24px;
	background-image: url(_images/bkg-nav.jpg);
	background-position: left bottom;
}
.contentBandWrapper {
	background-color: #333;
}
.contentBand {
	background-color: #000;
	padding-bottom: 50px;
	min-height: 300px;
}
.content {
	font-size: 12px;
	line-height: 24px;
	padding-left: 100px;
	padding-top: 20px;
	padding-right: 200px;
}
h1 {
	color: #FFF;
}
h1 a {
	color: #FFF;
	text-decoration: none;
}


.subFooterWrapper {
	background-color: #003333;
}
.subFooter {
	padding-right: 15px;
	padding-left: 15px;
	background-image: url(_images/bkg-subfooter.jpg);
	height: 66px;
}
.subFooter2Wrapper {
	background-color: #002929;
}
.subFooter2 {
	padding-right: 15px;
	padding-left: 15px;
	background-image: url(_images/bkg-subfooter2.jpg);
	height: 25px;
}
.footerWrapper {}
.footer {
	font-size: 9px;
	color: #999;
	background-color: #000;
	padding-right: 15px;
	padding-left: 15px;
}
.footer a {
	color: #999;
	text-decoration: none;
}
.footer a:hover {
	color: #B0FF9D;
}









/* bullets */
.mainContent ul {
	padding-top: 0px;
	margin: 0px;
	padding-right: 0px;
	padding-left: 2px;
}
.mainContent ul li {
	background: url(_images/bullet.gif) no-repeat 0px 0.7em;
	list-style-type: none;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-right: 0px;
	padding-left: 15px;
	float: none;
	margin: 0px;
}





/* main nav*/



.mainNav{
	background-color: #244242;
	border-color: transparent;
	border-top-width: 1px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: solid;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	background-image: url(_images/bkg-nav.jpg);
	background-position: left bottom;
	
		}
		ul#menu-primarynav.contain {
			margin-top: -2px;
			padding-top: 0px;}
						
			#menu-primarynav li{
				
				display:inline-block;
				margin:0 15px;
			}


			#menu-primarynav a{
				display:block;
				color:#FFF;
				text-decoration:none;
				font-size:11px;
				font-weight: normal;
				font-family: Verdana, Geneva, sans-serif;
				line-height:18px;
			}

			#menu-primarynav li.current_page_item a,
			#menu-primarynav .current_page_parent a{
				color:#01AEBC !important;
			}


			#menu-primarynav li:hover > a {
				color:#669966;
			}

/* submenu */
			#menu-primarynav li .sub-menu{
				position:absolute;
				left:-9999em;
				z-index:1000;
				display:none;
			}

				#menu-primarynav li:hover .sub-menu{
					left:auto;
					display:block;
				}

				#menu-primarynav li .sub-menu li {
	display: block;
	border-top: 1px solid #9C9;
	background: #4F8150;
				}


					#menu-primarynav li .sub-menu li:first-child{
						border-top:none;
					}


					#menu-primarynav li .sub-menu a{
	display: block;
	padding: 0px 12px;
	width: auto;
	height: 22px;
	color: #fff;
	text-align: left;
	text-transform: capitalize;
	white-space: nowrap;
	font-size: 11px;
	line-height: 22px;
	font-weight: normal;
					}


					#menu-primarynav li .sub-menu li:hover > a{
						color:#333;
					}

					#menu-primarynav li .sub-menu li a:hover {
	background: #363;
	color: #CF9;
					}


#click-menu{
	left: 0 !important;
	margin-left: 10px;
}

#responsive-menu{
	z-index: 100000000 !important;
}




























/* mobile etc. */
@media (max-width: 1200px) {
  .container {
    width: 844px;
  }
}

@media (max-width: 991px) {
  .container {
    width: 844px;
  }
}

@media (max-width: 843px) {
  .container {
    width: 100%;
  }
}

@media (max-width: 767px) {
  .container {
    width: 100%;
  }
  .nav {
	height: 40px;
}
.content {
	font-size: 14px;
	line-height: 24px;
	padding-left: 50px;
	padding-top: 20px;
	padding-right: 50px;
}
}
@media (max-width: 479px) {
.header {
	height: 85px;
}
.logo {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	float: right;
	padding-right: 15px;
	padding-left: 115px;
	max-width: 100%;
	padding-top: 42px;
}
.nav {
	height: 40px;
}
.content {
	font-size: 14px;
	line-height: 24px;
	padding-left: 15px;
	padding-top: 20px;
	padding-right: 15px;
}
}



/* navbar styles*/
.container-fluid {
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
  width: 100%;
}
.navbar {
  position: relative;
  min-height: 22px;
  border: 1px solid transparent;
	border-radius: 0;
	margin: 0px;
	padding: 0px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
}
@media (max-width: 921px) {
.navbar {
	border-radius: 0;
	margin: 0px;
	padding: 0px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
}	
}
@media (max-width: 767px) {
.navbar {
	border-radius: 0;
	margin: 0px;
	padding: 0px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 16px;
}	
}
.navbar-default {
	background-color: #244242;
	border-color: transparent;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: solid;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	background-image: url(_images/bkg-nav.jpg);
	background-position: left bottom;
	
}


.navbar-default .navbar-text {
  color: #777;
}
.navbar-default .navbar-nav > li > a {
  color: #FFF;
}
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus { /* navbar hover */
  color: #CF9;
  background-color: #244242;
}
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus { /* navbar "on" */
	color: #01AEBC;
	background-color: transparent;
}
.navbar-default .navbar-nav > .disabled > a,
.navbar-default .navbar-nav > .disabled > a:hover,
.navbar-default .navbar-nav > .disabled > a:focus {
  color: #ccc;
  background-color: transparent;
}
.navbar-default .navbar-toggle {
	border-color: #ddd;
	
}
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
  background-color: #ddd;
}
.navbar-default .navbar-toggle .icon-bar {
  background-color: #888;
}
.navbar-default .navbar-collapse,
.navbar-default .navbar-form {
	border-color: #000;
	height: 200px;
}
.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus {
  color: #555;
  background-color: #e7e7e7;
}
@media (max-width: 767px) {
  .navbar-default .navbar-nav .open .dropdown-menu > li > a {
    color: #777;
  }
  .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
  .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
    color: #333;
    background-color: #0FF;
  }
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a,
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover,
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
    color: #555;
    background-color: #e7e7e7;
  }
  .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a,
  .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:hover,
  .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:focus {
    color: #ccc;
    background-color: #0FF;
  }
}
.navbar-default .navbar-link {
  color: #777;
}
.navbar-default .navbar-link:hover {
  color: #333;
}
.navbar-default .btn-link {
  color: #777;
}
.navbar-default .btn-link:hover,
.navbar-default .btn-link:focus {
  color: #333;
}
.navbar-default .btn-link[disabled]:hover,
fieldset[disabled] .navbar-default .btn-link:hover,
.navbar-default .btn-link[disabled]:focus,
fieldset[disabled] .navbar-default .btn-link:focus {
  color: #ccc;
}
/**/
.navbar-nav {
  margin: 0px -15px;
}
.navbar-nav > li > a {
  padding-top: 2px;
  padding-bottom: 3px;
  line-height: 20px;
}
@media (max-width: 767px) {
	.navbar-nav > li > a {
	padding-top: 10px;
	padding-bottom: 10px;
	line-height: 24px;
	color: #666;
}
  .navbar-nav .open .dropdown-menu {
    position: static;
    float: none;
    width: auto;
    margin-top: 0;
    background-color: #666;
    border: 0;
    -webkit-box-shadow: none;
            box-shadow: none;
  }
  .navbar-nav .open .dropdown-menu > li > a,
  .navbar-nav .open .dropdown-menu .dropdown-header {
    padding: 5px 15px 5px 25px;
  }
  .navbar-nav .open .dropdown-menu > li > a {
    line-height: 20px;
  }
  .navbar-nav .open .dropdown-menu > li > a:hover,
  .navbar-nav .open .dropdown-menu > li > a:focus {
    background-color: #666;
  }
}
.navbar-toggle {
  position: relative;
  float: left;
  padding: 5px 5px;
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 0px;
  background-color: #333;
  background-image: none;
  border: 1px solid transparent;
  border-radius: 0px;
}
.navbar-toggle:focus {
  outline: 0;
}
.navbar-toggle .icon-bar {
  display: block;
  width: 15px;
  height: 2px;
  border-radius: 1px;
}
.navbar-toggle .icon-bar + .icon-bar {
  margin-top: 2px;
}