/* ------------------ GENERAL FORMATTING ------------------ */

@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,600,800);

/* MAIN STRUCTURE */

body {
	background: #FFFFFF;
	text-align: center;
	margin: 0px;
	padding: 0px;
	line-height: 1.2em;
	font-family: 'Open Sans', sans-serif;
}

#headerbg
{
	background: url('images/header-bg.gif') repeat-x;
	margin: 0px auto;
	padding: 0px;
}

.header
{
	width: 1200px;
	height: 167px;
	margin: 0px auto;
	padding: 0px;
	text-align: left;
	position: relative;
}

#content
{
	width: 1000px;
	margin: 0px auto;
	padding: 40px 0 40px 0;
	text-align: left;
	position: relative;
	font-family: 'Open Sans', sans-serif;
	font-size: 16px;
	color: #000000;
}

#contactbar
{
	width: 500px;
	height: 50px;
	position: absolute;
	top: 0px;
	right: 0px;
}

#contactbar li
{
	float: left;
	position: relative;
	list-style: none;
	font-family: 'Open Sans', sans-serif;
	font-size: 11px;
	color: #b5b4b8;
	font-weight: 600;
	text-transform: uppercase;	
}

#contactbar img
{
	float: left;
	position: 0 top;
}

.logo {
	width: 370px;
	height: 167px;
	position: absolute;
	top: 0px;
	left: 0px;
}

.clear {
	clear:both;	
}


/* HERO FEATURE */


#herobg
{
	width: 100%;
	background: #e5ded8;
	border-bottom: 1px solid #FFFFFF;
	margin: 0px auto;
	padding: 0px;
}

.herobox
{
	width: 1200px;
	height: 333px;
	margin: 0px auto;
	padding: 0px;
	position: relative;
}

.herobox img {
	display: inline-block;
	float: right;
}

.herotext
{
	display: inline-block;
	float: left;
	max-width: 400px;
	margin-left: 120px;
	margin-top: 100px;
	text-align: left;
}

.herotext h1
{
	font-family: 'Open Sans', sans-serif;
	font-size: 36px;
	font-weight: 600;
	color: #454449;
}

.herotext p
{
	font-family: 'Open Sans', sans-serif;
	font-size: 18px;
	color: #454449;
	line-height: 28px;
	padding: 0;
	margin: 10px 0 30px 0;
}

/* bxslider customization  */
.bx-wrapper {
	-moz-box-shadow: 0;
	-webkit-box-shadow: 0;
	border: none;
	background: #e5ded8;
	margin-bottom: 0; 
}

/* TEXT FORMATTING */

#midbarbg
{
	background: #454449;
	margin: 0px auto;
	padding: 0px;
}

.midbar
{
	width: 1200px;
	margin: 0px auto;
	padding: 40px 0 40px 0;
	position: relative;
	color: #b5b4b8;
	font-size: 30px;
	text-transform: uppercase;
}

.midbar h1
{
	font-weight: 800;
	color: #FFFFFF;
	font-size: 30px;
	margin: 0px;
	padding: 0px;
	display: inline;
}
	
.titlebar
{
	width: 100%;
	border-top: 1px solid #454449;
	position: relative;
	margin-bottom: 30px;
}

.titlebox
{
	position: absolute;
	top: -20px;
	background: #FFFFFF;
	padding-right: 20px;
}
		
.bluesidebar
{
	width: 315px;
	float: right;
	background: #196590;
	position: relative;
}

.bluesidebar p
{
	font-family: 'Open Sans', sans-serif;
	font-size: 18px;
	color: #FFFFFF;
	line-height: 42px;
	margin: 10px 10px 10px 40px;
}

.bluesidebar img
{
	margin-bottom: 28px;
}

.bluesidebar a:link,
.bluesidebar a:visited
{
	text-decoration: none;
	color: #FFFFFF;
}

.bluesidebar a:hover,
.bluesidebar a:active
{
	text-decoration: underline;
	color: #FFFFFF;
}
	
.sidebartitle
{
	width: 328px;
	height: 62px;
	position: absolute;
	top: 180px;
	left: -13px;
	background: url('images/blue-banner.png') no-repeat;
}

.sidebartitle h1
{
	font-family: 'Open Sans', sans-serif;
	font-size: 22px;
	color: #FFFFFF;
	font-weight: 600;
	line-height: 38px;
	margin: 16px 0px 0px 28px;
}		
	
.contentwithsidebar
{
	width: 640px;
	float: left;
	
}


/* --- HIGHLIGHT BOXES --- */

.bluecalloutbox {

	display: block;

	padding: 1em 3em 1em  3em;

	line-height: 100%;

	background: #86c0e1;


}

/* --- FOOTER --- */

#footerbg
{
	background: #454449;
	margin: 0px auto;
	padding: 0px;
}

.footer
{
	width: 1100px;
	margin: 0px auto;
	padding: 20px 0 20px 0;
	font-family: 'Open Sans', sans-serif;
	font-size: 14px;
	color: #FFFFFF;
	font-weight: 600;
	line-height: 32px;
	text-align: left;
}

.footer h1
{
	font-size: 18px;
	font-weight: 800;
	color: #FFFFFF;
}

.footer p
{
	font-size: 14px;
	color: #FFFFFF;
	margin: 0px 0 10px 0;

}

.footer a:link,
.footer a:visited
{
	color: #FFFFFF;
	text-decoration: none;
}


.footer a:active,
.footer a:hover
{
	color: #86c0e1;
	text-decoration: underline;
}

#legal
{
	background: #000000;
	margin: 0px auto;
	padding: 10px;
}

#legal p
{
	font-size: 12px;
	color: #b5b4b8;
	margin: 0px;
	padding: 0px;
}

.rightimage
{
	float: right;
	padding: 0 0 20px 20px;
}


.leftimage
{
	float: left;
	padding: 0 20px 20px 0;
}

.photogallery img { 
  border: 3px solid transparent; 
}

.photogallery img:hover { 
  border: 3px solid #196590; 
}
/*--- TEXT FORMATTING ---*/

h1 {
	font-size: 32px;
	color: #454449;
	font-weight: normal;
	line-height: 36px;
	padding: 0;
	margin: 0;
}


h2 {
	font-size: 26px;
	color: #196590;
	font-weight: 600;
	line-height: 32px;
	text-transform: uppercase;
	padding: 0;
	margin: 0;
}

h3 {
	font-size: 16px;
	color: #862f6a;
	font-weight: normal;
	line-height: 18px;
	padding: 0;
	margin: 0;
}

p, li
{
	font-size: 18px;
	line-height: 30px;
	color: #454449;
}

.blue {
	color: #196590;
}


/*---BUTTON FORMATTING ---*/

.bluebutton
{
	display: block;
	font-size: 20px;
	font-weight: 600;
	text-transform: uppercase;
}

.bluebutton a:link,
.bluebutton a:visited
{
	background: #196590;
	color: #FFFFFF;
	text-decoration: none;
	padding: 10px 40px 10px 40px;
}

.bluebutton a:active,
.bluebutton a:hover
{
	background: #86c0e1;
	color: #FFFFFF;
	text-decoration: none;
	padding: 10px 40px 10px 40px;
}

.outlinebutton
{
	display: block;
	font-size: 20px;
	font-weight: 600;
	text-transform: uppercase;
	margin-left: 10px;
}

.outlinebutton a:link,
.outlinebutton a:visited
{
	border: 1px solid #b5b4b8;
	color: #52a4d2;
	text-decoration: none;
	padding: 10px 25px 10px 25px;
}

.outlinebutton a:active,
.outlinebutton a:hover
{
	border: 1px solid #b5b4b8;
	background: #86c0e1;
	color: #FFFFFF;
	text-decoration: none;
	padding: 10px 25px 10px 25px;
}

/*--- LINK FORMATTING ---*/

a:link,
a:visited {
	color: #2c7bbd;
	text-decoration: none;
}

a:hover,
a:active {
	color: #68bdf2;
	text-decoration: underline;
}

	
/*--- MAIN NAV ---*/

	#menu {
		position: absolute;
		top: 88px;
		right: 0px;
		text-align: left;
	}
	
	#nav {
		width:auto;
		line-height: 100%;
		margin:0;
		padding:0;
	}
	
	#nav li {
		margin:0px;
		float: left;
		position: relative;
		list-style: none;
		padding:0 10px 0px 10px;

	}
	
	#nav li:hover {z-index:400;}

	#nav li:first-child {border-left:none;}
	#nav li:last-child {}


	/* main level link */
	#nav a {
		float:left;
		display:block;
		font-size:14px;
		color: #FFFFFF;
		text-decoration: none;
		text-transform:uppercase;
		display: block;
		padding:  8px 6px;
		margin: 0;
		font-family: 'Open Sans', sans-serif;
		font-weight: 600;
	}
	
	#nav a img {
		border:0;
		padding-right:4px;
		margin-bottom:-2px;
	}
	
	/* main level link hover */
	
	#nav .current a {
	}
		
	#nav li:hover > a {
		color: #e199b4;

	}
	/* sub levels link hover */
	#nav ul li:hover a, #nav li:hover li a {
		color: #2c7bbd;
		font-size:12px;
		line-height: 12px;
		text-transform:none;
		width:180px;
		padding:8px 10px;
		padding-left:10px;
		position: inherit;
		margin-bottom:0px;
		-webkit-box-shadow: none;
		-moz-box-shadow: none;
		margin-left:12px;
		text-shadow:none;
		-webkit-border-radius: 0px;
		border-radius: 0px; 
	}
	#nav ul a:hover {
		color:#000 !important;
		text-decoration:none;
		background:#e1e1e1;
		text-shadow: 1px 1px 0px #fff !important;
		
	}
	/* level 2 list */
	#nav ul {
		background:url('images/navdropbg.png') top center no-repeat;
		display: none;
		margin: 0;
		padding: 10px 0px;
		padding-bottom:8px;
		width: 223px;
		padding-top:22px;
		position: absolute;
		top: 30px;
		/*left:-60px;*/
		box-shadow: 0 2px 2px -2px gray;
	}
	

	
	/* dropdown */
	#nav li:hover > ul {
		display: block;
	}
	#nav ul li {
		float: none;
		margin: 0;
		padding: 0;
	}
	#nav ul a {
		font-weight: normal;
		color:#fff;
	}
	/* level 3+ list */
	#nav ul ul {
		left: 181px;
		top: -3px;
	}
	/* rounded corners for first and last child */
	#nav ul li:first-child > a {
	}
	#nav ul li:last-child > a {
		border-bottom:transparent;
	}
	/* clearfix */
	#nav:after {
		content: ".";
		display: block;
		clear: both;
		visibility: hidden;
		line-height: 0;
		height: 0;
	}
	#nav {
		display: inline-block;
	}
	html[xmlns] #nav {
		display: block;
	}
	* html #nav {
		height: 1%;
	}