@charset "utf-8";

/* - - - - - BASE STRUCTURE - - - - - */
* {margin:0; padding:0; outline:none;}
html, body {width:100%; margin:0px auto; background: #e8eef5 url('../images/bg-main-min.jpg') top center repeat-x; min-height: 768px; height: 100%;}
body {font:14px/20px "Verdana"; color:#000; background-color: transparent;}
#wrapper {width:1000px; min-height: 100%; margin:0 auto; padding-bottom: 100px;}

#content p { margin-bottom:10px; line-height:18px;}
#content h2 {font-style: italic;font-weight: bold; margin: 25px 0 15px 0; }
/* - - - - - HORIZONTAL MENU - - - - - */
#hrznav {margin:0; border:0 none; padding:0; width:500px; list-style:none; height:24px;}
#hrznav li {margin:0; border:0 none; padding:0; float:left; display:inline; list-style:none; position:relative; height:24px;}
#hrznav ul {margin:0; border:0 none; padding:0; width:160px; list-style:none; display:none; position:absolute; top:24px; left:0;}
#hrznav ul li {float:none; display:block!important; display:inline;}

/* Root Menu */
ul#hrznav a { padding:0 6px;float:none!important; float:left; display:block;text-decoration:none; height:auto!important; height:1%;}
/* Root Menu Hover Persistence */
ul#hrznav a:hover, ul#hrznav li:hover a, ul#hrznav li.iehover a {background:#ccc; color:#fff;}
/* 2nd Menu */
ul#hrznav li:hover li a, ul#hrznav li.iehover li a {float:none; background:#eee; color:#666;}
/* 2nd Menu Hover Persistence */
ul#hrznav li:hover li a:hover, ul#hrznav li:hover li:hover a, ul#hrznav li.iehover li a:hover, ul#hrznav li.iehover li.iehover a {background:#ccc; color:#fff;}
/* 3rd Menu */
ul#hrznav li:hover li:hover li a, ul#hrznav li.iehover li.iehover li a {background:#eee; color:#666;}
/* 3rd Menu Hover Persistence */
ul#hrznav li:hover li:hover li a:hover, ul#hrznav li:hover li:hover li:hover a, ul#hrznav li.iehover li.iehover li a:hover, ul#hrznav li.iehover li.iehover li.iehover a {background:#ccc; color:#fff;}
/* 4th Menu */
ul#hrznav li:hover li:hover li:hover li a, ul#hrznav li.iehover li.iehover li.iehover li a {background:#eee; color:#666;}
/* 4th Menu Hover */
ul#hrznav li:hover li:hover li:hover li a:hover, ul#hrznav li.iehover li.iehover li.iehover li a:hover {background:#ccc; color:#fff;}
/* OTHER */
ul#hrznav ul ul, ul#hrznav ul ul ul {display:none; position:absolute; top:0; left:160px;}
ul#hrznav li:hover ul ul, ul#hrznav li:hover ul ul ul, ul#hrznav li.iehover ul ul, ul#hrznav li.iehover ul ul ul {display:none;}
ul#hrznav li:hover ul, ul#hrznav ul li:hover ul, ul#hrznav ul ul li:hover ul, ul#hrznav li.iehover ul, ul#hrznav ul li.iehover ul, ul#hrznav ul ul li.iehover ul {display:block;}


/* - - - - - VERTICAL MENU - - - - - */
ul#vrtnav, ul#vrtnav li, ul#vrtnav ul {margin:0; border:0 none; padding:0; width:160px; list-style:none;}
ul#vrtnav li {display:block!important; display:inline; position:relative;}
/* Root Menu */
ul#vrtnav a {border:1px solid #fff; border-right-color:#ccc; border-bottom-color:#ccc; padding:0 6px; display:block; background:#eee; color:#666; text-decoration:none; height:auto!important; height:1%;}
/* Root Menu Hover Persistence */
ul#vrtnav a:hover, ul#vrtnav li:hover a, ul#vrtnav li.iehover a {background:#ccc; color:#fff;}
/* 2nd Menu */
ul#vrtnav li:hover li a, ul#vrtnav li.iehover li a {background:#eee; color:#666;}
/* 2nd Menu Hover Persistence */
ul#vrtnav li:hover li a:hover, ul#vrtnav li:hover li:hover a, ul#vrtnav li.iehover li a:hover, ul#vrtnav li.iehover li.iehover a {background:#ccc; color:#fff;}
/* 3rd Menu */
ul#vrtnav li:hover li:hover li a, ul#vrtnav li.iehover li.iehover li a {background:#eee; color:#666;}
/* 3rd Menu Hover Persistence */
ul#vrtnav li:hover li:hover li a:hover, ul#vrtnav li:hover li:hover li:hover a, ul#vrtnav li.iehover li.iehover li a:hover, ul#vrtnav li.iehover li.iehover li.iehover a {background:#ccc; color:#fff;}
/* 4th Menu */
ul#vrtnav li:hover li:hover li:hover li a, ul#vrtnav li.iehover li.iehover li.iehover li a {background:#eee; color:#666;}
/* 4th Menu Hover */
ul#vrtnav li:hover li:hover li:hover li a:hover, ul#vrtnav li.iehover li.iehover li.iehover li a:hover {background:#ccc; color:#fff;}
/* OTHER*/
ul#vrtnav ul, ul#vrtnav ul ul, ul#vrtnav ul ul ul {display:none; position:absolute; top:0; left:160px;}
ul#vrtnav li:hover ul ul, ul#vrtnav li:hover ul ul ul, ul#vrtnav li.iehover ul ul, ul#vrtnav li.iehover ul ul ul {display:none;}
ul#vrtnav li:hover ul, ul#vrtnav ul li:hover ul, ul#vrtnav ul ul li:hover ul, ul#vrtnav li.iehover ul, ul#vrtnav ul li.iehover ul, ul#vrtnav ul ul li.iehover ul {display:block;}

/* - - - - - vCard - - - - - - - - - - - - */
#header .vcard {color:#fff;}


/* - - - - - FOOTER AND CHILDREN - - - - - */
#footer {clear: both;width:1000px; height:150px; font:12px/14px "Verdana"; margin: 0 auto; }
#footer a {color:#777;}
#footer a:hover {color:#000;}
a.spider {background:url(../images/spiders.png); background-repeat:no-repeat; height:30px!important; display:block;  float:right; text-transform:uppercase; font-size:10px; padding:60px 0 0 10px; text-decoration:none; }

a#creditbtn {background-position:0 0; width:100px!important;}
a#creditbtn:hover {background-position:0 -100px; color:#2a94c1;}
#copyright {width:300px; height:50px; float:left; margin-top:30px;}

/* - - - - - BASE TAGS AND CLASSES - - - - - */
h1 {font:24px/35px "Verdana"; color:#fff;}
h2 {font:30px/30px "Verdana"; color:#fff;}
h3 {font:23px/30px "Verdana"; color:#fff;}
h4 {font:16px/24px "Verdana"; color:#000;}
p {font:14px/20px "Verdana"; color:#000;}
h5 {font:12px/18px "Verdana"; color:#000;}
h6 {font:10px/16px "Verdana"; color:#000;}
ul,ol {list-style:inside;}
ul li, ol li {padding-left:15px;}
a, a:link, a:active, a:visited {color:#000;}
a:hover {color:#6B7C13; text-decoration:none;}
a img {border:none;}
.sm10 {font-size:10px;}
.hide {display:none;}
#contact .shhhh, .shhhh {display:none;}
.cursor {cursor:pointer;}
.pad5 {padding:5px;}
.left {float:left;}
.tleft {text-align:left;}
.right {float:right;}
.tright {text-align:right;}
.center {text-align:center;}
.centeralign {text-align:center; margin:0 auto;}
.clear {clear:both;}
.clright {clear:right;}
.clleft {clear:left;}
a.download:hover{color:#FFF;text-decoration:underline;}
/* - - - - - CONTACT FORM- - - - - */
form#contact {margin:0 24px 20px 0; padding:5px; float:right; width:275px; border:none; font:0.75em "Verdana"; color:#333;}
#contact label,#contact input {display:block; width:150px; float:left; margin-bottom:10px;}
#contact label {text-align:right; width:75px; padding-right:5px;}
#contact br {clear:left;}
#contact fieldset {margin:0px 0px 10px 0px; position:relative; display:block; border:1px solid #fff; padding:0px 10px 10px 10px;}
#contact legend {color:#333; font-variant:small-caps; padding:2px 5px; position:relative; font:bold 18px/17px "Verdana";}
#contact span.state {width:130px; float:left; text-align:right;}
#contact #zip {width:60px; margin-right:12px; float:left;}
#contact #zipname {width:27px; margin-left:13px; float:left;}
#contact #comments {display:block; width:240px; height:70px; margin-bottom:15px;}
textarea {overflow:auto;}
#contact #submit {width:85px; height:32px; margin-left:90px;}
#contact .shhhh {display:none;}

/* - - - - - OTHER- - - - - */
#googlemap {width:600px; height:350px; margin: 30px 24px; border:2px double #ddd; color:#000;}
a.button {width:auto; height:auto; text-align:center; border:1px solid #555; color:#fff; background:#333; padding:4px; -moz-border-radius:5px; -webkit-border-radius:5px; -khtml-border-radius:5px; border-radius:5px; text-decoration:none;}
a.button:hover, a.button:active, a.button:focus {border-color:#333; background-color:#aaa; color:#000; text-decoration:none;}
#validationmessage {width:90%; height:auto!important; margin:0 auto; text-align:center; font-weight:bold; background:#fbb; border:2px dashed #f00; color:#900; padding:5px;}
.fielderror {background-color:#fbb; border-color:#f00; color:#900;}


/* - - - - - HEADER AND NAV - - - - - */

#header {position: relative; width:1000px;}
#header h1 {position: absolute; top: 13px; left: 71px; text-indent: -9999px;z-index: 1;}
#header h1 a {display: block; height: 191px; width: 145px; text-indent: -9999px; background: transparent url('../images/lhb-logo2min.png') top left no-repeat;}
#header .slogan {text-indent: -9999px;}
#header .vcard {text-align: right; padding: 10px 0;}
#header .aia {margin-left: 250px;}

#nav {text-align: right; height: 40px;}
#nav li {display: inline;padding: 0 4px 0 6px; border-left: 2px solid #fff;}
#nav li:first-child {border-width: 0px;}
#nav li a {color: #fff;text-transform: uppercase; text-decoration: none;}


#banner {position: relative; height: 381px; width: 952px; padding: 18px 24px;background: #fff;text-transform: uppercase;}
/*#banner #slider-wrapper {position: absolute; top: 18px; left: 24px;}*/
#banner #slider-wrapper {float:left;position: relative;top:0;left:0;width:577px;}
#banner .cta {text-align: right;margin-left: 586px;}
#banner .cta p {color: #0f2a6d;font-size: 1.5em; padding: 20px 0 10px 0;}
#banner .cta .tel {font-size: 1.1em;letter-spacing: 0.05em;display: block;}
#banner ul {position: relative;}
#banner ul li {list-style: none;}
#banner ul li a {display: block;text-align: left; text-indent: -9999px;height: 129px; width: 347px;background: transparent url('../images/btn-contact-min.jpg') top center no-repeat;}
#banner ul li:first-child a {background: transparent url('../images/btn-portfolio-min.jpg') top center no-repeat;}


h2 {text-transform: uppercase; color: #fff;}

#content p {padding: 10px 0;}
#content img[ src="images/flash9.jpg" ] {float: right;margin: 0 15px;}
#content > div:not(.vcard) {background: transparent url('../images/bg-hrz-divider.png') bottom center no-repeat; padding-bottom: 30px;}
#content #content-sub {background: none; margin-top: 25px;}
#content div > h2 {background: transparent url('../images/bg-lhb-profile.png') top left no-repeat;text-indent: -9999px;}
#content div:first-child h2 {background: transparent url('../images/bg-lhb-goal-min.png') top left no-repeat;}
#content-sub h3 {font-weight: bold;font-style: italic;padding: 25px 0 15px;}
.column {float: left; width: 300px; list-style: none;min-height: 460px; background: transparent url('../images/bg-vrt-divider.png') top right no-repeat;}
.column h3 {text-transform: uppercase;color: #112b6e;}
.one {padding: 0 12px 0 10px;}
.two {padding: 0 28px 0 20px;}
.three {padding: 0 8px 0  22px; background: none;}
.phone-number {display:block;}

/* --------------------------------
		Login Form
---------------------------------*/
.center-text { text-align: center; }
a.no-underline { text-decoration: none; }
a.no-underline:hover { color: #FFF; }
#login-container {
	width: 964px;
	background: #FFF;
	padding: 18px;
	color: #61686d;
	font: 14px "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif;
}
#login-form {
	/*background: #E3E6E7 url(../admin/images/background.png) repeat;*/
	padding: 15px;
}
#box {
	background: #ffffff ;
	background: url(../admin/images/box.png);
	width: 406px;
	height: 229px;
	margin: 0 auto;
	display: block;
	border: none;
	position: relative;
	z-index: 0;
}
#login-container p {
	color: #000; /*#9cadad;*/
	text-shadow: 0px 1px 1px #fff;
	font-size: 12px;
}
/*a.forgot {
	display: block;
	color: #000; /*#9cadad;*/
	text-shadow: 0px 1px 1px #fff;
	font-size: 12px;
	text-align: center;
	margin: 0 auto;
	margin-top: 10px;
	text-decoration: none;
	width: 150px;
	background: url(../admin/images/icon-question.png) no-repeat 20px;
}
a.forgot:hover {
	color: #7a8f8f;
}*/
#login-container input{font-weight: lighter;}

#login-container h2 {
	color: #000; /*#5e7171;*/
	font-weight: 200;
	width: 400px;
	text-align: center;
	font-size: 28px;
	margin: 0 auto;
	margin-bottom: 2%;
	/*text-shadow: 0px 1px 1px #fff;*/
}
#box form {
	position: relative;
}
#box form input[type=text], #box form input[type=password] {
	position: absolute;
	border: none;
	background: none;
	display: block;
	height: 30px;
	width: 330px;
	color: #999999;
	padding: 10px 0;
	font-size: 20px;
	font-weight: lighter;
	text-shadow: 0px 1px 1px #e7e7e7;
}
#box form input[type=text]:focus, #box form input[type=password]:focus {
	outline: none;
	color: #666666;
}
#box form input[type=text]{
	left: 37px;
	top: 30px;
}
#box form input[type=password]{
	left: 37px;
	top: 82px;
}
#box form input[type=checkbox] {
	position: absolute;
	left: 37px;
	top: 168px;
}
#box form label {
	position: absolute;
	left: 60px;
	top: 168px;
	color: #8d8b8b;
	font-weight: 200;
}
#box form input[type=button], #box form input[type=submit] {
	background: url(../admin/images/button.png) no-repeat;
	border: none;
	display: block;
	position: absolute;
	top: 155px;
	left: 210px;
	width: 162px;
	height: 44px;
	color: #5e7171;
	font-weight: bold;
	font-size: 18px;
	text-shadow: 0px 1px 0px #fff;
	cursor: pointer;
}
#box form input[type=button]:hover, #box form input[type=submit]:hover{
	background-position: 0 -44px;
}
#box form input[type=button]:active, #box form input[type=submit]:active{
	background-position: 0 -88px;
}

.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }

.mobile-btns {display: none;}

.rslides {position: relative;list-style: none;overflow: hidden;width: 100%;padding: 0;margin: 0;clear:both;}
.rslides li {-webkit-backface-visibility: hidden;position: absolute;display: none;width: 100%;left: 0;top: 0;}
.rslides .nobg {background:none;}
.rslides .nobg img {width:100%;}
.rslides li:first-child {position: relative;display: block;float: left;}
.rslides img {display: block;height: auto;max-width: 100%;margin:0 auto;border: 0;}


@media screen and (max-width:1041px) {
  #wrapper {width:100%;}
  div[role="main"] {width:100%;padding:0;}
  .two-column #content {width:95%;}
  #content {padding:0 10px 10px;}
  #content img {max-width:95%;}
  #banner {margin-bottom: 0;}
  .rslides {width:95%;margin:10px auto;}
  #branding {margin:10px auto;display:block;float:none;}
  div.mobile-btns {display: block;width:95%;margin:0 auto;}
  div.mobile-btns div {width:100%;float:left;text-align: center;border:5px solid #fff;background:#00005F;box-sizing:border-box;}
  div.mobile-btns div a {display: block;width:100%;color:#fff;font-weight: bold;text-decoration: none;padding:10px 0;}
  #nav {width:95%;margin:0 auto;display: block;float:none;clear:both;height:auto;}
  #nav ul li {width:100%;text-align: center;display: block;border-left: 0;padding: 0;}
  #nav ul li a {width:100%;height:100%;box-sizing:border-box;display: block;padding: 10px 0;background:#00005F;}
  #nav ul li a:hover {background:#04049A;}
  .contact #content {margin-top: 10px;}

  #header {width:100%;}
  #header h1 {position: relative;display: block;top:0;left:0;text-indent: 0;margin:0 auto;}
  #header h1 a {display: block;margin:10px auto;}
  #nav {text-align: center;}
  #header .aia {margin-left: 0;margin-top: 20px;}
  #header .aia img {display: block;margin:0 auto;max-width:90%;}
  .vcard .adr {text-align: center;}
  #banner {width:95%;margin:0 auto;height:auto;box-sizing:border-box;}
  #slider {width:577px!important;}
  #banner .cta {margin-left: 0;float:right;}
  .column {background:none;width:100%;box-sizing:border-box;min-height: auto;}
  #content-sub .column.three img {display: block;}
  #wrapper {padding-bottom: 0;}
  #footer {width:100%;}
  #banner #slider-wrapper {margin:0 auto;float:none;display: block;width:100%;height:auto;}
  #banner .cta {float:none;margin: 0 auto;display: block;text-align: center;}
  #banner ul li a {margin:0 auto;}
  #content img {display: block;margin:10px auto!important;float:none!important;}

  #login-container {width:100%;box-sizing:border-box;}
  #box {width:100%;background:none;}
  #box form input[type=text], #box form input[type=password] {width:100%;position: relative;background:#fff;top:0;left:0;margin-top: 10px;}
  #box form input[type=button], #box form input[type=submit] {clear:both;position: relative;top:0;left:0;margin:10px auto;display: block;}
  #box form label {color:#fff;}

  /*Uncomment below 3 lines if the site has drop down navigation*/
  /*nav#navigation .sf-menu ul {position: relative;top:0;width:auto!important;display: block!important;visibility: visible!important;}
  nav#navigation .sf-menu li li {background:none;}
  .sf-sub-indicator {display: none !important;}*/
}
@media screen and (max-width:875px) {
  #googlemap {width:80%;height:400px;margin:0 auto;display: block;float:none;}
  #contact {float:none;margin:0 auto;display: block;width:300px;}
  #banner {display: none;}
  #banner ul {display: none;}
  #banner ul.rslides {display: block;}
}
@media screen and (max-width:600px) {
  .btns img {width:auto!important;display:block;margin:10px auto;}
}