@charset "utf-8";
@import "reset.css";
/*  ===== @MAIN BODY STYLES ============================== */
html, body {height: 100%;}
body {font: 14px Tahoma, Arial, sans-serif; color:#666;}
#home{ background:#f6f6f6 url(homeBack.jpg) repeat-x; }
#interior{ background:#f6f6f6 url(homeBack.jpg) repeat-x; }
/*  ===== @DEFAULT STYLES ============================== */
.clear {
clear: both; 
display: block; 
overflow: hidden;
visibility:hidden; 
width: 0; 
height: 0;
}  
.clearfix:after {
clear: both;
content: ' ';
display: block;
font-size: 0;
line-height: 0;
visibility: hidden;
width: 0;
height: 0;
}  
* html .clearfix {height: 1%;}
:-moz-any-link:focus {outline: none;}
img {border:none;}
hr {height:1px; border:0; border-bottom:1px solid #000;}
a,a:link,a:visited, a:focus{color:#cc1212; text-decoration:none; outline:none;}
a:hover, a:active, a:hover,{color:#ff0000;}

.copy h2, .copy h3, .copy h5, .copy h6{ color: #4d4d4d; margin: 0 0 1em 0;}
.copy h1{font-size:22px; color:#4d4d4d;margin: 0 0 1em 0;}
.copy h2{ font-size:18px; }
.copy h3 { font-size:16px; }
.copy h4 { font-weight:bold;}
.copy p{color:#666; margin-bottom:15px; line-height: 1.5em;}
.copy ul, .copy ol{margin:1em 0;}
.copy li{margin:0 0 0 2em; list-style-type:disc; line-height: 1.5em;}
/*  ===== @HEADER =============================== */
#phoneWrapper{
text-align:right;
margin: 3px 0 0 0;
float:right;
}
#phoneWrapper p{
display: block;
color:#fff;
font-size:18px;
text-align:right;
text-transform: capitalize;
font-style: oblique;
font-weight: normal;
margin: 0 0 -3px 0;
}
#phoneNumber{
font-size:36px;
font-weight:bold;
color:#fff;
}
#logo{
width: 261px;
height: 100px;
display: block;
float:left;
margin: 2px 0 0 22px;
}
#home #header{
width:960px;
height: 124px;
margin:20px auto 0;
}
#interior #header{
width:960px;
height: 87px;
margin: 20px auto 0;
}
/*  ===== @Drop-Down Nav =============================== */
#jsddm {
list-style: none;
font: 16px Arial, Helvetica, sans-serif;
color:#fff;
text-decoration:none;
width:920px;
height:41px;
clear:both;
margin: 0 auto;
}
#jsddm li{
list-style:none;
}
#jsddm > li {float: left; margin-top: 18px;}
#jsddm > li > a {
color:#003e73;
width: 183px;
text-align: center;
display:block;
text-decoration:none;
height:41px;
line-height:41px;
}
.mainNavFirst > a{
  background: url(mainNavFirstBack.png) no-repeat;
  border-right: 1px solid #c8c8c8;;
}
.mainNavFirst:hover > a{
  background-position: bottom left;
  color: #fff !important;
}
.mainNavLast a{
  background: url(mainNavLastBack.png) no-repeat;
}
.mainNavLast > a:hover{
  background-position: bottom right;
  color: #fff !important;
}
.mainNavMiddle > a{
  background: #EBEBEB;
  height: 40px !important;
  border-top: 1px solid #c8c8c8;
  border-right: 1px solid #c8c8c8;;
}
.mainNavMiddle > a:hover{
  color: #fff !important;
  background: #c8000b;
}
#jsddm > li ul{
display:none;
text-align: center;
width: 183px;
list-style:none;
position:absolute;
z-index:100;
border: 1px solid #C8C8C8;
z-index: 10000;
margin-left: -1px;
}
#jsddm > li > ul a{
color:#004a89;
background: #fff;
padding: 4px 10px;
font-size: 11px;
text-decoration:none;
display: block;
}
.subNav, .subNavFirst, .subSubNav,  .subSubNavFirst{
border-bottom: 1px solid #C8C8C8;
}
#jsddm > li > ul a:hover{
background: #c8000b;
color: #fff;
}
#jsddm  > li ul li  ul{
margin:-23px 0 0 203px;
position:absolute;
}

/*  ===== @HOMEPIECE ============================ */
#homeMenu{
background: url(sliderBack.png);
height:361px;
width:988px;
margin:27px auto 0 auto;
text-align:center;
z-index: 999;
}
/* ===== @PAGE CONTENT BOX STYLES ============================================= */
#interior #contentWrapper{
clear:both; 
margin: 0 auto 0;
width:1000px;
background: url(interiorBack.png) repeat-y top center ;
}
#home #contentWrapper{
margin:15px auto; 
padding: 3px 0 10px; 
width:960px; 
}
#interiorTopShadow { 
  position: relative; 
  background: url(shadowTop.png) no-repeat; 
  width: 1020px; 
  height: 15px; 
  margin: 59px auto 0; 
  z-index: 9999;
} 
.copy {
  clear: both;
  padding:0 40px 20px;
}
/* ===== @ACTION NAV STYLES ============================================= */
#home #sideBar {
  float:left;
  height:auto;
  width:286px;
  border: 1px solid #c8c8c8;
}
#interior #sideBar {
  float:left;
  height:auto;
  margin:20px 0 0 41px;
  width:286px;
}
#sideBarInner {
  background: #e8ecf7 url(homeSideBack.jpg) repeat-x bottom; 
  width: 242px;
  height: auto;
  margin: 9px 0 9px 9px;
  padding: 19px;
  border: 1px solid #c8c8c8;
}
#sideBarInner h2 { color: #003e73; margin: 30px 0 8px 0; }
#actionNav{  
  float:left; 
  height: auto;
  background:#71a4d1 url(formBack.jpg) repeat-x;
  border: 1px solid #AFAFAF;
  padding:10px;
  color:#333;
  width:290px;
  -webkit-border-radius:5px;
  -moz-border-radius:5px;
}
#actionNav h2{
  margin: 0 0 10px 0;
  font-size: 16px;
  color: #fff;
  text-shadow: .1em .1em #2d4f6c;
}
#actionNav li{
  color: #fff;
  padding: 5px 0 5px 10px;
  border-bottom:1px solid #efefef;
  list-style: none;
}
#actionNav li:hover{
  background: #99C0DF;
}
#actionNav li a{
  color: #fff;
  font-size: 12px;
  text-decoration: none;
  display: block;
}
#actionNav #twitter{
  font-size: 12px;
  margin: 10px 0;
}
#actionNav #twitter a{
  color: #afddeb;
  margin: 2px 0 0 0;
}
#actionNav #twitter li{
  background: none;
}
#home #sideBar{
  width:300px; 
  float:right;
  height:auto;
}
/* ===== @CONTENT STYLES ============================================= */
#pageSubHeader{
  color: #ff00ff;
  margin: 0 0 5px 0;
  text-align: center;
}
#home #contentWrapper #content{
  width:620px;
  height:auto;
  margin: 0 0 0 20px;
  font-size: 12px;
  float:left;
}
#home #contentWrapper #content h2{
  color: #003e73;
  font-size: 24px;
  font-weight: normal;
}
#interior #contentWrapper #content{
  width:635px;
  height:auto;
  float:right;
}
#contactInfo{
  float:left;
  width:325px;
  height: 500px;
  margin: 0 0 0 40px;
}
#contactAddress{
  margin:15px 0 0 0;
}
#googleMap{
  width:325px;
  height:325px;
  background:#d8ebf7;
  border:1px solid #b5d2e6;
  padding:2px;
  margin: 20px 0 0 0;
}
#discountWrapper{ 
  margin: 50px auto;
  padding: 20px ; 
  width: 800px; 
  background: #D1E2EF url(discountBack.png) no-repeat 600px 18px;
  -webkit-border-radius:5px;
  -moz-border-radius:5px;
  border-radius:5px;
  border: 1px solid #9BB8CF;
}
#ourStaffWrapper{ 
  margin: 50px auto;
  padding: 20px ; 
  width: 800px; 
  background: #D1E2EF;
  -webkit-border-radius:5px;
  -moz-border-radius:5px;
  border-radius:5px;
  border: 1px solid #9BB8CF;
}


/* ===== @FORMS STYLES ============================================= */
#formContainer{
width:520px;
background-color:#71a4d1 ;
background-image: url(formBack.jpg);
background-repeat: repeat-x;
background-position: bottom;
border:1px solid #AFAFAF;
margin:20px auto 20px;
padding:4px 4px 0;
text-align:center;
-webkit-border-radius:5px;
-moz-border-radius:5px;
border-radius:5px;
}
#formContainer label{
color:#fff;
font: 13px/normal Arial, Helvetica, sans-serif;
}
#formContainer h2{
  color: #fff;
  font-size:14px;
  margin:5px 0 8px 0;
  text-shadow: .1em .1em #2d4f6c;
}
#formReferFriend .emailAddress{
width: 250px;
}
#formReferFriend .emailAddress input{
width: 240px;
}
.notes textarea, .form .formWidth{ border:1px solid #cecece;}
.formContest{border-style:dashed !important;}
.form{
padding:5px 5px 0;
text-align:left;
width:500px;
margin:0 auto;
}
.form .formInput{
width:125px;
padding:0;
margin:0;
text-align:left;
float:left;
}
.form .formWidth{
width:115px;
height:15px;
-webkit-border-radius:3px;
-moz-border-radius:3px;
}
#CRM_Leads_CompanyName{
width:490px;
}
.notes textarea{
width:490px;
height:35px;
-webkit-border-radius:3px;
-moz-border-radius:3px;
}
.inputMoreInfo, .submit{text-align:center;}
.inputMoreInfo{margin:2px 0; color:#fff;}
.form label.error {color: #fff; padding-left: 5px; }
#submit{margin:5px 0 10px; }
/* ===== @BLOG STYLES ============================================= */
.articleSeparator{}
.blog{
margin:20px;
line-height:1.3;
}
.blog h2{
margin:0;
padding:0;
border-bottom:1px solid;
}
.blog .time{
display:block;
margin: 0 0 20px 0;
font-size:10px;
float:right;
}
.blog .article{
clear:both;
margin: 0 0 20px 0;
}
/* ===== @PREFERRED VENDOR STYLES ============================================= */
.partnersItem{
width:150px;
display:block;
margin:10px;
}
.visitSiteBtnNo{display:none;}
.poBox{
border: 1px dashed #ddd;
height:78px;
color:#687175;
width:310px;
margin:0 5px 5px 0;
padding:0;
  float:left;
}
.poBoxContent a{
color:#687175;
text-decoration: none;
}
.poBoxContent a:hover{
color:#9FB0B8;
text-decoration: underline;
}
.poBoxIcon{
width:76px;
height:76px;
margin:2px 2px 0 2px;
padding:0;
  float:left;
}
.poBoxContent{
width:230px;
padding:5px 0 0  0;
text-align:left;
color:#687175;
  float:right;
}
.poShortDesc{
padding:0;
margin:3px 0 5px;
font-size:12px;
text-align:left;
color:#687175;
}
.poFullDesc{
padding:0;
margin:10px 0;
text-align:left;
width:330px;
}
.partners{
width:960px;
margin:0 0 20px;
}
/* ===== @FOOTER STYLES ============================================= */
#footer li img {vertical-align:middle;}
#arLogo{float:right;}
#footer{
background: #004a89 url(footerBack.jpg) repeat-x top;
color:#fff;
padding: 10px 0;
}
/*---- Footer width must be adjusted if you add or remove items --*/
#footer ul{
width:940px; 
margin:0 auto;
height:48px;
}
#footer li {
display:block;
line-height:48px;
float:left;
height:48px;
width:auto;
margin:0 53px 0 0;
list-style:none;
}
#footer a, #footer a:visited {
color:#FFF;
font-size:13px;
text-decoration:none;
}
#footer a:hover {color:#ccc;}
/* ===== @VIDEO GIRL STYLES ============================================= */ 
#vpPlayer, #vpBtn, #vpBtnPause{
position:fixed;
bottom:0;
right:0;
z-index: 9999;
}
#vpBtn{display:none;}

/*====== HOME MENU SLIDER =============================================*/

.coda-slider { margin:36px 0 0; width: 668px; }
  
/* Use this to keep the slider content contained in a box even when JavaScript is disabled */
.coda-slider-no-js .coda-slider { height: 295px; overflow: auto !important; padding-right: 20px }


/* .panel-wrapper elements */
.panel-wrapper { width:660px; height:280px; float:left; margin:0; color:#FFF; text-align:justify; }
.panel img { float:left; margin: 0 0 0 15px; }
.slider-quote-button {
  display: block;
  background: url(quoteBtn.jpg) no-repeat;
  width: 170px;
  height: 39px;
  overflow: hidden;
}
.slider-quote-button:hover {
  background-position: bottom left;
}
#slider-nav {
  display:block; 
  width:253px;
  height:300px;
  list-style:none;
  margin: 21px 0 0 34px;
  padding:0;
  float: left;
}
#sliderContainer { width: 918px; height: 295px; border: 1px solid #c3c3c3; }
.sliderContent {
  float:right;
  height:200px;
  margin:25px 0 0 21px;
  text-align:left;
  width:270px;
}
.sliderContent h2 { 
  color: #000; 
  font-size:30px;
  margin: 0 0 10px 0;
}
.sliderContent p { color: #000; margin: 0 0 20px 0; font-size: 12px; line-height: 1.7; }
.sliderContent h2 { color: #c8000b; font-size: 24px; }
#slider-nav li {
  width:253px;
  height:75px;
  float:left;
  line-height:30px;
  text-align:center;
  margin: 0;
  padding:0;
}
#slider-nav li.nomargin { margin:0 !important; }
#slider-nav li a {
  color:#fff;
  font-weight:bold; 
  display:block; 
  text-decoration:none !important; 
}
.sliderAutoBtn { background: url(sliderAutoBtn.png) no-repeat; overflow: hidden; width: 253px; height: 75px; }
.sliderHomeBtn { background: url(sliderHomeBtn.png) no-repeat; overflow: hidden; width: 253px; height: 75px; }
.sliderBusiBtn { background: url(sliderBusiBtn.png) no-repeat; overflow: hidden; width: 253px; height: 75px; }
.sliderLifeBtn { background: url(sliderLifeBtn.png) no-repeat; overflow: hidden; width: 253px; height: 75px; }

#slider-nav li a:hover { background-position: bottom left !important; }

/* Change the width of the entire slider (without dynamic arrows) */
.coda-slider, .coda-slider .panel {
  height:271px !important;
  width:668px;
}
  
/* Change margin and width of the slider (with dynamic arrows) */
.coda-slider-wrapper.arrows .coda-slider, .coda-slider-wrapper.arrows .coda-slider .panel { width: 600px }
.coda-slider-wrapper.arrows .coda-slider { margin: 0 10px }
  
/* Arrow styling */
.coda-nav-left a, .coda-nav-right a { background: #000; color: #fff; padding: 5px; width: 100px }
  
/* Tab nav */
.coda-nav ul li a.current { background: #39c; }
  
/* Panel padding */
.coda-slider .panel-wrapper { padding: 0; }
  
/* Preloader */
.coda-slider p.loading { padding: 20px; text-align: center }

/* Don't change anything below here unless you know what you're doing */

/* Tabbed nav */
.coda-nav ul { clear: both; display: block; margin: auto; overflow: hidden }
.coda-nav ul li { display: inline }
.coda-nav ul li a { background: #000; color: #fff; display: block; float: left; margin-right: 1px; padding: 3px 6px; text-decoration: none }
  
/* Miscellaneous */
.coda-slider-wrapper { clear: both; overflow: auto }
.coda-slider { float: left; overflow: hidden; position: relative }
.coda-slider .panel { display: block; float: left }
.coda-slider .panel-container { position: relative }
.coda-nav-left, .coda-nav-right { float: left }
.coda-nav-left a, .coda-nav-right a { display: block; text-align: center; text-decoration: none }

/* ========== SOCIAL MEDIA ======================================================= */
#socialMedia { margin: 0; }
#socialMedia li { display: inline; list-style: none;  margin: 0 10px 0 0;}
.a2a_dd { float: left; margin: 10px 0 10px 40px; }