/*
 * Styling for Header and Footer regions
 */

/* Header Styling */ 
.unit-signature-container {
    position:absolute;
    top: 30px;
    left: 30px;
}

.unit-signature-container .position-element {width:240px;height65px;position:relative}

.unit-signature-container img {width:240px;height65px; z-index:1;}

.unit-signature-container .unit-signature-links {width:100%;height:100%; z-index:2;position:absolute;top:0}

.unit-signature-links a div {height:65px; visibility:hidden; z-index:3; display:block; /*text-indent: -9999px;*/}

/* Footer Styling*/

#footer, #footer a { color:#D0CDC4; text-align: center; text-decoration: none; }

#footer a:hover { text-decoration: underline; }

#footer-link-set{
    list-style: none;
    padding-top: 16px;
}
.footer-link-item {
    display: inline;
    font-size: 9px;
    border-right: 1px solid;
    padding:0 6px;
    text-transform: uppercase;
}

.footer-link-item.last {border-right: none;}

#footer-copyright-and-address{margin:5px;}

#html5-footer-copyright, #footer-copyright, #html5-footer-address, #footer-address {display:inline;font-size: 9px;}

#footer-address {
    border-left: 1px solid;
    margin-left: 5px;
    padding-left: 5px;
}

/* Responsive Framework for modern browsers and mobile designs */
@media only screen and (min-width: 980px) {
  /* Full Site Width and tablets in landscape view */
}

@media only screen and (min-width: 960px) and (max-width:979px){
  /* Full Site Shadow Removed */
}

@media only screen and (min-width: 768px) and (max-width:959px){
  /* iPad in Potrait view ( other 10in tablets, and 7in tablets in landscape view) */
}

@media only screen and (min-width: 600px) and (max-width:767px){
  /* 7in tablets in partrait view ( and large screen phones in landscape view) */
    .footer-link-item {
        padding:0 2px;
    }  
}

@media only screen and (min-width: 480px) and (max-width:599px){
  /* iPhone, iPod touch in portrait view ( and other small screen phone) */
  /* Footer Styling */
  #footer, #footer a {text-align:left;}
  .footer-link-item {
    display: block;
    clear:both;
    width:90%;
    font-size: 9px;
    border-right:none;
    border-bottom: 1px dotted;
    padding: 10px 0;
    margin: auto;
     font-size: 12px;
     text-align:left;
  }
  .footer-link-item.first{padding-top:0;}
  #footer-copyright-and-address{margin:10px;}
  #footer-copyright, #footer-address {font-size: 12px; line-height: 18px;}
}

@media only screen and (min-width: 320px) and (max-width:479px){
  /* iPhone, iPod touch in portrait view ( and other small screen phone) */
  /* Footer Styling */
  #footer, #footer a {text-align:left;}
  .footer-link-item {
    display: block;
    clear:both;
    width:90%;
    font-size: 9px;
    border-right:none;
    border-bottom: 1px dotted;
    padding: 10px 0;
    margin: auto;
     font-size: 12px;
     text-align:left;
  }
  .footer-link-item.first{padding-top:0;}
  #footer-copyright-and-address{margin:10px;}
  #footer-copyright, #footer-address {font-size: 12px; line-height: 18px;}
}

@media only screen and (max-width:319px){
  /* Extra Small Screens */
}

@media only screen and (max-width:767px){
  /* Target Mobile View */
  
  /* Header Styling */
  .unit-signature-container {
    position:relative;
    float:left;
    width:100%;
    height:50%;
    left:0;
  }
  .unit-signature-container .position-element{margin:auto;}
  
  /* Footer Styling */
  #footer, #footer a {color:#FFFFFF;}
}

@media only screen and (min-width: 768px){
  /* Target Desktop View */
  .footer-link-item {padding:0 6px;}
}