.visible-xl, .visible-med, .visible-small, .visible-iphone { display:none; }

html { overflow-y:scroll; }
html, body { padding:0; }
h2 { color:#999; font-weight:normal; padding:0; margin:30px 0; }
h1,h3,h4,h5,h6 { color:#2D688B; }
.clear { clear:both; }
.fieldError { display:none; max-width:200px; font-weight:bold; }

.navbar .nav { margin-left:10px; }
.nav li .active { background-color:#792323; }
.navbar-inner {  }
.navbar-inverse .btn-navbar { position:relative; z-index:9999; margin-top:20px; }

.nav-collapse { font-size:11px; }
.navbar .nav > li > a { padding:9px 9px 12px 9px; }
.nav-collapse li a { color:#FFF; font-weight:bold; }

.nav-stacked li a i { float:right; }
.nav-stacked li .active { color:#FFF; background-color:#792323; }
.nav-stacked li .active:hover { background-color:#792323; cursor:default; }

.headerNav_callus { float:right; padding:10px 23px 7px 15px; color:#777; font-size:14px; }
.headerNav_callus span { font-weight:bold; font-size:18px; }

#topArea { width:100%; padding:20px 0; background:url('../../../img/triangular.png') repeat #728ca4; color:#FFF; }
#topArea h2 { color:#FFF; text-shadow: 1px 1px 0px #333; }

#bannerBg { position:relative; height:424px; margin-top:-1px; background-color:#0F0; z-index:1; background:url('/img/blurred_banner_bg.jpg') repeat; }
#bannerPerson { position:relative; z-index:2; float:right; margin-top:-399px; }
#bannerPerson  img { float:right; width:290px; }
#bannerTitle { position:relative; z-index:3; background-color:#075f71; color:#FFF; width:650px; height:20px; font-size:32px; line-height:32px; padding:15px 0 25px 30px; border-bottom:5px solid #044856; }
.bannerSubTitle { position:relative; z-index:3; background-color:#044856; color:#FFF; height:20px; font-size:22px; line-height:22px; padding:20px 0 20px 30px; }
#bannerSubTitle1 { width:340px; margin:25px 0 0 100px; }
#bannerSubTitle2 { width:300px; margin:0 0 0 200px; }
.bannerAction { position:relative; z-index:3; margin:50px 0 0 300px; }

#bannerContent { position:relative; z-index:3; margin-top:-370px; }
#bannerText {  }
#bannerText h1 { color:#FFF; background-color:#075f71; padding:15px 0 25px 20px; margin:0 0 10px 0; }
#bannerText h3 { color:#FFF; background-color:#044856; padding:20px 0 20px 20px; margin:0 0 15px 0; }

.btn-large i { margin-top:3px !important; }

.minHeight { min-height:600px; }
#footer { text-align:center; margin-top:20px; padding:40px 0; background-color:#075f71; color:#FFF; }

.visible-phone-ib { display:none; }

/* Large Desktop */
@media (min-width: 1200px) {
	#bannerTitle { font-size:36px; width:710px; }
	.navbar .nav > li > a { padding:10px 22px; }
}/*/mediaquery*/

/* Medium Desktop */
@media (min-width: 1010px) and (max-width: 1199px) {
	
}/*/mediaquery*/

/* All Desktop Sizes */
@media (min-width: 980px) {
	.nav li a { font-weight:bold; }
	.dropdown-menu li a { font-weight:normal; }
}/*/mediaquery*/

/* Phone and Tablet */
@media (max-width: 979px) {
	body { padding-top:0; }
	.nav li a { text-align:right; font-size:16px; }
	.dropdown-menu li a { text-align:right; font-size:12px; }
	.headerNav_callus { padding:25px 50px 0 0; }
	
	.nav-stacked { max-width:300px; }
	.nav-stacked li a { text-align:left; }
	
	.row-fluid .span3 { width:100%; margin-left:0; }
}/*/mediaquery*/

/* Tablet only */
@media (min-width: 768px) and (max-width: 979px) {
	.navbar-inverse .btn-navbar { margin-top:3px; }
	
	#bannerBg { height:400px; }
	#bannerPerson { margin-top:-329px; }
	#bannerPerson  img{ width:220px; margin-top:26px; }
	#bannerTitle { font-size:20px; line-height:20px; width:420px; margin-top:70px; padding-bottom:15px; }
	.bannerSubTitle { font-size:18px; line-height:18px;  }
	#bannerSubTitle1 { width:290px; margin-left:40px; }
	#bannerSubTitle2 { width:270px; margin-left:90px; }
	.bannerAction { margin-left:150px; margin-top:25px; }
    
    #bannerContent { margin-top:-395px; }
}/*/mediaquery*/

/* Phone only */
@media (max-width: 767px) {
	body { padding-left:0; padding-right:0; }
	.container { padding-left:20px; padding-right:20px; }
	.navbar-inner .container { padding-left:0; padding-right:0; }
	.navbar-inverse .btn-navbar { margin-top:3px; }
	
	#bannerBg { height:260px; }
	#bannerPerson { margin-top:-328px; }
	#bannerPerson  img{ width:170px; margin-top:94px; }
	#bannerTitle { font-size:18px; line-height:18px; width:350px; margin-top:120px; padding:15px 15px 10px 15px; }
	.bannerSubTitle { font-size:14px; line-height:14px; padding:10px;  }
	#bannerSubTitle1 { width:210px; margin-left:30px; }
	#bannerSubTitle2 { width:180px; margin-left:40px; }
	.bannerAction { margin-left:60px; margin-top:25px; }
    
    #bannerContent { margin-top:25px; }
    #bannerVideo { margin:40px 0 20px 0; }
	
	.visible-phone-ib { display:inline-block; }
}/*/mediaquery*/

@media (min-width: 480px) and (max-width: 640px) {
	#bannerTitle { line-height:24px; width:240px; padding:10px 15px 35px 15px; }
	#bannerSubTitle1 { width:210px; margin-left:10px; }
	#bannerSubTitle2 { width:190px; margin-left:20px; }
}/*/mediaquery*/

@media (max-width: 479px) {
	#bannerTitle { font-size:18px; line-height:24px; font-weight:bold; background-color:transparent; color:#075f71; border:none; padding:20px 0; height:auto; }
	.bannerSubTitle { display:none; }
	.bannerAction { margin-left:0; margin-top:0; }
}/*/mediaquery*/

@media (min-width: 1201px) {
	.visible-xl { display:block; }
	.hidden-xl { display:none; }
}/*/mediaquery*/

@media (max-width: 1200px) {
	.visible-xl { display:none; }
	.hidden-xml { display:block; }
}/*/mediaquery*/