@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*/
  background: #b6b191;
}

/* body  */

/* header */
#logo {
    display: block;
    margin: 0 0 0 110px;
    position: relative!important;
    top: 80px;
}

/* content background */
#container {/*2nd Container, put 'page stretch' here and set overall width*/
  width: 998px !important;/*Required, overall width of site, usually width of stretch bg image*/
}

#emoWrap, #slider-cont > div {
   width: 998px;
    margin: 0 auto 0;
}


#emoWrap {
    background: none;
    height: auto;
    margin: -7px auto -2px !important;
}

#page-wrap {/*3nd Container, put 'page stretch' here and set overall width*/
   background: url('images/mid_stretch_wide2.jpg') repeat-y !important;
   width: 1156px;
   margin: 0 auto;
}

#logo {/*Area for header text, also area for flash header*/
  color: #3F454B;/*Define text color of header text*/
}

#header {/*Container for header contents, specify total header height here*/
  background-image: url('images/header_wide2.jpg');/*Define bg image for header area*/
  padding: 0;
  height: 308px;
  width: 1156px;
}

#subHeader { color:white; display: none;}

#leftmenu_area {/*Container for left menu, minicontent, and services menu*/
  background-image:;
  background-repeat:no-repeat;
}

#content {
  padding: 15px 40px;
  margin: 0;
}

#emoContentContainer {
    margin: 0;
    padding: 0 0 0 70px;
    width: 700px;
}

#innerEmoContent {
    width: 90%!important;
}

#footer {/*Container for footer links*/
   width: 100%;
   background: url('images/footer_wide2.jpg') center no-repeat;
   height: 327px;
}
#footer-wrap {
  width: 100%;
  margin: 0 auto;
  padding-top: 23px;
}
/*End structural elements*/


/*Global text elements*/



a {
   color:b4a98a;
}
a:hover {
   color:#092e43;
}

#emoWrap #emoContentContainer h1 {/*Global h1 element style*/
    border: medium none !important;
    color: #052F5D;
    font: bold 35px/40px "Brush Script MT",cursive !important;
    margin-top: 20px;
    text-transform: none;
}

#emoWrap #emoContentContainer h2 {/*Global h2 element style*/
  color: #020240;
}

#emoWrap #emoContentContainer h3 {/*Global h3 element style*/
  color: #020240;
}

#emoWrap #emoContentContainer p {/*Global p element style*/
    color: #000;

}

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

/*End global text elements*/




/*Content text elements*/

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

#emoContentContainer a:hover {/*Content link hover style*/
  border-bottom: 1px solid;
}

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

/*End content text elements*/




/*Main menu elements*/

#nav {
    float: none;
    height: 48px;
    margin: 122px auto;
    padding: 0;
    width: 975px;
}

#nav a {
    color: #fff;
    font: bold 18px/18px Verdana, Geneva, sans-serif !important;
    margin: 0;
    padding: 0 20px;
    text-transform: none;
}

#nav li:hover { /*button hover*/
   background: url('images/arrow.png') no-repeat left;
   color: #052f5d;
}

#nav li a:hover { /*button hover*/
   color: #052f5d;
}
#nav ul li ul li a,
#nav ul li ul li ul li a {
   line-height: 35px !important;
   background: #B6B191 !important;
   font-size: 15px !important;
}

#nav .drop > ul {
    border: 1px solid;
    border-radius: 5px;
    box-shadow: 2px 2px 5px #666666;
    margin: 0 !important;
    min-width: 180px;
    padding: 0 !important;
    position: absolute;
    width: auto;
    z-index: 999;
}

#nav .drop > ul li {
padding: 0;
}

#nav .drop > ul a {
padding: 0;
text-indent: 15px;
border: 1px solid #ffffff;
}

#nav > ul > .drop > a {
margin-right: -3px;
background: none;
}

#nav .drop > .dropdown > .drop > ul {
margin: 0;
}

ul.tabs {
   height: 43px !important;
   margin-left: 0;
   padding: 0 15px;
}

#nav ul li {
   border-left: 2px solid #fff;
}

#nav ul li:first-child,
#nav ul li ul li,
#nav ul li ul li ul li {
   border: 0 !important;
}


ul.tabs, ul.tabs li, ul.tabs ul{
  background: none;
  height: auto;
}

ul.tabs li ul, ul.tabs li ul li ul {
  background: none !important;
}

ul.tabs a {/*Define top-level buttons*/
   background: none;
}

#nav .drop > ul a {
}

#nav .drop > ul a:hover {
/*   background: #020240 !important; */
/*    color: #fff !important; */
   color: #052f5d;
}

ul.tabs > a:hover,
ul.tabs > li:hover > a,
ul.tabs > li.iehover > a {/*Define button rollover state*/
/*   background: url('http://www.yodercpa.com/emotheme/skins/yoder_and_co/images/rollover.png') no-repeat center !important; */
   color: #052f5d !important;
}

ul.tabs > li:hover > ul > li > a,
ul.tabs li.iehover li a {/*Define sub buttons*/
   background: #B6B191 !important;
   color: #fff;
}
ul.tabs > li:hover > ul > li:hover,
ul.tabs > li:hover > ul > li:hover > ul > li:hover,
ul.tabs li.iehover li:hover,
ul.tabs li.iehover li.iehover,
ul.tabs li.iehover li:hover li:hover,
ul.tabs li.iehover li.iehover li.iehover {/*Define sub buttons rollover state*/
   background: #B6B191 !important;
   color: #052f5d !important;
}

input:focus,
textarea:focus,
input[type=submit]:hover,
button:hover {
   -moz-box-shadow: 0 0 4px #052f5d;
   -webkit-box-shadow: 0 0 4px #052f5d;
   box-shadow: 0 0 4px #052f5d;
}

/*End main menu elements*/




/*Footer menu elements*/

ul.footer_links li a {
   color: #fff; !important;/*Define text color*/
  text-decoration: none !important;
  padding: 0 10px;
  border-left: 1px solid #fff;
}
ul.footer_links li:first-child a {
  border: 0;
}
ul.footer_links li a:hover {
  color: #fff !important;/*Define text color*/
  text-decoration: underline !important;
}
ul.footer_links {
   padding: 0px 10px 0 0 !important;
   text-align: center;
   width: 915px;
   margin: 0 auto !important;
}

/*End footer menu elements*/




/*Misc elements*/

ul.footer_links,#social_network_div { /*Social Networking Widget*/
  padding: 0;
  margin: 0;
}

#map,
.box,
.details,
#monthly_news div.form,
td,
#servicesFormDiv,
.calcContent,
.scrollable,
.sharefile_form {
   border-color: #020240 !important;
}

.formsul li a { /*IRS Forms*/
  color:#b4a98a;
}
.pubsul li a { /*IRS Publications*/
  color:#b4a98a;
}

.archiveHeading { /*Monthly Newsletter Archive*/
  color: #4788AE;
}
#contact_us .box,
#map,
#servicesFormDiv,
#client_accounts .webasystForm, #client_accounts .sharefile_form,
#monthly_news div.form {
   border: 3px outset #f1f1f1 !important;
   box-shadow: 2px 2px 5px #666666; 
   border-radius: 10px 0 10px 0 !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: 5px 0;
}

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

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

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

#widget_area_right {
    display: block;
    float: right;
    margin: -1px 26px 0 0;
}
#sidebar {
   display: block;
   margin: 0;
   width: 215px;
}

.innerEmoContent {
   width: 670px;
}

#footer h2 {
   display: none;
}

#copyright {
   display: none;
}
#copyright p,
#copyright a {
   color: #c81a29;
}

#footer_wrap {
   width: 1019px;
   margin: auto !important;
}

#footer_menu {
   float: right;
}

#login_widget {
background: url('images/client_login.png') no-repeat ;
width: 212px;
height: 207px;
padding: 10px;
}

#login_widget h2 {
   display: none;
}

#login_widget_user {
   margin-top: 90px !important;
}

#login_widget_user,
#login_widget_password {
    margin: 0 0 3px 13px;
    width: 160px;
}

#login_widget_submit {
    background: none repeat scroll 0 0 #052F5D;
    border: 1px outset #FFFFFF !important;
    color: #FFFFFF !important;
    font-size: 11px;
    font-weight: bold;
    margin: 5px 0 0 15px;
    padding: 1px 15px 4px 8px;
}

#minifeed-container {
background: url('http://www.yodercpa.com/emotheme/skins/yoder_and_co/images/news_feed_box.png') no-repeat;
padding: 17px 0 0 !important;
margin: 0 !important;
width: 168px;
height: 257px;
}
#minifeed-container h2 {
display: none;
}

#minifeed {
    border: 0 none !important;
    height: 228px !important;
    margin: 6px 0 5px !important;
    padding: 0 7px 2px !important;
    width: 153px !important;
}

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

#minifeed p {
   font-size: 10px !important;
}

#emoContentContainer .form {

}

#taxTipsPage .details,
#tax_rates td,
#financial_tools .calcContent,
#retention_guide td,
#financial_guides .details,
td {
border: 1px solid !important
}

#minifeed-container.widget div#minifeed h3 a {
color: #1d1a1b;
}
#minifeed-container.widget div center a {

}
#copyright a {
display:none;
}
#contact_us #directions {
display:block;
}
#contact_us #message {
clear:both;
}

#contact_us .box {

   height: 265px !important;
}

#page-wrap {
background: none;
}
#header-wrap {
background: none;
}
#minifeed-container.widget div center {
padding-top: 10px;
}

#minifeed-container.widget div center a {
color: #c81a29;
}
li.emoCurrent {
}

li.emoCurrent a {
   background: url('images/arrow.png') no-repeat left !important;
   color: #052f5d !important;
}

ul.tabs li ul li:first-child,
ul.tabs li ul li:last-child {
margin: 0;
}

ul.tabs li:last-child {
margin-right: -2px;
}

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

#widget_area_footer {
   display: block;
   margin: 0 auto;
   width: 1000px;
}

.qis {
}

.qis h1 {
    color: #fff !important; 
    font: bold 26px/130px Georgia, Times, "Times New Roman", serif;
    margin: 0 auto!important;
    width: 100%;
}

.footcontact {
    margin: 20px 0 0 20px !important;
    text-align: left;
}

.footcontact p {
    color: #fff !important;
    font: 12px/18px Verdana, Geneva, sans-serif !important;
}

.social_links_widget {
   float:right;
}

.social_links_widget li {
   display: inline;
   margin: 0 5px;
}

.home_svc {
    margin: 90px 0 0;
}

.svc_btn {
   display: block;
   background: url('images/home_btn.png') no-repeat;
   width: 178px !important;
   height: 54px !important;
   text-align: center;
   text-decoration: none;   
}

.home_svc a {
    border: 0 none !important;
    color: #052F5D !important;
    float: left;
    font: bold 14px/44px Verdana,Geneva,sans-serif !important;
    margin: 0 20px;
}   

/* Viewport Fix */
body { min-width: 1180px; }

#contact_us .box {
    max-width: 600px !important;
}
/* End Viewport Fix */


/* MQ */


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


/* min-width & max-width - Mid */
@media screen and (min-width: 525px) and (max-width: 900px) {
   #splash,
   .splash_img img,
   body,
   #page-wrap {
      max-width: 770px;  
      min-width: 525px;      
   }
   .splash_img {
      height: 339px;
      margin: -64px 0 0 -1px;
      width: 770px;
   }
   #widget_area_splash_middle {
      float: none;
       height: 375px;
       max-width: 750px;
       padding: 0;
       margin: 0 0 0 -60px;
   }
   #splash_bottom_widgetarea {
      clear: both;
       float: left;
       margin: 0;
       max-width: 750px;
       padding: 50px 0 0;
   }
   .splashbox_right {
       float: right;
       margin: 0 0 10px;
       padding: 0;
       width: 370px;
   }
   .splashbox_right h3, .splashbox_right p {
       float: left;
       margin: 0 auto;
       max-width: 250px;
       padding: 5px;
   }  
   .splashbox_left {
      float: left;
       height: 280px;
       margin: 0;
       max-width: 340px;
       padding: 0 20px;
   }
   #emoWrap {
      min-height: 250px;
      max-width: 770px;  
   }
   #page-wrap {
      background-size: 100%!important;
   }
   #header-wrap {
       min-width: 770px;
       width:100%;
   }   
   #header {
      background:url("images/mid-header.jpg")repeat-x scroll;
      height: 301px;
      width: 100%;
      margin: 0;
   }
   #logo {
      max-width: 770px;  
      margin: 0 auto;
   }
   #logo a h1 {
      max-height: 58px;
   }
   #logo a h1 strong {
      font: 44px/60px "Book Antiqua",Palatino,"Palatino Linotype","Palatino LT STD",Georgia,serif;
   }
   #subHeader { display: none; }
   #logo a {
      font-size: 20px;
   }
   #splash #emoContentContainer,
   #emoContentContainer {
      margin: 20px;
      padding: 80px 30px 30px;
      width: 630px;
   }
   #emoContentContainer {
       background: url("http://www.yodercpa.com/emotheme/skins/yoder_and_co/images/enterprise_b_banner.jpg") no-repeat scroll center top / 700px 150px rgba(0, 0, 0, 0);
       margin: 0;
       padding: 0 0 30px;
       width: 75%;
    }
   .innerEmoContent {
      width: 100% !important;
      padding: 0 0 0 100px;
   }
   #nav {
       float: left;
       margin: 125px 0 0;
       max-width: 750px;
       overflow: hidden;
       position: static;
   }
   #nav a {
      font: bold 14px/18px Verdana, Geneva, sans-serif !important;
      padding: 0 16px;
   }
   #footer-wrap,
   #footer {
      width: 770px;  
      float:left;
   }
   #footer-wrap {
      background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
   }
   #footer {
      margin-top: -1px !important;
   }
   #widget_area_footer {
      display: block;
       float: left;
       font-family: arial !important;
       padding: 0px;
       width: 100%;
   }
   #widget_area_footer .custom_content_widget {
      float: left;
      margin: 0px 70px 50px 0;
      text-align: left;
   }
   #aboutMoreInfo {
       display: none;
       width: 440px;
   }
   #widget_area_right .widgetContainer {
      margin: 0 10px;
   }
   #sidebar {
      float: right;
       margin: 0 auto;
       padding-left: 10px;
       width: 100%;
   }
   
   #widget_area_right #login_widget_user {
      margin-top: 22px;
   }
   .contact_widget {
       display: none;
   }
   .schedule_appt, .tax_organizer {
      margin: 20px 0 10px !important;
      display: none;
   }
   #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;
   }
   ul.footer_links {
      width: 100%;
      padding: 0!important;
   }
   .googlesearch {
      margin-top: -10px;
   }
   .gsc-control-cse {
      height: 15px;
   }
   .qis {
      width: 100%;
   }
   .qis h1 {
      margin-top: 0px!important;
   }
   .footer-contact {
      width: 100%!important;
      text-align: center!important;
   }
   img#contact-image {
      width: 45%!important;
      height: 230px!important;
      margin-top: 15px!important;
   }
   #contact-text {
      height: auto!important;
      width: 45%!important;
      margin-left: 300px!important;
   }
   .since-image p a img {
      display: none!important;
   }
   #widget_area_right .widgetContainer {
      margin: 0 10px;
      float: left;
      width: 200px;
   }
   #sidebar {
      float: left;
      padding-left: 10px;
      width: 100%;
      margin-left: -60px!important;
   }
   h1#home_page_title {
      margin-left: 100px!important;
   }
   .home_svc {
      margin: 50px 0 0 -50px!important;
   }
   #emoWrap #emoContentContainer h1 {
       margin: 20px 0 3px 100px!important;
   }
   #contact_us .box .left.column {
      width: 100%!important;
   }
   .footcontact p {
       font: 16px/18px Verdana, Geneva, sans-serif!important;
   }
   #emoWrap #emoContentContainer h2 {
      line-height: 42px!important;
      font-size: 28px!important;
   }
}


/* max device width - iphone */
@media screen and (max-device-width: 480px) {
   #splash,
   #splash_img img,
   body,
   #page-wrap,
   #splash #page-wrap {
      max-width: 480px;  
      min-width: 300px;
      margin:0;
      padding:0;
      width:100%;      
   }
   #header,
   #header-wrap,
   #nav,
   #emoWrap,
   #emoContentContainer,
   .innerEmoContent,
   #footer,
   #footer-wrap,
   #splash #header,
   #splash #header-wrap,
   #splash #nav,
   #splash #emoWrap,
   #splash #emoContentContainer,
   #splash .innerEmoContent,
   #splash #footer,
   #splash #footer-wrap {
      width:auto;
      margin:0;
      padding:0;
      max-width: 480px;  
      min-width: 300px;
   }
   #page-wrap {
      background: none!important;
   }
   #header {
      background: url("images/mobile-header.jpg")repeat-x scroll top;
   }
   #emoWrap {
      border: 5px solid #05305D;
      background: #ECE9E0!important;
   }
   #emoContentContainer,
   #splash #emoContentContainer {
      right:0;
      bottom: 0;
      width:100%;
      height:auto;
   }
   #emoContentContainer {
      padding: 10px 10px 0px;
      background: none;
      width:auto;
   }
   .innerEmoContent {
      width: auto !important;      
   }
   #custom.innerEmoContent {
      width: 100%!important;
   }
   .splash_img {
      margin:0;
      width:auto;
      height:260px;
       background-image: url("http://www.yodercpa.com/emotheme/skins/yoder_and_co/images/enterprise_splash_blue.jpg");
       background-position: -40px -90px;
       background-repeat: no-repeat;
   }
   #widget_area_splash_middle,
   #widget_area_splash_middle .widgetContainer,
   #splash_bottom_widgetarea {
      width:100%;
      margin:0;
      height:auto;
      padding: 0;
   }
   .splashbox_right h3, .splashbox_right p {
       float: left;
       margin: 0 auto;
       max-width: 300px;
       padding: 5px;
   }  
   .splashbox_left,
   .splashbox_right {
      width:auto;
      height:auto;
      padding: 10px 10px 20px;
      margin:0;
   }
   .splashbox_right div {
      width:72%;
      float:left;
   }
   .splashbox_right p, .splashbox_right h3 {
      width:auto;
   }
   #logo a h1 {
      max-height: 115px;
      height:auto;
   }
   #logo a h1 strong {
      font: 36px/48px "Book Antiqua",Palatino,"Palatino Linotype","Palatino LT STD",Georgia,serif;
   }
   #subHeader { display: none; }
   #logo a {
      font-size: 20px;
   }
   #nav {
      float: left;
      max-height: 86px;
      overflow:hidden;
      height: auto;
      position: static;
      margin-top: 90px;
   }
   #nav a {
      font: bold 14px/26px Verdana, Geneva, sans-serif !important;
      padding: 0 10px !important;
   }
   #nav ul li {
      border-left: none;
   }
   #emoWrap {
      height: auto!important;
   }
   #footer-wrap {
      background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
   }
   #footer {
      margin-top: -1px !important;
   }
   #footer, #footer-wrap {
      height:100%;
   }
   #widget_area_footer {
      display: block;
      float: left;
      font-family: arial !important;
      padding: 0px;
      width: 100%;
   }
   #widget_area_footer .custom_content_widget {
       float: left;
       margin:15px 0 0;
       text-align: left;
       width: auto;
       word-break: break-all;
       width: 100%;
   }
   #aboutMoreInfo {
       display: none;
   }
   #contactUsMoreInfo {
      width:auto;   
   }
   #sidebar {
      display: block;
      width: 100%;
   }
   #logo {
      margin: 0 0 0 10px;
      top: 45px;
   }
   .googlesearch {
      width: 95%!important;
      height: 25px!important;
      color: #fff!important;
   }
   div#___gcse_0 {
      margin-top: 0!important;
   }
   .gsc-branding-text {
      display: none!important;
   }
   .gsc-branding-img {
      display: none!important;
   }
   input.gsc-search-button, input.gsc-search-button:hover, input.gsc-search-button:focus {
      border-color: #fff;
      color: #fff;
   }
   .home_svc {
      display: none;
   }
   ul.footer_links {
      width: 100%;
      padding: 0!important;
   }
   .footcontact p {
      font: 14px/18px Verdana, Geneva, sans-serif!important;
      text-align: center;
   }
   .footcontact {
      margin: 20px auto 0 auto!important;
   }
   .qis {
      width: 100%!important;
   }
   .qis h1 {
      font-size: 26px!important;
      margin-top: -45px;
   }
   .footer-contact {
      margin-bottom: 25px!important;
   }
   .social {
      width: 20%!important;
      text-align: center!important;
   }
   #quote {
      margin: 0 0 -15px 0!important;
      height: 250px!important;
   }
   img.shadows {
      width: 100%;
   }
   .mobile {
      width: 100%;
   }
   .piggy-h3, .briefcase-h3, .arrow-h3, .checkbox-h3, .people-h3, .pencil-h3 {
      width: 85%!important;
   }
   #financial_tools .calcList {
      width: 100%!important;
      padding: 0 0px 24px 0px!important;
   }
   #financial_tools .calcList:first-child {
      width: 100%!important;
   }
   .since-image {
      display: none;
   }
   #widget_area_right {
      display: block;
      float: none!important;
      width: 200px;
      margin: 0 auto!important;
   }
   .qis a {
      display: none;
   }
   #emoWrap #emoContentContainer h2 {
      line-height: 42px!important;
   }
   #nav .drop > .dropdown > .drop > ul {
    left: -185px!important;
   }
}


/* End Media Queries */