@viewport {
   width: device-width;
}

@media
only screen and (-webkit-min-device-pixel-ratio: 1.5), 
only screen and (min--moz-device-pixel-ratio: 1.5),
only screen and (min-device-pixel-ratio: 1.5) {
}

body {/*Place lowest level background colors/images here*/
   color:#000;
   background: url('images/2tone_stretch.jpg') repeat-x top #343434;
   min-width: 1000px;
}

#page-wrap {
}

#logo {
    height: auto;
    max-width: 1000px;
    position: relative;
    margin-left: 150px;
}
#logo a {
    color: #263959;
    font-size: 25px;
    text-decoration: none;
    text-shadow: 1px 1px 1px #666666;
}
#logo a h1 {
    float: left;
    font-family: Candara,Calibri,Segoe,"Segoe UI",Optima,Arial,sans-serif;
    font-size: 45px;
    line-height: 45px;
    margin: 15px 0 0;
    max-height: 30px;
    max-width: 600px;
    overflow: hidden;
    padding: 0 20px 20px 0;   
}
#logo img {
    height: auto;
    margin: 15px 0 10px;
    max-height: 130px;
    float: left;    
}

#subHeader {
    display: none;
    border-left: none;
    color: #035E1E;
    float: left;
    font-family: Candara,Calibri,Segoe,"Segoe UI",Optima,Arial,sans-serif;
    font-size: 14px;
    font-style: normal;
    margin: 35px 0 0;
    max-height: 28px;
    max-width: 300px;
    padding: 5px 0 5px 15px;
    line-height: 14px;    
}

#shadow {
}
#container {
    background-image: none;
    background-repeat: repeat-y;
    width: 855px !important;
}
#emoContentContainer {
    margin: 120px 0 0 10px;
    padding: 30px;
    width: 700px;
}
#page {
}

#header-wrap {
   background: #BBBBBB;
   height: auto;
}

#header {
    height: auto;
    padding: 0;
    width: 1000px;
}

#leftmenu_area {
    background-image: url("images/stretch.gif");
    background-repeat: no-repeat;
}
#splash .textContent {
    width: 80%;
}
#sidebar {
    float: right;
    margin: 135px 18px 20px 0;
    width: 185px;;
    padding-left: 10px;
}
#emoWrap {
    background: url("images/smoke_banner_dark_920.jpg") no-repeat scroll 40px 30px #FFFFFF;
    border: 5px solid #C0C0C0;
    border-radius: 10px;
    box-shadow: 0 0 8px #000000 inset;
    margin-top: 10px;
    min-height: 500px;
    padding: 0;
    width: 1000px;
}
#splash #emoWrap {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0) !important;
    border: medium none !important;
    box-shadow: none !important;
    width: 1002px;
}
#content {
    margin: 0;
    padding: 15px 40px;
}
#splash #emoContentContainer {
    display: none;
}
.innerEmoContent {
    padding: 0;
    width: auto;
}
#splash .innerEmoContent {
    width: 1180px;
}
#widget_area_splash_middle {
    float: left;
    height: auto;
    padding: 20px 70px 30px 100px;
    width: 1010px;
}
#splash_bottom_widgetarea {
    clear: both;
    margin: 0;
    padding: 0;
    width: 1020px;
}
#footer {
    background: none repeat scroll 0 0 #BBBBBB !important;
    box-shadow: 0 0 6px #333333 inset !important;
    clear: both !important;
    color: #CBCBCB !important;
    height: 100px;
    margin: 30px auto -30px !important;
    padding: 0;
    width: 100% !important;
}
#footer-wrap {
    height: 100px;
    margin: 0 auto;
    position: relative;
    width: 780px;
}
#footer a {
    color: #263959;
}
#footer a:hover {
    color: #FFFFFF;
}
#footer-nav {
    left: 0;
    margin: 0 auto;
    position: relative;
    text-align: center;
    top: 0;
    width: 70%;
}
#footer-nav h2 {
    display: none;
    font-size: 16px;
    letter-spacing: 1.5px;
    margin: 15px 0;
    text-transform: uppercase;
}
#footer-nav ul li {
    float: left;
    height: 18px;
    margin: 0;
    padding: 0 10px;
}
#footer-nav ul li:last-child {
    border: medium none;
}
a {
    color: #263959;
}
a:hover {
    color: #A3A3A3;
}
#emoWrap #emoContentContainer h1 {
    border-bottom: 1px solid #DCDCDC !important;
    color: #035E1E;
    font: bold 23px/50px Candara,Calibri,Segoe,"Segoe UI",Optima,Arial,sans-serif;
    text-transform: uppercase;
    color: #263959;
}
#emoWrap #emoContentContainer h2 {
    color: #263959;
    font-family: Candara,Calibri,Segoe,"Segoe UI",Optima,Arial,sans-serif;
    text-transform: uppercase;
}
#emoWrap #emoContentContainer h3 {
    color: #263959;
    font-family: Candara,Calibri,Segoe,"Segoe UI",Optima,Arial,sans-serif;
    font-size: 20px;
    text-decoration: none;
    text-transform: uppercase;
}
#emoContentContainer h3 a {
    color: #263959;
}
#emoWrap #emoContentContainer p, #emoWrap #emoContentContainer li {
    font-family: Calibri,Segoe,"Segoe UI",Optima,Arial,sans-serif;
    font-size: 16px !important;
}
#emoWrap #emoContentContainer b, #emoWrap #emoContentContainer strong {
    color: #808080;
}
#emoContentContainer a {
    color: #263959;
}
#emoContentContainer a:hover {
}
#emoContentContainer a:visited {
    color: #005119;
}
#nav {
    background: none repeat scroll 0 0 #DCDCDC;
    border: 1px solid #DCDCDC;
    border-radius: 10px;
    box-shadow: 0 0 4px #666666 inset;
    clear: both;
    float: left;
    margin-bottom: 5px;
}

#nav a {
    color: #000000;
    font: 13px/40px Candara,Calibri,Segoe,"Segoe UI",Optima,Arial,sans-serif;
    margin: 0 1px;
    padding: 0 10px;
    text-decoration: none;
    text-transform: uppercase;
}
#nav a:hover {
    background: none repeat scroll 0 0 #263959 !important;
    border-radius: 10px !important;
    box-shadow: none;
    color: #FFFFFF !important;
}
.tabs li {
    margin: 0;
    padding: 0;
}
#nav .drop > ul {
    background: none repeat scroll 0 0 #E4E4E4;
    border: 5px solid #DCDCDC;
    border-radius: 10px 10px 10px 10px;
    box-shadow: 0 0 8px #666666;
    padding: 0;
    position: absolute;
    width: 140px;
    z-index: 999;
}
#nav .drop > ul a {
    line-height: 30px;
    text-indent: 10px;
}
#nav .drop > .dropdown > .drop > ul {
    left: 100%;
    top: -5px;
}
ul.tabs, ul.tabs li, ul.tabs ul {
}
ul.tabs a {
    font-size: 13px;
    line-height: 50px;
}
ul.tabs li ul {
}
ul.tabs li ul li {
    border: medium none;
}
ul.tabs a {
    height: auto !important;
}
ul.tabs > a:hover, ul.tabs > li:hover > a, ul.tabs > li.iehover > a {
}
ul.tabs > li:hover > ul > li > a, ul.tabs li.iehover li a {
}
ul.tabs > li:hover > ul > li > a:hover, ul.tabs > li:hover > ul > li:hover > a, ul.tabs li.iehover li a:hover, ul.tabs li.iehover li.iehover a {
}
#nav li.emoCurrent {
}
#nav li.emoCurrent a {
    background: none repeat scroll 0 0 #263959;
    border-radius: 10px;
    box-shadow: none;
    color: #FFFFFF;
}
#nav ul.tabs li.emoCurrent ul.dropdown li a {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    color: #000000;
}
#nav ul.tabs li.emoCurrent ul.dropdown li a:hover {
    color: #FFFFFF;
}
#nav .tabs li:last-child {
    border: medium none;
}
ul.footer_links li a {
    color: #2C2C2C;
    text-decoration: none;
}
ul.footer_links li a:hover {
    color: #656464;
    text-decoration: none;
}
#widget_area_footer {
    display: none;
    float: left;
    padding: 10px 90px;
}
#widget_area_footer .custom_content_widget {
    float: left;
    margin-right: 40px;
    text-align: left;
}
#widget_area_footer .custom_content_widget h4 {
    border-bottom: 1px double #223138;
    font-size: 16px;
    line-height: 40px;
    margin: 5px auto;
}
#aboutMoreInfo {
    width: 440px;
}
#linksMoreInfo {
    width: 250px;
}
ul.sitemapUlMoreInfo {
    float: left;
    list-style: disc outside none;
    margin-left: 17px;
    width: 80px;
}
ul.sitemapUlMoreInfo li {
    margin: 5px 0;
}
ul.sitemapUlMoreInfo a {
    text-decoration: none;
}
#contactUsMoreInfo {
    width: 200px;
}
#contactUsUlMoreInfo {
    list-style: none outside none;
    margin: -3px 11px 0 17px;
    width: 200px;
    word-wrap: break-word;
}
#contactUsUlMoreInfo li {
    color: #333333 !important;
    font: 14px/17px Candara,Calibri,Segoe,"Segoe UI",Optima,Arial,sans-serif;
    margin: 0;
    padding: 0 5px;
    text-align: center;
    width: 170px;
}

#copyright {
    color: #666666;
    left: 0;
    position: relative;
    top: 12px;
}
#copyright a {
    display: none;
}
ul.footer_links, #social_network_div {
    margin: 0;
    padding: 20px 0;
}
#social_network_div {
    bottom: 0;
    position: absolute;
    right: 10px;
}
#social_network_div #socialNetwork-footer, #socialNetwork-footer li {
    margin: 0;
}
#map {
}
.formsul li a {
    color: #000000;
}
.pubsul li a {
    color: #2B468E;
}
.archiveHeading {
    color: #000000;
}
#contact_us .box,
#map,
#servicesFormDiv,
#client_accounts .webasystForm, #client_accounts .sharefile_form,
#monthly_news div.form {
    border-color: #C0C0C0 !important;
    border-radius: 10px;
    border-width: 1px !important;
    box-shadow: 0 0 4px #666666 inset;  
    min-height: 100px;       
}

#contact_us .box {
    max-width: 312px !important;
}
#socialNetwork-footer, #socialNetwork-footer li {
    display: inline-block;
    list-style: none outside none;
    margin: 0;
}
.widget input {
    border: 1px solid #D6D6D6;
    font-size: 11.5px;
    padding: 4px;
}
.widget input[type="submit"] {
    background-color: #517487;
    color: #FFFFFF;
    padding: 4px 15px;
}
.widget input[type="submit"]:hover {
    cursor: pointer;
}
#widget_area_right {
    display: block;
}
.icon {
    margin-right: 10px;
}
#nav .tabs li:last-child {
    border: medium none;
}
.widgetContainer {
    float: left;
}
#widget_area_splash_slider .widgetContainer {
    float: none;
}
#about_us .widgetContainer {
    clear: both;
}
#about_us .widgetContainer {
   width: 100%;
}
#widget_area_right .widget h2 {
    color: #263959;
    font: bold 14px/25px Candara,Calibri,Segoe,"Segoe UI",Optima,Arial,sans-serif;
    text-align: center;
    text-transform: uppercase;
}
#login_widget {
    background: none repeat scroll 0 0 #DCDCDC;
    border: 1px solid #CCCCCC;
    border-radius: 10px 10px 10px 10px;
    box-shadow: 2px 2px 5px #666666;
    height: 165px;
    width: 170px;
}
#client_login_form_widget_title {
}
#login_widget_user, #login_widget_password {
    border-radius: 5px 5px 5px 5px;
    box-shadow: 0 0 3px #333333 inset;
    margin: 2px 13px 7px;
    width: 130px;
}
#login_widget_submit {
    background: none repeat scroll 0 0 #555555;
    border: 0 none;
    border-radius: 5px 5px 5px 5px;
    box-shadow: 1px 1px 3px #666;
    color: #FFFFFF !important;
    cursor: pointer;
    margin: 0 0 0 65px;
    padding: 2px !important;
}
#newsletterSignupDiv {
    background: none repeat scroll 0 0 #DCDCDC;
    border: 1px solid #CCCCCC;
    border-radius: 10px 10px 10px 10px;
    box-shadow: 2px 2px 5px #666666;
    height: 165px;
    width: 170px;
}
#newsletter_signup_widget_title {
}
#newsletterSignupName, #newsletterSignupEmail {
    border-radius: 5px 5px 5px 5px;
    box-shadow: 0 0 3px #333333 inset;
    margin: 2px 13px 7px;
    width: 130px;
}
#newsletterSignupSubmit {
    background: none repeat scroll 0 0 #555555;
    border: 0 none;
    border-radius: 5px 5px 5px 5px;
    box-shadow: 1px 1px 3px #666;
    color: #FFFFFF !important;
    cursor: pointer;
    margin: 0 0 0 65px;
    padding: 2px !important;
}

#login_widget_submit:hover,
#newsletterSignupSubmit:hover {
    box-shadow: 1px 1px 5px #000000 inset;
}

.splashbox {
    background: none repeat scroll 0 0 #FFFFFF;
    border-radius: 10px 10px 10px 10px;
    box-shadow: 2px 2px 8px #000000;
    height: 250px;
    margin: 20px 17px -105px;
    width: auto;
}
.splashbox img {
    margin: 0 23px;
    padding-top: 45px;
}
#splashbox h3, #splashbox h3 a {
    border: 0 none !important;
    color: #263959 !important;
    font: bold 21px/21px Candara,Calibri,Segoe,"Segoe UI",Optima,Arial,sans-serif !important;
    margin: -120px 0 120px !important;
    text-align: center;
    text-decoration: none !important;
    text-transform: uppercase;
}
.splashbox p {
    color: #333333 !important;
    font: 14px/18px Candara,Calibri,Segoe,"Segoe UI",Optima,Arial,sans-serif !important;
    margin: 0 auto;
    padding: 5px;
    text-align: justify;
    width: 165px;
}

.splash_image {
    margin: 4px 0 0;
    padding: 0;
    position: relative;
}
.splash_image img {
    box-shadow: 0 10px 10px #333333;
}
#splash #copyright, #splash ul.footer_links {
    display: none;
}
#splash #footer {
    height: 200px;
}
#splash #footer-wrap {
    height: 0;
}
#minifeed-container {
    background: none repeat scroll 0 0 #DCDCDC;
    border: 1px solid #CCCCCC;
    border-radius: 10px 10px 10px 10px;
    box-shadow: 2px 2px 5px #666666;
    padding: 0 !important;
    width: 170px;
}
#minifeed {
    border: 1px solid #CCCCCC !important;
    border-radius: 10px 10px 10px 10px;
    box-shadow: 0 0 5px #000000 inset;
    height: 300px;
    margin: 0 auto 4px !important;
    overflow: auto;
    padding: 5px !important;
    width: 150px;
}
#minifeed a {
    font-size: 12px;
}
#minifeed p {
    font-size: 11px;
}
#widget_area_right.widgets div.widgetContainer div center {
    display: none;
}
.social_links_widget li {
    display: inline !important;
    list-style: none outside none;
    margin: 0 10px;
}
.social_links_widget img {
    border-radius: 5px 5px 5px 5px;
    box-shadow: 2px 2px 5px #666666;
}
#monthly_form_right {
    margin-top: 10px;
    position: absolute;
    right: 9% !important;
}
#nav li.emoCurrent ul li a {
    background: none repeat scroll 0 0 #005119;
    border-radius: 0 0 0 0;
    box-shadow: 0 0 0;
    color: #FFFFFF;
}
#nav li.emoCurrent ul li a:hover {
    background: none repeat scroll 0 0 #005119;
    border-radius: 10px 10px 10px 10px;
    box-shadow: 0 0 5px #000000 inset;
    color: #FFFFFF;
}

/* Misc Changes */

.content-indent div.details strong {
   color: #023D69!important;
}
.splashbox, .clientsplash {
    border: 1px solid #C0C0C0 !important;
    box-shadow: 0 0 4px #333333 !important;
    margin: 20px 13px -105px !important;
}
#footer a:hover {
    color: #2C2C2C;
    text-decoration: underline;
}
.clientsplash {
    background: #FFFFFF!important;
    border-radius: 10px!important;
    height: 250px!important;
    width: 215px!important;
}
/* Financial Calculators Link Fix */
#financial_tools .calcList:first-child {
    width: 430px !important;
}
#financial_tools .calcList {
    width: 530px !important;
}
#financial_tools .calcList li a {
    font-size: 15px;
}
/* End Financial Calc Link Fix */

/* End Misc */


/* MQ */

/* min-width - Full Size */
@media screen and (min-width: 900px) {
   body,
   #page-wrap {
      min-width: 1000px;      
   }
   #emoWrap {
      min-height: 500px;
      width: 1000px;   
   }
}

/* min-width & max-width - Mid */
@media screen and (min-width: 525px) and (max-width: 900px) {
   #splash,
   .splash_image img,
   body,
   #page-wrap {
      max-width: 750px;  
      min-width: 525px;      
   }
   #emoWrap {
    background: url("images/smoke_banner_dark_920.jpg") no-repeat scroll 50px 30px / 630px auto #FFFFFF;
      min-height: 250px;
      max-width: 750px;  
   }
   #header {
      max-width: 750px;  
   }
   #logo {
      max-width: 750px;  
      margin: 0 auto;
   }
   #subHeader { display: none; }
   #logo a {
      font-size: 20px;
   }
   #emoContentContainer {
      margin: 20px;
      padding: 80px 30px 30px;
      width: 630px;
   }
   #nav {
      float: left;
       margin: 20px 0 0 0;
      position: static;    
      max-width: 900px;                  
   }
   #nav a {
      color: #000000;
      font: 18px/25px Candara,Calibri,Segoe,"Segoe UI",Optima,Arial,sans-serif;
   }
   #footer-wrap,
   #footer {
      width: 770px;  
      float:left;
   }
   #widget_area_right .widgetContainer {
      margin: 0 5px;
   }
   #sidebar {
      float: none;
       margin: 0 auto;
       padding-left: 10px;
       width: 400px;
   }
   #contact_us .contactRow {
       height: 416px;
       width: 100%;
   }   
   #contact_us .box {
      clear: none !important;
       float: left !important;
       height: 270px !important;
       margin-right: 5px !important;
       max-width: 265px !important;
   }
   .splashbox, .clientsplash {
      border: 1px solid #C0C0C0 !important;
       box-shadow: 0 0 4px #333333 inset !important;
       margin: 20px 10px 0 !important;
       width: 350px;
       max-height: 210px;
   }
   .splashbox img {
      margin: 0 90px;
      padding-top: 45px;
   }
   .splashbox p {
      color: #333333 !important;
       font: 14px/18px Candara,Calibri,Segoe,"Segoe UI",Optima,Arial,sans-serif !important;
       margin: 0 auto;
       padding: 0;
       text-align: center;
       width: 300px;
   }
   #contactUsUlMoreInfo li {
       color: #333333 !important;
      font: 14px/17px Candara,Calibri,Segoe,"Segoe UI",Optima,Arial,sans-serif;
       margin: 0;
       padding: 0 5px;
       text-align: center;
       width: 320px;
   }
   #splash_bottom_widgetarea {
       clear: both;
       margin: 0;
       max-width: 750px;
       padding: 0;
   }
   #splash #footer {
       display: none;
   }
/* Financial Calculators mobile Fix */
#financial_tools .calcList:first-child,
#financial_tools .calcList {
    width: 100% !important;
   padding: 0 !important;
}
#financial_tools .calcList li:first-child {
    border-left: 1px solid !important;
}
/* End Financial Calc mobile Fix */   
}


/* max device width - iphone */
@media screen and (max-device-width: 480px) {
   #splash,
   #splash_img img,
   body,
   #page-wrap,
   #footer,
   #footer-wrap,
   #splash #page-wrap,
   #splash #footer,
   #splash #footer-wrap {
      max-width: 480px;  
      min-width: 300px !important;
      margin:0;
      padding:0;
      width:100%;
   }
   #header,
   #header-wrap,
   #logo,
   #nav,
   #emoWrap,
   #emoContentContainer,
   .innerEmoContent,
   #widget_area_footer,
   #splash #header,
   #splash #header-wrap,
   #splash #logo,
   #splash #nav,
   #splash #emoWrap,
   #splash #emoContentContainer,
   #splash .innerEmoContent,
   #splash_bottom_widgetarea,
   #widget_area_splash_middle,
   #splash #widget_area_footer {
      width:auto;
      margin:0;
      padding:0;
      max-width: 480px;  
      min-width: 300px;
   }
   .splash_image img,
   .splash_image {
      max-width: 480px;
      margin: 0 auto;
      width:100%;
    } 
   #emoWrap {
      background: none #fff;
       min-height: 100px;
       max-width: 470px;       
   }
   #header,
   #header-wrap {
      max-width: 440px;
   }
   #logo {
      margin: 0 auto;
   }
      #logo a h1 {
      margin:0;
   }
   #logo a h1 strong {
      font-size:36px;
   }
   #subHeader { display: none; }
   #logo a {
      font-size: 17px;
   }
   #emoContentContainer {
     padding: 5px 5px 0;
   }
   #emoWrap #emoContentContainer p, #emoWrap #emoContentContainer li {
      color: #000;
      font-size: 18px;
   }
   #nav a {
      color: #000000;
       font: 18px/25px Candara,Calibri,Segoe,"Segoe UI",Optima,Arial,sans-serif;
   }
   #footer-wrap,
   #footer {
     float: left;
    }
   #sidebar, #widget_area_right {display: none;}     

   #nav {
      background: none repeat scroll 0 0 #DCDCDC;
       border-radius: 10px 10px 10px 10px;
       float: left;
       margin: 20px 0 0 0;
       max-height:50px;
      overflow: hidden;
   }
   ul.tabs, ul.tabs li, ul.tabs ul {
      display: inline-block;
   }
   #widget_area_header {
      display: block;
   }
      #contact_us .box {
      clear: none !important;
       float: left !important;
       height: 270px !important;
      margin-right:0px !important;
      width:94% !important;
       max-width: 400px !important;
   }
   #contact_us .contactRow {
       height: 300px;
       width: 100%;
   }  
   #splash_bottom_widgetarea .widgetContainer {
      width:100%;
   }
   .splashbox, .clientsplash {
      border: 1px solid #C0C0C0 !important;
       box-shadow: 0 0 4px #333333 inset !important;
       margin: 20px 20px 0 !important; 
      width:auto;
      max-width: 350px;
      margin: 10px auto 0 !important;
      max-height: none;
      float: none;

   }
   .splashbox img {
     margin:0px auto;
      padding-top: 45px;
      display: block;
   }
   .splashbox p {
      color: #333333 !important;
       font: 14px/18px Candara,Calibri,Segoe,"Segoe UI",Optima,Arial,sans-serif !important;
      width: auto;
      max-width: 200px;
       padding: 0;
       text-align: center;
   }
   #contactUsUlMoreInfo, #contactUsUlMoreInfo li {
      width:auto;
      margin: 0;
   }
   #contactUsUlMoreInfo li {
       color: #333333 !important;
      font: 14px/17px Candara,Calibri,Segoe,"Segoe UI",Optima,Arial,sans-serif;
       padding: 0 5px;
       text-align: center;
   }  
   #splash_bottom_widgetarea {
       clear: both;
       margin: 0;
       max-width: 480px !important;
       padding: 0;
   }
   #splash #footer,
   #splash #footer-wrap {
       display: none;
   }
    a.backToTop {
    bottom: 10px;
    right: 10px;
   }
/* Financial Calculators mobile Fix */
#financial_tools .calcList:first-child,
#financial_tools .calcList {
    width: 100% !important;
   padding: 0 !important;
}
#financial_tools .calcList li:first-child {
    border-left: 1px solid !important;
}
/* End Financial Calc mobile Fix */
}


/* End Media Queries */



.tab {
    display: none;
}