/*--------  Table of Contents --------------
1. Global, Redefine Default HTML
2. Page Layout 
	2.1 Header
	2.2 Body
	2.3 Footer
3. Main Nav Tabs
4. Sub Navigation
5. Section Specific wells, etc. 

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

/*  --- 1. Global, Redefine Default HTML  ----- */
body {
margin: 0px;
padding: 0px;
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
color:#555555;
background-color: #e3e3e3;
}
/* HTML5 display-role reset for older browsers */
img {border: 0px; }
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block; }
a:link {
	font-size:12px;
	color: #3243a2;
	text-decoration: underline;
}
a:visited {
	font-size:12px;
 	color: #3243a2;
 }
a:hover {
	font-size:12px;
	color: #779DBF;
}
p {
	font-size:13px;
	line-height:19px;
	margin: 12px 0px 20px 0;
	padding: 0px;
}
.breadcrumb{
	margin:10px 0;
	font-family: 'Open Sans', Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}
h1 {
font-size: 24px;
line-height:31px;
color: #003982;
font-family: 'Open Sans Condensed', Verdana, Arial, Helvetica, sans-serif;
font-weight: 700;
margin:0 0 12px 0;
/*text-shadow: 0 1px 0 #fff;*/
}
h2 {
font-size: 18px;
color: #104691;
font-family: 'Open Sans Condensed', Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
margin: 10px 0px 10px 0px;
}
h3 {
font-size: 16px;
color: #003982;
font-family: 'Open Sans Condensed', Verdana, Arial, Helvetica, sans-serif;
font-weight: 700;
margin:0px;
/*text-shadow: 0 1px 2px #CCC;*/
}
h4 {
font-size: 16px;
color: #2D77B6;
font-family: 'Open Sans Condensed', Verdana, Arial, Helvetica, sans-serif;
font-weight: 700;
margin:0px;
/*text-shadow: 0 1px 1px #CCC;*/
text-align:center;
text-decoration:none;
}
h1 a, h2 a, h3 a, h4 a{
	font-size: inherit !important;
}
ul {
padding-left: 15px;
}
li {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:19px;
	font-style:italic;
}
li a{
	font-style: normal;
}
.sub-title{
	color:#2D77B6;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:17px;
	/*text-shadow: 0 1px 0 #fff;*/
}
.date{
	color:#9a967d;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}
	
.divider-long{
	background:url(../images/devider_long.png) no-repeat;
	margin: 10px 5px;
	height:10px;
}
.divider-m-grey{
	background:url(../images/devider_m_grey.png) no-repeat;
	margin: 10px 0 0px 20px;
	height:12px;
}
.divider-s-grey{
	background:url(../images/devider_s_grey.png) no-repeat;
	height:11px;
	width:349px;
	display:block;
	margin: 15px 0;
}
.divider-mini-grey{
	background:url(../images/devider_mini_grey.png) no-repeat;
	height:10px;
	width:258px;
	display:block;
	margin: 10px 0 0px 0;
}
.divider-long-white{
	background:url(../images/devider_l_white.jpg) no-repeat;
	height:17px;
	width:525px;
	display:block;
	margin: 10px 0 0px 0;
}
form {
padding: 0px;
margin: 0px;
}
.three-col{padding: 0 27px; display:block;}
.col-three-a{width:30%; float:left; }
.col-three-b{width:30%; float:left; }
.col-three-c{width:30%; float:left; }

.col-two-a{width:50%; float:left; }

/* --- 2. Page Layout  -------------  */

#page-wrapper {
width: 100%; 
position:relative;
}
.clear {clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; }
/* -------- 2.1. Header -------------   */
#header-wrapper{
	background:url(../images/header_back.jpg) repeat-x;
	height:139px;
}


#header {
width: 984px;
margin: 0px auto;
overflow: hidden;
height: 94px; 
}

#header #logo img {
margin: 8px 0px 0px 24px;
}
#header #logo {
width: 226px; 
float: left;
}
#header #header-right {
	
	float: right;
	text-align:right;
	margin:24px 16px 0 0;
}
#header #header-right .phone{
	font-family: 'Open Sans Condensed', Verdana, Arial, Helvetica, sans-serif;
	font-weight:700;
	font-size:22px;
	color:#2D77B6;
}

#header #header-right .tag{
	font-family:'Alegreya SC', serif;
	font-size:16px;
	font-weight:bold;
	font-style:italic;
	color:#555555;
	letter-spacing: 0px;
	margin-top:5px;
}
	
	
#header #header-top {
height: 76px;
width: 748px;
float: left;
text-align: right; 
}

/* --------  2.2. Body Area -------- */

/* Home Page */
#banner-wrapper{
	position:relative;
	
}

#banner {
width: 984px;
margin: 0px auto;
height: 300px;
background-color: #FFF; 
color: #555555; 
	-moz-box-shadow:0px 3px 7px #999;
	-webkit-box-shadow:0px 3px 7px #999;
	box-shadow:0px 3px 7px #999;
	behavior: url(/PIE.htc);
}
#banner-img{
	position:absolute;
	width:587px;
	z-index:0;
	float:left;
	top:0;
	}

#banner-overlay{
	background:url(../images/main_banner_overlay.png) no-repeat 0 0;
	position:absolute;
	top: 0;
	right: 0;
	width: 120px;
	height: 300px;
}

#banner-right{
	
	width:371px;
	height:259px;
	padding: 10px 22px 20px 134px;
	top:0px;
	margin-left:458px;
}

#banner-right p{
	line-height:16px;
}
#banner-right h3 {
	font-size: 32px;
	line-height:31px;
}
#banner-right h4 {
	font-size: 18px;
	line-height:18px;
}
#home-content {
	margin: -22px auto 0 auto;
	width:948px;
}

#home-left-col{
	width:503px;
	background:#FFF;
	-moz-box-shadow:0px 3px 7px #999;
	-webkit-box-shadow:0px 3px 7px #999;
	box-shadow:0px 3px 7px #999;
	behavior: url(/PIE.htc);
	float:left;
}

#home-left-text{
	padding:34px 0px 50px 0px;
}

.text-block{
	padding:0px 27px 10px 27px;
	line-height:19px;
}

#maincontent .text-block{
	padding: 0;
}

.text-block ul{
	float:left;
	padding:0px;
	display:inline-block;
	width: 47%;
	margin: 0 0 0 3%;
}
.testimonial{
}
.testimonial p{
	font-family: 'Bitter', serif;
	font-size:15px;
	line-height:22px;
	color:#777777;
	font-style:italic;
	margin: 0;
	padding: 12px 25px 0px 35px;
}
.quote-left{
	float:left;
}
.quote-right{
	float:right;
	margin-top:-8px;
}

#home-right-col{
	float:left;
	width:441px;
	margin-top:34px;
}

.btn-col{
	vertical-align:middle;
	width:461px;
	display:block;
}

#btn-red{
	display:block;
	width:259px;
	height:75px;
	background:url('../images/buttons.png') no-repeat -259px 0;
}
#btn-red:hover{background-position: -259px -75px;}
#btn-blue{
	display:block;
	width:259px;
	height:75px;
	background:url('../images/buttons.png') no-repeat 0 0;
}
#btn-blue:hover{background-position: 0 -75px;}
#btn-gray{
	display:block;
	width:259px;
	height:75px;
	background:url('../images/buttons.png') no-repeat -518px 0;
}
#btn-gray:hover{background-position: -518px -75px;}

.text-block-right{
	
	padding:0px 47px 0 73px;
}

.text-block-right h1{
	margin:0 0 12px -49px;
	text-align:left;
	float:none;
}
.text-block-right h1 img{
	margin:0px 8px -8px -10px;
}

.text-block-right p{ margin:0 0 12px 0;}
/* Basic Secondary Page */ 
#main-wrapper {
margin: 0px auto;
width: 984px;
position:relative;
top:-24px;
}
#sidebar {
float: left; 
width: 266px;
padding-left: 18px;
margin: 0px 0px 20px 0px;
top:0;
padding-top: 220px;
}


#content-area {
	width: 700px; 
	float: left;
	background:#FFF;
	-moz-box-shadow:0px 3px 7px #999;
	-webkit-box-shadow:0px 3px 7px #999;
	box-shadow:0px 3px 7px #999;
	behavior: url(/PIE.htc);
	margin-top:0px;
}

#maincontent {
	margin: 10px 45px 45px 45px;
	padding-top:24px;
}

/* -------- 2.3 Footer -------- */

#footer-wrapper {
width: 100%;
clear: both;
border-top: 1px solid #849fc2;
background-color:#083471;
margin:25px 0 0 0;
}
.footer {
width: 984px;
margin: 0px auto;
overflow: hidden;
/* IE10 */ 
background-image: -ms-linear-gradient(top left, #083471 0%, #004FB3 50%, #083471 100%);

/* Mozilla Firefox */ 
background-image: -moz-linear-gradient(top left, #083471 0%, #004FB3 50%, #083471 100%);

/* Opera */ 
background-image: -o-linear-gradient(top left, #083471 0%, #004FB3 50%, #083471 100%);

/* Webkit (Safari/Chrome 10) */ 
background-image: -webkit-gradient(linear, left top, right bottom, color-stop(0, #083471), color-stop(0.5, #004FB3), color-stop(1, #083471));

/* Webkit (Chrome 11+) */ 
background-image: -webkit-linear-gradient(top left, #083471 0%, #004FB3 50%, #083471 100%);

/* Proposed W3C Markup */ 
background-image: linear-gradient(top left, #083471 0%, #004FB3 50%, #083471 100%);
}
.footer-col {
width: 226px; float: left; margin: 20px 10px; 

}
.footer-col-a{ 
width:18%; float:left;
}
.footer-col-b{
width:21%; float:left; 
}
.footer-col-c{
width:22%; float:left; 
}
.footer-col-d{
width:15%; float:left; 
}
.footer-col-e{
width:73%; float:left; 
}
.footer-col-f{
float:left; 
}

.footer p{
	color:#FFF;
	font-size:11px;
}
.footer a{
	color:#FFF;
	font-size:12px;
	text-decoration:none;
	font-family: 'Open Sans', Verdana, Arial, Helvetica, sans-serif;
}

.footer a:hover{
	text-decoration:underline;}
.footer p a img{ margin:2px 7px -3px 0;}
#socialmedia{
	margin:10px 25px 0 25px;
	width:984px;
	height:56px;
}
#site-rights{
	width:984px;
	height:60px;
	padding-left:26px;
	/* IE10 */ 
background-image: -ms-radial-gradient(center top, ellipse farthest-side, #006FC5 0%, #083471 100%);

/* Mozilla Firefox */ 
background-image: -moz-radial-gradient(center top, ellipse farthest-side, #006FC5 0%, #083471 100%);

/* Opera */ 
background-image: -o-radial-gradient(center top, ellipse farthest-side, #006FC5 0%, #083471 100%);

/* Webkit (Safari/Chrome 10) */ 
background-image: -webkit-gradient(radial, center top, 0, center top, 490, color-stop(0, #006FC5), color-stop(1, #083471));

/* Webkit (Chrome 11+) */ 
background-image: -webkit-radial-gradient(center top, ellipse farthest-side, #006FC5 0%, #083471 100%);

/* Proposed W3C Markup */ 
background-image: radial-gradient(center top, ellipse farthest-side, #006FC5 0%, #083471 100%);
}
.divider-footer{
	background:url(../images/devider_footer.png) no-repeat;
	margin: 0;
	height:1px;
}
/* --- 3. Main Nav Tabs  ------------- */
#nav-wrapper{
	position:relative;
	background:url(../images/nav_back.png) repeat-x;
	z-index:1000;
	top: -18px;
}
#nav-bar {
	width: 985px;
	margin: 0px auto;
	padding:18px 0 24px 0;
	height: 46px; 
	line-height:normal;
	position: relative;
	left: 4px;
  }
#nav-bar ul {
  margin:0;
  padding:0;
  list-style:none;
  width: 100%;
  }
#nav-bar li {
  list-style:none;
  font-style:normal;
  float:left;
  margin: 0;
  padding:0;
  position: relative;
  text-align:center;
  background:url("../images/nav-devide-right.png") no-repeat right bottom;
  }
#nav-bar li.last{
	background:none; 
}

#nav-bar a {
  float:left;
  display:block;
  font-family:Arial, Helvetica, sans-serif;
  
  padding:13px 28px 11px;
  color:#FFF;
  font-weight:bold;
  text-decoration:none; 
  font-size: 16px;
  position: relative;
  }
  

#nav-bar > ul a {width:auto;}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#nav-bar a {float:none;}
/* End IE5-Mac hack */
#nav-bar a:hover {
  color:#ececec;
}
#nav-bar li a {
  border-bottom:transparent solid 2px;
  }
#nav-bar li li a {
  border-bottom:none;
  }
#nav-bar li.current a {
  border-bottom:#77879d solid 2px;
  }
#nav-bar li.current li a {
  border-bottom:none;
  }
#nav-bar li li.current {
  border-width: 1px;
  }
#nav-bar .current a {
  background-position:100% -150px;
  color:#FFF;
  

  }
  
#nav-bar ul li{
	text-transform: uppercase;
}
#nav-bar ul li:hover a{
  border-color: #77879d;
  z-index: 20;

  }

#nav-bar ul li:hover a {
  background-position:100% -150px;
  z-index: 20;
  }  
/* Main Nav Drop Downs */ 
#nav, #nav ul {
background-image: none;
margin: 0px 0px 0px 0px;
}

/* -- 1st Level Drop down --*/
#nav li ul {
	width:100%;
	position: absolute;
	left: -999em;
	height: auto;
	font-weight: normal;
	margin: 0px;
	padding-right:0px;
	background-color: #EDEDED;
	border-top-width: 0px;
	border-bottom-width: 1px;
	border-left-width: 0px;
	border-right-width: 1px;
	border-style: solid; 
	border-color: #77879d;
	z-index: 18;
	background-color:#083471;
	background: -moz-linear-gradient(top,  rgba(5,31,67,0.8) 0%, rgba(8,52,113,0.9) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(5,31,67,0.8)), color-stop(100%,rgba(8,52,113,0.9))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(5,31,67,0.8) 0%,rgba(8,52,113,0.9) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(5,31,67,0.8) 0%,rgba(8,52,113,0.9) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(5,31,67,0.8) 0%,rgba(8,52,113,0.9) 100%); /* IE10+ */
background: linear-gradient(top,  rgba(5,31,67,0.8) 0%,rgba(8,52,113,0.9) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cc051f43', endColorstr='#e6083471',GradientType=0 ); /* IE6-9 */

	
}
#nav li ul li{
	margin:0 0px 0 0px;
	width:100%;
	text-align:center;
	border-bottom: 1px solid #77879d; 
	border-left: 1px solid #77879d; 
	
}
#nav li li {
	font-family: Arial, Helvetica, sans-serif;	
	background-image: none;
	float: left;
	padding: 0;
	text-transform: none;
}
#nav li ul a {
	background-image: none;
	font-size: 12px;
	font-weight:normal;
	font-family: Arial, Helvetica, sans-serif;
	padding: 8px;
}


/* -- 2nd Level Drop down, offset --*/
#nav li ul ul {
	margin: 0 0 0 100%;
	border-top-width: 1px;
	top: 0;
	
}
#nav ul li li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
	left: -10px;
}
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {
	left: auto;
}
#nav ul li:hover, #nav ul li.sfhover {
	background: #77879d;
}
/*** arrows **/
#nav a.sf-with-ul {
	min-width:		1px; /* trigger IE7 hasLayout so spans position accurately */
	position: relative;
}

.sf-sub-indicator {
	position:		absolute;
	display:		none;
	right:			15px;
	top:			15px; /* IE6 only */
	width:			10px;
	height:			10px;
	text-indent: 	-999em;
	overflow:		hidden;
	/*background:		url('../images/arrows-ffffff.png') no-repeat -10px -100px;  8-bit indexed alpha png. IE6 gets solid image only */
}
a > .sf-sub-indicator {  /* give all except IE6 the correct values */
	top:			15px;
	background-position: 0 -100px; /* use translucent arrow for modern browsers*/
}
/* apply hovers to modern browsers */
a:focus > .sf-sub-indicator,
a:hover > .sf-sub-indicator,
a:active > .sf-sub-indicator,
li:hover > a > .sf-sub-indicator,
li.sfHover > a > .sf-sub-indicator {
	background-position: -10px -100px; /* arrow hovers for modern browsers*/
}

/* point right for anchors in subs */
#nav ul .sf-sub-indicator { background-position:  -10px 0; }
#nav ul a > .sf-sub-indicator { background-position:  0 0; top:	10px;}
/* apply hovers to modern browsers */
#nav ul a:focus > .sf-sub-indicator,
#nav ul a:hover > .sf-sub-indicator,
#nav ul a:active > .sf-sub-indicator,
#nav ul li:hover > a > .sf-sub-indicator,
#nav ul li.sfHover > a > .sf-sub-indicator {
	background-position: -10px 0; /* arrow hovers for modern browsers*/

}

/* ----- Mega Drop-Downs ----- */

/* Products Mega Drop Down */
#nav li ul#products-nav {
	width: 720px;
	margin-left: -240px;
	overflow: hidden;
	}
#nav ul#products-nav .title  {	height: 55px;}
#nav ul#products-nav .title  a {
	font-size: 14px;
	font-weight: bold;
	background: transparent;
	font-family:  arial, sans-serif;
	padding-bottom: 20px;
	}
#nav li ul#products-nav li { width: 100%; }
#nav li ul#products-nav a {	background: none !important;}
#nav li ul#products-nav li a:link, #nav li ul#products-nav li a:visited {background: transparent !important;}
#nav li ul#products-nav li a:hover {background: #FFF  !important;}
#nav li ul#products-nav li a {	padding: 4px 16px;}
#nav li ul#products-nav li:hover {background: transparent !important;}

#nav li ul#products-nav li ul {
	margin: 0;
	position: static;
	border: none;
	width: 175px;
	background: transparent !important;	
}

#nav li ul#products-nav li ul li{ width: 150px; }
#nav li ul#products-nav .products-nav-row {
width: 175px; float: left;
border-right: 1px solid #CCC;
margin-top: 20px; 
margin-bottom: 20px; 
}
#nav li ul#products-nav .end {	border-right: 0px; 	}


/* --- 4. Sub Navigation  ------------- */
.sub-nav {
line-height:normal;
clear: both;
margin: 20px 0px 0px 0px;
}
#sub-banner{
	float:left;
	position:absolute;
	top:0;
	left: 0;
	width:305px;
	height:216px;
	background-color:#FFF;
	-moz-box-shadow:-3px 3px 16px #999;
	-webkit-box-shadow:-3px 3px 16px #999;
	box-shadow:-3px 3px 16px #999;
	behavior: url(/PIE.htc);
}
#sub-banner img{
	float:right;
	position:absolute;
	top:0;
	right:0;
}

.side-block {
padding: 0px 16px 0px 0px;
line-height: 19px !important;
}
.sub-nav ul {
margin: 0;
padding:0px;
list-style:none;
width:250px;
}
.sub-nav li {
margin:0px 0px 2px 0px;
padding:0 0 0 0px;
height: 36px;

}

.sub-nav li a {
	line-height:36px;
	list-style:none;
	background:url('../images/subnav.png') no-repeat;
	font-family:Arial, Helvetica, sans-serif;
	font-style:normal;
	font-weight:bold;
	font-size:12px;
	display: block;
	text-decoration:none;
	margin: 0px;
	padding: 0px 0px 0px 10px;
	overflow: hidden;
	color:#7e7e7e;
}
.sub-nav ul ul  {
padding: 0px 0px 6px 15px;
margin: 0px;
border: none;
}
.sub-nav li.current  a {
background-position: 0 -36px;
color:#FFF;
}
.sub-nav li  a:hover {
color:#FFF;
background-position: 0 -72px;
}
.sub-nav li li {
 background: none;
 border: none;
 margin: 0px;
}

.sub-nav  li ul li {
	padding-left: 0px;
}
.sub-nav  li ul li a:link,  .sub-nav  li ul li a:visited {
	background: none;
	padding: 6px 2px 6px 12px; 
} 
.sub-nav li ul li a:hover {
 background:url(../images/subnav_hover.png) no-repeat; color:#FFF;
 }
.sub-nav li.current li a:link, .sub-nav li.current li a:visited { background:url(../images/subnav_current.png) no-repeat; color:#FFF; }
.sub-nav li.current li a:hover { background:url(../images/subnav_hover.png) no-repeat; color:#FFF;}

/* --- 4. Section Specific, wells, etc. ------------- */



/* ----- Default Form Elements ----- */
input {
	border: 1px solid #CCCCCC;
	background-color: #E5e5e5;
	-moz-border-radius: 4px; 
	-webkit-border-radius: 4px;
}
input, textarea {
	padding: 3px;
	font-size: 12px; 
	color: #333333;
	border: 1px solid #CCCCCC;
	background-color: #EDEDED;
}
select {
	border: 1px solid #CCCCCC;
	background-color: #EDEDED;
	padding: 2px;
	height: 23px;
}
input:focus, textarea:focus {
	background-color: #FFFFFF;
	border: 1px solid #999999;
}
input.form-button {
	background-color: #EDEDED;
	color: #09589F;
	font-size: 12px;
	font-weight: bold;
	padding: 2px 6px 2px 6px;
	text-decoration: none;
	border: 1px solid #CCCCCC;
	margin: 2px;
	overflow:visible;
	-moz-border-radius: 4px; 
	-webkit-border-radius: 4px; 
	line-height: 12px; 
}
input.form-button:hover {
	background-color: #FFFFFF;
	border: 1px solid #999999;
	cursor: pointer;
}

/* ----- Policy page ----- */

#policy-names ul li{
	list-style:none;
	text-indent:-15px;
}
#policy-names ul li a{
	text-decoration:none;
	font-size: 13px;
	line-height:19px;
	font-style:normal;
	color: #003982;
	font-weight:bold;
	font-family: 'Open Sans', Verdana, Arial, Helvetica, sans-serif;
	margin:0px;
}

#policy-names ul li a:hover{
	color: #779DBF;
}
#policy-names .col-three-a{
	width:22%;
	margin:0 54px 0 14px;
}
#policy-names .col-three-b{
	width:22%;
	margin:0;
}
#policy-names .col-three-c{
	width:23%;
	margin:0 0px 0 54px;
}

#text-block{
	min-height:144px;
}
.log-btn{
	width:90px;
	height:30px;
	display:block;
	background-image:url(../images/btn_login_up.png);
	float:left;
}

.log-btn:hover{
	background-image:url(../images/btn_login_down.png);
}

#text-block h2{
	float:left;
}

#text-block .col-three-a{
	width:34%;
	margin:0;
}

#text-block .col-three-b{
	width:16%;
	margin:8px 35px 0 15px;
}
#text-block .col-three-c{
	float:left;
	width:40%;
	margin:0;
	height:53px;
	display:block;
}

#text-block .col-three-c img{
	padding:0px;
	float:none;
}

#text-block ul{
	margin:0;
}