@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) {
}

/*Structural elements*/

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

/* body  */
#page-wrap {
}

/* header */
#header-wrap {
   background: url('images/header_wrap.jpg') repeat-x #DDDDDD;
   height: auto;
}

#logo {
    height: auto;
    max-width: 1000px;
    position: relative;
}

#logo a h1 {
    float: left;
    font-family: Candara,Calibri,Segoe,"Segoe UI",Optima,Arial,sans-serif;
    font-size: 45px;
    line-height: 45px;
    margin: 30px 0 0;
    max-height: 30px;
    max-width: 600px;
    overflow: hidden;
    padding: 0 20px 20px 0;    
}

#logo img {
    height: auto;
    margin: 30px 0 10px;
    max-height: 130px;
    float: left;    
}

#logo a {
    color: #023D69;
    font-size: 25px;
    text-decoration: none;
    text-shadow: 1px 1px 1px #666666;
}

#subHeader {
    border-left: 1px solid #768D9A;
    color: #023D69;
    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{background:;}

/* content background */
#container {/*2nd Container, put 'page stretch' here and set overall width*/
   background-image: none;/*Define page stretch bg image, usually 1px height*/
   background-repeat: repeat-y;/*Stretch image down page, usually repeat-y*/
   width: 855px !important;/*Required, overall width of site, usually width of stretch bg image*/
}
#emoContentContainer {
    margin: 120px 0 0 10px;
    padding: 30px;
    width: 700px;  
}
#page {/*3nd Container, put 'page stretch' here and set overall width*/
}

#logo {/*Area for header text, also area for flash header*/
   color: #000000;/*Define text color of header text*/
   height: 70%;
}

#header {/*Container for header contents, specify total header height here*/
    height: auto;
    padding: 0;
    width: 1000px;
}


#leftmenu_area {/*Container for left menu, minicontent, and services menu*/
   background-image: url('images/stretch.gif');
   background-repeat:no-repeat;
}
#splash .textContent{
   width:80%;
}

#sidebar{
    float: right;
    margin: 145px 18px 20px 0;
    width: 185px;;
    padding-left: 10px;
}
#emoWrap{
    background: url("images/smoke_banner_blue_920.jpg") no-repeat scroll 40px 30px #FFFFFF;
    border: 5px solid #C0C0C0;
    border-radius: 10px;
    box-shadow: 0 0 4px #000000 inset;
    margin-top: 10px;
    min-height: 500px;
    padding: 0;
    width: 1000px;      
}
#splash #emoWrap{
   background: none !important;
   border: none !important;
   box-shadow: none !important;
   width: 1002px;
}
#content {
   padding: 15px 40px;
   margin: 0;

}

#splash #emoContentContainer {
   display: none;
}
.innerEmoContent {
    padding: 0;
    width: auto;
}
#splash .innerEmoContent{
   width:1180px;
}
#widget_area_splash_middle{
   width:1010px;
   padding: 20px 70px 30px 100px;
   height:auto;
   float: left;
}
#splash_bottom_widgetarea{
   width:1020px;
   padding: 0;   
   margin:0;
   clear:both;
}

#footer {/*Container for footer links*/
   width: 100%;/*Define width of footer area, usually 100%*/
   height: 100px;/*Define height of footer area, usually height of bg image*/
   padding:0;
   margin: 30px auto -30px;
   color: #CBCBCB;
   clear:both;
   background: #dcdcdc;  
    box-shadow: 0 0 15px #333333 inset;    
}

#footer-wrap {
   position:relative;
   width: 780px;
   height:100px;
   margin: 0 auto;   

}
#footer a {
   color: #656464;
}
#footer a:hover {
   color: #FFFFFF;
}
#footer-nav {
   width: 70%;
   margin: 0 auto;
   text-align: center;
   position:relative;
   top:0;
   left:0;
}

#footer-nav h2 {
   font-size: 16px;
   letter-spacing: 1.5px;
   margin: 15px 0;
   text-transform: uppercase;
   display:none;
}
#footer-nav ul li {
   
   float:left;
   margin: 0;
   padding:0 10px 0 10px;
   height:18px;   
}
#footer-nav ul li:last-child{
   border:none;
}

/*End structural elements*/




/*Global text elements*/

a{color:#023d69;}
a:hover{color:#023d69;}

#emoWrap #emoContentContainer h1 {/*Global h1 element style*/
   color:#023d69;
   font: bold 23px/50px Candara, Calibri, Segoe, "Segoe UI", Optima, Arial, sans-serif;
   border-bottom: 1px solid #DCDCDC !important;
   text-transform: uppercase;
}

#emoWrap #emoContentContainer h2 {/*Global h2 element style*/
   color:#023d69;
   font-family: Candara, Calibri, Segoe, "Segoe UI", Optima, Arial, sans-serif; 
   text-transform: uppercase;   
}

#emoWrap #emoContentContainer h3 {/*Global h3 element style*/
   color:#023d69;
   font-family:Candara, Calibri, Segoe, "Segoe UI", Optima, Arial, sans-serif; 
   font-size:20px;
   text-decoration:none;
   text-transform: uppercase;   
}


#emoContentContainer h3 a {
   color:#023d69;
}

#emoWrap #emoContentContainer p,
#emoWrap #emoContentContainer li {/*Global p element style*/
    font-family: Calibri,Segoe,"Segoe UI",Optima,Arial,sans-serif;
    font-size: 16px !important;
}

#emoWrap #emoContentContainer b,
#emoWrap #emoContentContainer strong {/*Global b element style*/
   color: #808080;/*Define text color*/
}

/*End global text elements*/




/*Content text elements*/

#emoContentContainer a {/*Content link style*/
   color:#023d69;
}

#emoContentContainer a:hover {/*Content link hover style*/
   
}

#emoContentContainer a:visited {/*Content link visited style*/
   color:#023d69;/*Define text color*/
}

/*End content text elements*/




/*Main menu elements*/

#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: right;
    margin: 0;
}

#nav a {
   color:#000;
   font: 13px/40px Candara, Calibri, Segoe, "Segoe UI", Optima, Arial, sans-serif;
   padding:0 10px;
   margin:0;
   text-decoration:none;
   text-transform: uppercase;
   margin: 0 1px;
}

#nav a:hover {
   color:white;
   background: #023d69 !important;
   border-radius: 10px;
   box-shadow: none;   
}

.tabs li{
   padding:0;
   margin:0;
}

#nav .drop > ul {
    border: 5px solid #DCDCDC;
    border-radius: 10px 10px 10px 10px;
    padding: 0;
    position: absolute;
    width: 140px;
    z-index: 999;  
    background: #e4e4e4;
    box-shadow: 0 0 8px #666666;   
}

#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:none;}
ul.tabs a {/*Define top-level buttons*/
   height: auto !important;/*Required*/
}
ul.tabs > a:hover,
ul.tabs > li:hover > a,
ul.tabs > li.iehover > a {/*Define button rollover state*/

}

ul.tabs > li:hover > ul > li > a,
ul.tabs li.iehover li a {/*Define sub buttons*/
}
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 { /*Define sub buttons rollover state*/

}
#nav li.emoCurrent {
}

#nav li.emoCurrent a {
   color: #fff;
   background: #023d69;
   border-radius: 10px;
    box-shadow: none;   
}

#nav ul.tabs li.emoCurrent ul.dropdown li a {
    background: none repeat scroll 0 0 transparent;
    color: #000;
}

#nav ul.tabs li.emoCurrent ul.dropdown li a:hover {
   color: #fff;
}

#nav .tabs li:last-child{
   border:none;
}

/*End main menu elements*/

/*Slider elements*/
/*End of Slider elements*/
/*Footer menu elements*/

ul.footer_links li a {
   color: #2c2c2c;/*Define text color*/
   text-decoration:none;
}
ul.footer_links li a:hover {
   color: #656464;/*Define text color*/
   text-decoration:none;
}

/*End footer menu elements*/
#widget_area_footer {
   float: left;
   padding: 10px 90px;
   display: none;
}
#widget_area_footer .custom_content_widget {
   float: left;
   text-align:left;
   margin-right: 40px;
}

#widget_area_footer .custom_content_widget h4 {
   font-size: 16px;
   line-height: 40px;
   margin: 5px auto;
   border-bottom: 1px double #223138;
}
#aboutMoreInfo {
   width: 440px;
}

#linksMoreInfo {
   width: 250px;
}
ul.sitemapUlMoreInfo {
   list-style: disc; 
   float: left;
   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;
    margin-left: 17px;
    width: 200px;
    word-break: break-all;    
}

#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;
}

/*Misc elements*/
#copyright{
   position:relative;
    top: 12px;
   left:0;
   color: #666666;
}

#copyright a {
   display: none;
}

ul.footer_links,#social_network_div { /*Social Networking Widget*/
   padding: 20px 0;
   margin: 0;
}
#social_network_div {
   position: absolute;
   bottom: 0px;
   right: 10px;
}
#social_network_div #socialNetwork-footer,#socialNetwork-footer li {
   margin: 0;
}

#map { /*Google Map*/
/*   border-color: #000000 !important; */
}
.formsul li a { /*IRS Forms*/
   color:#000000;
}
.pubsul li a { /*IRS Publications*/
   color:#2b468e;
}

.archiveHeading { /*Monthly Newsletter Archive*/
   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;
}

/*End misc elements*/



/*Added Rules*/

#socialNetwork-footer, #socialNetwork-footer li { /*Duplicate from emoStyle for pages that don't use it (splash)*/
    display: inline-block;
    list-style: none outside none;
    margin:0;
}

/* widget styling.... */
.widget input {
   border: 1px solid #D6D6D6;
   font-size: 11.5px;
   padding: 4px;
}

.widget input[type="submit"]{
   padding: 4px 15px;
   background-color: #517487;
   color: #FFFFFF;
}

.widget input[type="submit"]:hover{
   cursor: pointer;
}

#widget_area_right {
   display:block;
}
.icon{
   margin-right:10px;
}

#nav .tabs li:last-child {
   border:none;
}

.widgetContainer { float: left; }
#widget_area_splash_slider .widgetContainer { float:none; }
#about_us .widgetContainer {
   clear: both;
}

/* Side Widgets */

#widget_area_right .widget h2 {
   color:#023d69;
   font: bold 14px/25px Candara, Calibri, Segoe, "Segoe UI", Optima, Arial, sans-serif;
   text-transform: uppercase;
   text-align: center;
}

#login_widget {
   width: 170px;
    height: 165px;   
   background: #dcdcdc;
   border-radius: 10px;
    box-shadow: 2px 2px 2px #666666;   
    border: 1px solid #CCCCCC;    
}
#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;
    color: #FFFFFF !important;
    cursor: pointer;
    margin: 0 0 0 65px;
    padding: 2px !important;
    border-radius: 5px;    
}
#login_widget_submit:hover,
#newsletterSignupSubmit:hover {
    box-shadow: 1px 1px 5px #000000 inset;
}

#newsletterSignupDiv {
   width: 170px;
   background: #dcdcdc;
   border-radius: 10px;
    height: 165px;   
    box-shadow: 2px 2px 2px #666666;  
    border: 1px solid #CCCCCC;      
}
#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;
    color: #FFFFFF !important;
    cursor: pointer;
    margin: 0 0 0 65px;
    padding: 2px !important;
    border-radius: 5px;
}

/* End Side Widgets */
/* Splash Widgets */

.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: 215px;
}

.splashbox img {
    margin: 0 20px;
    padding-top: 45px;
}

#splashbox h3,
#splashbox h3 a {
    border: 0 none !important;
    color: #023D69 !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: 3px 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;
}
/* Splash Widgets */

#minifeed-container {
   padding: 0 !important;
   width: 170px;
   background: #dcdcdc;
   border-radius: 10px;
   box-shadow: 2px 2px 5px #666666;
    border: 1px solid #CCCCCC;   
}

#minifeed {
    border: 1px solid #CCCCCC !important;
    border-radius: 10px 10px 10px 10px;
    box-shadow: 0 0 5px #000000 inset;
    height: 300px;
    margin: 0 auto !important;
    overflow: auto;
    padding: 5px !important;
    width: 150px;
    margin-bottom: 4px !important;    
}

#minifeed a {
   font-size: 12px;
}

#minifeed p {
   font-size: 11px;
}

#widget_area_right.widgets div.widgetContainer div center {
   display: none;
}

.social_links_widget li {
    list-style: none outside none;
    display: inline !important;
    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 #023d69;
    border-radius: 0;
    box-shadow: 0 0 0;
    color: #FFFFFF;
}

#nav li.emoCurrent ul li a:hover {
    background: none repeat scroll 0 0 #023d69;
    border-radius: 10px;
    box-shadow: 0 0 5px #000 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_tools .calcList:first-child {
    width: 430px !important;
}
#financial_tools .calcList {
    margin: 0 auto;
    padding-bottom: 24px;
    text-align: center;
    width: 525px !important;
}

/* 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_blue_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;
   }
}


/* max device width - iphone */
@media screen and (max-device-width: 480px) {
   body#splash,
   body,
   #page-wrap {
      max-width: 480px !important;
      min-width: 480px;        
   }
   .splash_image img,
   .splash_image {
      max-width: 480px;
      margin: 0 auto;
    } 
   #emoWrap {
      background: none #fff;
       min-height: 100px;
       max-width: 470px;
       margin: 40px 0 0;          
   }
   #header,
   #header-wrap {
      max-width: 440px;
   }
   #logo {
      width: 440px;
      margin: 0 auto;
   }
   #subHeader { display: none; }
   #logo a {
      font-size: 17px;
   }
   #emoContentContainer {
      margin: 20px 10px;
       padding: 10px;
       width: 430px;
   }
   #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 {
     width: 480px;
     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;
      width: 480px;  
/*      max-height: 25px;
      overflow:hidden;       */
   }
   ul.tabs, ul.tabs li, ul.tabs ul {
      display: inline-block;
   }
   #widget_area_header {
      display: block;
   }
   #contact_us .contactRow {
       height: 416px;
       width: 100%;
   }   
   #contact_us .box {
       clear: both;
       display: block;
       width: 410px !important;
   }  
   .splashbox, .clientsplash {
      border: 1px solid #C0C0C0 !important;
       box-shadow: 0 0 4px #333333 inset !important;
       margin: 20px 20px 0 !important; 
       width: 440px;
       max-height: 210px;
      float: none;

   }
   .splashbox img {
      margin: 0 120px;
      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: 400px;
   }
   #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: 400px;
   }  
   #splash_bottom_widgetarea {
       clear: both;
       margin: 0;
       max-width: 480px !important;
       padding: 0;
   }
   #splash #footer,
   #splash #footer-wrap {
       display: none;
   }
}


/* End Media Queries */