@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 {
    background: none repeat scroll 0 0 #000000;
    color: #777777;
   min-width: 1000px;
    font-family: Verdana, Geneva, sans-serif;
}

#splash #page-wrap {
   background: none #fff;
}
#page-wrap {
   background: url('images/stretch.jpg') repeat-y center #fff;;
}

/* body  */

/* header */
#header-wrap {
    background: none repeat scroll 0 0 #000000;
    border-bottom: 9px solid #5B84A7;
    box-shadow: 0 3px 12px #666666;
    height: auto;
    min-height: 91px;
}
#logo img {
    float: left;
    height: auto;
    margin: 0;
    max-height: 160px;
    padding: 10px;
    position: relative;
}
#logo a {
   text-decoration:none;
 }
#logo a h1 {
    color: #FFFFFF;
    font: 28px/50px "Gill Sans","Gill Sans MT",Calibri,sans-serif;
    max-height: 50px;
    max-width: 1000px;
    overflow: hidden;
    text-transform: uppercase;
}
#shadow{background:url('http://www.claygascoine.com/emotheme/skins/broadview_blue/images/header-shadow.png');}

/* 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*/
}
#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*/
}

#splash #header {
   background: none;
}
#header {
   background: url('images/header_blue.png') no-repeat bottom;
    margin-bottom: -9px;
    padding-bottom: 11px;
}

#subHeader {
    color: #FFFFFF;
    display: block;
    float: left;
    font: italic 14px/14px "Gill Sans","Gill Sans MT",Calibri,sans-serif;
    margin: -5px 0 0;
    width: 1000px;
}

#leftmenu_area {/*Container for left menu, minicontent, and services menu*/
   background-image: url('http://www.claygascoine.com/emotheme/skins/broadview_blue/images/stretch.gif');
   background-repeat:no-repeat;
}

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

#emoContentContainer {
    clear: both;
    float: left;
    margin: 4px;
    padding: 90px 20px 60px;
    position: relative;
    width: 700px;
}

#emoWrap {
    background: url("images/broad_b_banner.jpg") no-repeat scroll center top;
    box-shadow: 0 0 6px #666666;
}

#footer {
    background: none repeat scroll 0 0 #000000;
    border-top: 9px solid #5B84A7;
    color: #CBCBCB;
    height: 57px;
    margin-top: 0 !important;
    padding: 0;
    width: 100%;
}

#splash #footer-wrap {
   background: none;
}
#footer-wrap {
   background: url('images/footer_blue.png') no-repeat top;
    margin: -9px auto 0;   
}
#footer a {
   color: #5C7F9C;
}
#footer a:hover {
   color: #FFFFFF;
}
#footer-nav {
   width: 50%;
   float:left;
   margin: 0 0 15px;
   text-align: left;
   display: none;
}
#footer-nav h2 {
   font-size: 16px;
   letter-spacing: 1.5px;
   margin: 15px 0;
   text-transform: uppercase;
}
#footer-nav ul li {
   border-top: 1px dotted #CBCBCB;
   float:left;
   margin: 10px 25px 0 0;
   text-align:center;
   width:135px;
}

#copyright {
   display: none;
}

/*End structural elements*/




/*Global text elements*/

a{color:#3286E0;}
a:hover{color:#3286E0;}

#emoWrap #emoContentContainer h1 {/*Global h1 element style*/
   color: #5C7F9C;
   font: 36px/50px "Gill Sans", "Gill Sans MT", Calibri, sans-serif;
   border: 0 !important;
}

#emoWrap #emoContentContainer h2 {/*Global h2 element style*/
   color: #5C7F9C;
   font-family: "Gill Sans", "Gill Sans MT", Calibri, sans-serif;
}

#emoWrap #emoContentContainer h3 {/*Global h3 element style*/
   color: #5C7F9C;
   font-family: "Gill Sans", "Gill Sans MT", Calibri, sans-serif;   
}

#emoWrap #emoContentContainer p,
#emoWrap #emoContentContainer li {/*Global p element style*/
    color: #000000;  
   font-family: Verdana, Geneva, sans-serif;
    font-size: 14px; 
}

#emoWrap #emoContentContainer b {/*Global b element style*/
    color: #000000;  
   font-family: Verdana, Geneva, sans-serif;
    font-size: 14px;  
}

/*End global text elements*/




/*Content text elements*/

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

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

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

/*End content text elements*/




/*Main menu elements*/

#nav {
    float: none;
    margin: 0 20px 0 0;
    position: relative;
    top: 0;
    width: 1000px;
    z-index: 10;
    top: 2px;
}

#nav a {
    color: #FFFFFF;
    font: 13px/35px "Gill Sans","Gill Sans MT",Calibri,sans-serif;
    padding: 0 5px;
    text-transform: uppercase;
}
#nav a:hover {
   color:#5C7F9C !important;
}

#nav .drop > ul a {
    padding: 0 3px;
}

ul.tabs, ul.tabs li, ul.tabs ul {
    float: right;
    width: auto;
}

#nav .drop > .dropdown > .drop > ul {
    left: 95%;
    top: 0;
}

ul.tabs a { 
}

ul.tabs li ul {
   background: #000000 !important;
}

#nav .drop > ul {
    border-color: #5B84A7;
    border-image: none;
    border-radius: 0 0 4px 4px;
    border-style: none solid solid;
    border-width: 0 5px 5px;
    box-shadow: 0 0 5px #333333;
    padding: 10px;
    width: auto;
}
ul.tabs a {/*Define top-level buttons*/
}
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 {
   background:;
}
#nav li.emoCurrent a { 
   color: #5C7F9C; 
}
#nav ul.tabs li.dropdown-li ul.dropdown li a {
    color: #FFFFFF;
}

/*End main menu elements*/

#nav > ul > .drop > a {
   margin-right: 10px;
}



/*Footer menu elements*/

ul.footer_links li a {
   color: #2b468e;/*Define text color*/
}
ul.footer_links li a:hover {
   color: #FF6633;/*Define text color*/
}

/*End footer menu elements*/




/*Misc elements*/

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

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

.archiveHeading { /*Monthly Newsletter Archive*/
   color: #000000;
}

#contact_us .box,
#map,
#emoContentContainer .form { /*Contact Us Page boxes*/
    border: 5px solid #EEEBD5 !important;
    box-shadow: 0 0 6px #666666 inset;
}
#contact_us .box {
    width: 290px !important;
}

#monthly_news form.form {
   box-shadow: 0 0 0 !important;
}

#contact_us .box {
   width: 295px !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: #000000;
   color: #FFFFFF;
}

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

#sidebar {
    background: none repeat scroll 0 0 #000000; 
    border-color: #000000 #5B84A7;
    border-style: solid;
    border-width: 6px;
    box-shadow: 0;
    float: left;
    height: 100%;
    margin: -9px 0 0;
    padding-bottom: 20px;
    width: 180px;
    border-bottom: 0;
}
#widget_area_right {
   display:block;
    margin-top: 100px;   
}
#widget_area_right .widgetContainer {
    border-bottom: 2px solid #363636;
}
#widget_area_right .widget input {
    border: 1px solid #5C7F9C;
    box-shadow: 0 0 4px #666666 inset;
    font-size: 11.5px;
    margin-left: 13px;
    padding: 4px;
    width: 145px;
}

html body #widget_area_page {
   display: block;
}

#widget_area_right .widget h2 {
    color: #FFFFFF !important;
    font: 17px/25px "Gill Sans","Gill Sans MT",Calibri,sans-serif !important;
    text-align: center;
}

#minifeed-container {
    padding: 0 !important;
}

#minifeed {
    border: 0 none !important;
    color: #CCCCCC;
    height: 300px;
    margin: 0 0 5px;
    overflow: hidden !important;
    padding: 2px 15px !important;
    text-align: center;
}
#minifeed h3 a {
   text-decoration: none !important;
}

.contact_footer p {
   color: #fff;
   font: 18px/43px "Gill Sans", "Gill Sans MT", Calibri, sans-serif;
}

#widget_area_footer {
   display: block;
}

#widget_area_right {
    margin-top: 80px;
}

/* SPLASH CSS */

.splash_img {
    height: 452px;
    margin: -94px 0 0 -24px;
    width: 1000px;
}

#splash #emoContentContainer,
#splash #emoWrap {
    width: 1000px;
}

.splash_services {
   width: 375px;
   height: 270px;
   float: left;
   background: #2c2b26;
    margin: 10px !important;   
}

.splash_services h2 {
   color: #fff !important;
   font: 25px/40px "Gill Sans", "Gill Sans MT", Calibri, sans-serif !important;
    text-indent: 30px;   
}

.svc_link {
   color: #3286E0 !important;
   font: 15px/18px "Gill Sans", "Gill Sans MT", Calibri, sans-serif !important;
    padding: 0 40px;   
    text-decoration: none;
}

.check_btn {
    background: none repeat scroll 0 0 #3286E0;
    border: 1px solid #FFFFFF;
    color: #FFFFFF !important;
    display: block;
    font: 25px/43px "Gill Sans","Gill Sans MT",Calibri,sans-serif !important;
    height: 43px;
    text-align: center;
    text-decoration: none;
    width: 315px;
    margin: 0 auto;
}

.splash_welcome {
   width: 375px;
   height: 270px;
   float: left;
   margin: 0 15px !important;
}

#splash #newsletterSignupDiv {
    background: none repeat scroll 0 0 #000000;
    height: 41px;
    margin: 0 0 0 -24px;
    width: 1000px;
}

#splash #newsletter_signup_widget_title {
   color: #fff !important;
   font: 18px/32px "Gill Sans", "Gill Sans MT", Calibri, sans-serif !important;
   float: left;
    padding: 5px 0 0 230px !important;   
}

#splash #newsletterSignupName {
   display: none;
}

#splash #newsletterSignupEmail {
   width: 220px;
   float: left;
    margin: 10px 20px;   
}

#splash #newsletterSignupSubmit {
    background: none repeat scroll 0 0 #5C7F9C;
    border: 1px solid #FFFFFF;
    color: #FFFFFF !important;
    cursor: pointer;
    display: block;
    font: 12px/17px "Gill Sans","Gill Sans MT",Calibri,sans-serif !important;
    height: 23px;
    margin: -10px 0 0;
   text-align: center;
    text-decoration: none;
    min-width: 57px;
   float: left;
}

.splash_welcome h3 a {
   color: #3286E0 !important;
   font: 25px/40px "Gill Sans", "Gill Sans MT", Calibri, sans-serif !important;
    text-indent: 0;  
    text-decoration: none;
}

.splash_welcome h3 {
    border-bottom: 1px solid;
    margin: 20px 5px 0;
    width: 330px;
}

.splash_welcome p {
   color: #000 !important;
   font: 15px/18px "Gill Sans", "Gill Sans MT", Calibri, sans-serif !important;
    padding: 5px;  
}

.splash_login {
   width: 176px;
   height: 270px;
   float: left;
   background: #2c2b26;
   margin: 10px !important;
}

#splash #client_login_form_widget_title {
   color: #fff !important;
   font: 25px/40px "Gill Sans", "Gill Sans MT", Calibri, sans-serif !important;
    text-indent: 0;  
    text-decoration: none;
    text-align: center;
    padding: 10px 0;    
}

#splash #login_widget_user,
#splash #login_widget_password {
    margin-left: 14px;
    width: 140px;
}

#splash #login_widget_submit,
#login_widget_submit,
#newsletterSignupSubmit {
    background: none repeat scroll 0 0 #5C7F9C;
    border: 1px solid #FFFFFF;
    color: #FFFFFF !important;
    cursor: pointer;
    display: block;
    font: 12px/17px "Gill Sans","Gill Sans MT",Calibri,sans-serif !important;
    height: 23px;
    margin: 15px;
    text-align: center;
    text-decoration: none;
    min-width: 57px;
}
#splash #newsletterSignupSubmit:hover,
#splash #login_widget_submit:hover,
#login_widget_submit:hover,
#newsletterSignupSubmit:hover {
    background: none repeat scroll 0 0 #789BBA;
}


.splash_contact {
    float: left;
    margin: -390px 0 0 10px !important;
    position: relative !important;
    top: 0;
}

.splash_contact .check_btn {
    background: none repeat scroll 0 0 #3286E0;
    border: 1px solid #FFFFFF;
    color: #FFFFFF !important;
    display: block;
    font: 25px/43px "Gill Sans","Gill Sans MT",Calibri,sans-serif !important;
    text-align: center;
    text-decoration: none;
   width: 230px;
   height: 43px;
    margin: 0 auto;
}


/* END SPLASH CSS */

/* HOVERS */
.svc_link:hover {
    color: #7fa4c5 !important;
}
.splash_contact .check_btn:hover,
.splash_services .check_btn:hover {
   background: #7fa4c5;
}
a:hover {
    color: #7fa4c5;
}
#splash #login_widget_submit:hover {
    background: #7fa4c5;
}
/* End Hovers */

/* Color Change */

a, #emoContentContainer a {
    color: #5C7F9C;
}
a:hover, #emoContentContainer a:hover {
   color: #789bba;
}

.splash_contact .check_btn {
    background: none repeat scroll 0 0 #5C7F9C;
}
.splash_contact .check_btn:hover, .splash_services .check_btn:hover {
    background: none repeat scroll 0 0 #789bba;
}
.svc_link {
    color: #5C7F9C!important;
}
.svc_link:hover {
      color: #789bba !important;
}
.splash_welcome h3 a {
    color: #5C7F9C!important;
}
#footer a {
    color: #5C7F9C;
}
#footer a:hover {
    color: #789bba;
}

.check_btn {
    background: none repeat scroll 0 0 #5C7F9C;
}

#splash #login_widget_submit {
    background: none repeat scroll 0 0 #5C7F9C;
}
#splash #login_widget_submit:hover {
    background: none repeat scroll 0 0 #789bba;
}
#emoWrap #emoContentContainer h1 {
    border: 0 none !important;
    color: #5C7F9C;
    font: 36px/50px "Gill Sans","Gill Sans MT",Calibri,sans-serif;
}
/* end Color Change */

/* Chrome Font Fix */
#logo a h1,
#subHeader,
#emoWrap #emoContentContainer h1,
#emoWrap #emoContentContainer h2,
#emoWrap #emoContentContainer h3,
#nav a,
#widget_area_right .widget h2,
.contact_footer p,
.splash_services h2,
.svc_link,
.check_btn,
#splash #newsletter_signup_widget_title,
#splash #newsletterSignupSubmit,
.splash_welcome h3 a,
.splash_welcome p,
#splash #client_login_form_widget_title,
#splash #login_widget_submit,
#login_widget_submit,
#newsletterSignupSubmit,
.splash_contact .check_btn,
#emoWrap #emoContentContainer h1 {
   font-family: "Gill Sans MT",Calibri,sans-serif !important;
}
/* End Chrome Font Fix */

/* Financial Calculators Link Fix */
#financial_tools .calcList:first-child {
    width: 500px !important;
}
#financial_tools .calcList {
    width: 600px !important;
}
#financial_tools .calcList li a {
    font-size: 15px;
}
/* End Financial Calc Link Fix */

/* 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_img img,
   body,
   #page-wrap {
      max-width: 750px;  
      min-width: 525px;      
   }
   .splash_img {
      height: 339px;
       margin: -100px 0 0 -50px;
       width: 750px;
   }
   #emoWrap {
    background: url("images/broad_b_banner.jpg") no-repeat scroll 50px 30px / 630px auto;
      min-height: 250px;
      max-width: 750px;  
   }
   #page-wrap {
      background: none repeat scroll 0 0 #F5F4EF;
   }
   #header {
      max-width: 750px;  
     background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
   }
   #logo {
      max-width: 750px;  
      margin: 0 auto;
   }
   #subHeader { display: none; }
   #logo a {
      font-size: 20px;
   }
   #splash #emoContentContainer,
   #emoContentContainer {
      margin: 20px;
      padding: 80px 30px 30px;
      width: 630px;
   }
   .innerEmoContent {
      width: auto;
   }
   #nav {
      float: left;
       margin: 20px 0 0 0;
      position: static;    
      max-width: 750px;                  
   }
   #nav a {
   }
   #footer-wrap,
   #footer {
      width: 750px;  
      float:left;
   }
   #footer-wrap {
      background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
   }
   #footer {
      margin-top: -1px !important;
   }
   #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;
   }
   #splash #newsletterSignupDiv {
      background: none repeat scroll 0 0 #000000;
       height: 41px;
       margin: 0 0 0 -50px;
       width: 750px;
   }
   #splash #newsletter_signup_widget_title {
       color: #FFFFFF !important;
       float: left;
       font: 18px/32px "Gill Sans MT",Calibri,sans-serif !important;
       padding: 5px 0 0 80px !important;
   }
   .splash_contact {
      float: left;
       margin: -700px 0 0 10px !important;
       position: relative !important;
       top: 0;
   }
   .splash_services {
      background: none repeat scroll 0 0 #2C2B26;
       float: left;
       height: 270px;
       margin: 201px 0 0 !important;
       width: 365px;
   }
   .splash_welcome {
       float: left;
       height: 290px;
       margin: 375px 20px 0 !important;
       position: absolute;
       width: 710px;
   }
   .splash_login {
      background: none repeat scroll 0 0 #2C2B26;
       float: right;
       height: 270px;
       margin: 201px 0 0 !important;
       width: 365px;
   }
   #splash #login_widget_user, #splash #login_widget_password {
      margin: 10px 0 0 70px;
       padding: 10px;
       width: 210px;
   }
   #splash #login_widget_submit {
      background: none repeat scroll 0 0 #5C7F9C;
       margin: 20px 0 0 70px;
   }
   #widget_area_right {
      margin-top: 20px;
   }
   #sidebar {
      border-top: 6px solid #5C82A2;
       float: left;
       margin: 0 auto;
       padding-left: 10px;
       width: 728px;
   }
   #widget_area_right #login_widget {
      width: 45%;
      float: left;
   }
   #widget_area_right #newsletterSignupDiv {
      width: 45%;
      float: right;
   }
   #widget_area_right .widgetContainer {
      border-bottom: 0 none;
   }
   #widget_area_right .widget input {
      border: 1px solid #5C7F9C;
       box-shadow: 0 0 4px #666666 inset;
       font-size: 11.5px;
       margin: 10px 0 0 45px;
       padding: 6px;
       width: 220px;
   }
   #widget_area_right #login_widget_submit,
   #widget_area_right #newsletterSignupSubmit {
      margin-left: 45px !important;
   }
/* 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,
   #header-wrap,
   #header,
   #emoWrap,
   #footer,
   #footer-wrap,
   #emoContentContainer,
   #widget_area_footer,
   #subHeader,
   #logo,
   #nav,
   body#splash,
   #splash #page-wrap,
   #splash #header-wrap,
   #splash #header,
   #splash #emoWrap,
   #splash #footer,
   #splash #footer-wrap,
   #splash #emoContentContainer,
   #splash #widget_area_footer,
   #splash #subHeader,
   #splash #logo,
   #splash #nav,
   #splash .innerEmoContent
    {
      width: 100%;
      padding:0px;
      margin:0px;
      max-width: 480px;  
      min-width: 300px;
      border:0px;
   }
   .splash_img,
   .splash_img img{
      width:100%;
      margin:0px;
      height:auto;
   }
   #emoWrap {
      background: none;
       min-height: 100px;
       box-shadow: 0 0 0;         
   }
   #page-wrap {
      background: none repeat scroll 0 0 #F5F4EF;
   }


   #subHeader { display: none; }
   #logo a {
      font-size: 17px;
   }

   .innerEmoContent {
       width: auto;
       padding: 0 10px;
   }
   #emoWrap #emoContentContainer p, #emoWrap #emoContentContainer li {
      color: #000;
      font-size: 18px;
   }

   #footer-wrap,
   #footer {
     width: auto;
     float: left;
    }
   #footer {
      margin-top: -1px !important;
   }
   #sidebar, #widget_area_right {display: none;}     

   #nav {
      float: left;
      max-height:105px;
   }
   ul.tabs, ul.tabs li, ul.tabs ul {
      display: inline-block;
   }
   #widget_area_header {
      display: block;
   }
   #contact_us .contactRow, .splash_services, .splash_login {
      display: none;
   }   
   #contact_us .box {
       clear: both;
       display: block;
       width: auto!important;
   }  
   #splash #newsletterSignupDiv {
      display: none;
   }
   .splash_contact {
      float: left;
       position: relative !important;
       margin: -350px 0 0 10px !important;
       top: 0;
   }
   .splash_welcome {
       float: left;
       height: 290px;
       position: relative;
   }

/* 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 */