#overlay {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

#overlay .overlay-header {
    height:58px;
    height:63px;
    background:url(images/header.png) left top repeat-x;
    position:relative;
    z-index:20;
}

#overlay .overlay-header h1 {
    font-family:'Lucida Sans Unicode',Arial;
    font-weight:normal;
    font-size: 23px;
    margin: 0 0 0 145px;
    padding: 15px 0 0;
    float:left;
}

#overlay .overlay-header p { 
  float:right; 
  font-family:'Lucida Sans Unicode',Arial;
  font-weight:normal;
  font-size:16px;
  margin:0; 
  padding:0;
  padding-right:26px; 
  line-height:58px;
}

#overlay.welcome  .overlay-landing-media { height:659px; }
#overlay.welcome  #lead { top:0; }

#overlay  .overlay-landing-media { width:100%!important; /*height:503px;*/ position:relative; z-index:1; margin-top:-5px; }
#overlay  .overlay-landing-media .gallery { width:100%!important; /*height:503px;*/ }
#overlay  .overlay-landing-media .gallery img{ width:100%!important; }
#overlay .select-wrapper,
.dropdown-localization .select-wrapper {
    float: left;
    position: relative;
    width: 209px;
}

#overlay  #footer-wrapper.homepage-foooter { margin-top:0px; background:#454544 url(images/footer-overlay.png) left top repeat-x; }

#overlay .select-wrapper label,
.dropdown-localization .select-wrapper label {
    position: absolute;
    top: 17px;
    left: 10px;
    color: #fff;
    font-size: 13px;
    z-index: 3;
}

#overlay .o-select,
.dropdown-localization .o-select {
    background: none repeat scroll 0 0 #5E5E60;
    border: medium none;
    border-radius: 0 0 0 0;
    color: #FFFFFF;
    cursor: pointer;
    font-size: 13px;
    height: 32px;
    padding: 17px 0 1px 71px;
    position: absolute;
    width: 138px;
    z-index: 2;
}

.dropdown-localization .o-select  .current { max-width: 102px; }

#overlay .lang .o-select,
.dropdown-localization .lang .o-select {
    background: url("images/selectbox-divider.png") no-repeat scroll left center transparent;
    padding-left: 84px;
    width: 125px;
}

#overlay .select-wrapper .arrow_btn,
.dropdown-localization .arrow_btn {
    background: url("images/arrow-down.png") no-repeat scroll center center transparent;
    height: 50px;
    left: 175px;
    top: 0;
    position: absolute;
    width: 22px;
    z-index: 2;
}


#overlay .go-button,
.dropdown-localization .go-button {
    cursor:pointer;
    height: 50px;
    width: 67px;
    background: url("images/selectbox-divider.png") no-repeat scroll left center #5E5E60;
    border: none;
    color: #ffffff;
    -webkit-border-top-right-radius: 3px;
    -webkit-border-bottom-right-radius: 3px;
    -moz-border-radius-topright: 3px;
    -moz-border-radius-bottomright: 3px;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
}

#overlay .go-button + .go-arrow,
.dropdown-localization .go-button + .go-arrow {
    background: url("images/arrow-right_sm.png") no-repeat scroll 0 0 #5E5E60;
    height: 22px;
    left: 265px;
    position: relative;
    top: -35px;
    width: 8px;
}

#overlay #ovr-left,
#overlay #ovr-right {
    width: 50%;
    float: left;
    font-size: 13px;
    font-weight: bold;
}

#overlay #ovr-left div {
    margin: 20px 0 0 35px;
    text-align: right;
    padding-right: 15px;
}


#overlay #ovr-right { float:none; position:absolute; z-index:10; top:87px; right:24px; width:auto; }


#overlay .mCustomScrollBox .mCSB_scrollTools,
.dropdown-localization .mCustomScrollBox .mCSB_scrollTools {
    margin-top: 10px;
    width: 30px;
}

#overlay .mCSB_scrollTools .mCSB_dragger,
.dropdown-localization .mCSB_scrollTools .mCSB_dragger { height: 15px}

#overlay .mCSB_scrollTools .mCSB_draggerRail,
.dropdown-localization .mCSB_scrollTools .mCSB_draggerRail {
    background: none repeat scroll 0 0 #656566;
    width: 3px;
}

#overlay .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
#overlay .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.dropdown-localization .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.dropdown-localization .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background: url("images/dragger.png") no-repeat scroll center center;
    width: 15px;
    height: 15px;
}

#overlay .mCSB_scrollTools .mCSB_buttonUp,
#overlay .mCSB_scrollTools .mCSB_buttonDown,
.dropdown-localization .mCSB_scrollTools .mCSB_buttonUp,
.dropdown-localization .mCSB_scrollTools .mCSB_buttonDown {
    height: 8px;
    width: 22px;
}

#overlay .mCSB_scrollTools .mCSB_buttonDown,
.dropdown-localization .mCSB_scrollTools .mCSB_buttonDown {
    background: url("images/arrow-down.png") no-repeat 0 0;
    left: -1px;
}

#overlay .mCSB_scrollTools .mCSB_buttonUp,
.dropdown-localization .mCSB_scrollTools .mCSB_buttonUp {
    background: url("images/arrow-up.png") no-repeat 0 0;
}

/* new styles */

#overlay .select-wrapper,
.dropdown-localization .select-wrapper {
    height: 50px;
    background:#5E5E60;
}

#overlay .select-wrapper.open,
.dropdown-localization .select-wrapper.open {
    position: relative;
    z-index: 10;
}


#overlay .select .current,
.dropdown-localization .select .current {
    cursor: pointer;
    background: url(../images/dropdown.html) right center no-repeat;
    padding: 3px 6px;
    margin-right: 6px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

#overlay .o-select ul,
.dropdown-localization .o-select ul {
    /*display:none;*/
    list-style: none;
    padding: 0;
    overflow: auto;
    background: url("images/selectbox-divider.png") repeat-y #5E5E60 !important;
    border: none;
    -webkit-border-bottom-right-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -moz-border-radius-bottomright: 5px;
    -moz-border-radius-bottomleft: 5px;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    max-height: 185px!important;
    width: 209px;
    position: relative;
    top: 4px;
    left: -71px;
    color: #fff;
}
.dropdown-localization .o-select ul { top: 22px; }
.dropdown-localization .o-select ul li { height:17px; }

#overlay .lang .o-select ul,
.dropdown-localization .lang .o-select ul{
    left: -84px;
}

#overlay .o-select ul li,
.dropdown-localization .o-select ul li {
    padding: 0;
    margin: 0 5px 0 0;
    padding: 3px 6px;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}


#overlay .o-select ul li:hover,
.dropdown-localization .o-select ul li:hover {
    cursor: pointer;
    background: url(images/list-bg.png) no-repeat;
}

.select-wrapper.disabled { opacity: 0.5; }

.select-wrapper.disabled *,
.select-wrapper.disabled *:hover {
    cursor: default !important;
}

.landing-media { position:relative; overflow:hidden; }
.landing-media .landing-text { position:absolute; z-index:2; }
.landing-media .landing-text p {
    font-family: 'Lucida Sans Unicode', 'Lucida Grande', 'Gill Sans W01 Light', 'Puritan', sans-serif;
    font-size: 24px;
    font-weight: 100;
    line-height: 27px;
    margin: 30px 0 0 35px;
    max-width:820px;
}
.landing-media img { position:relative; z-index:1; width:100%!important; height:auto!important; }
 
@media screen and (max-width: 430px) {
  /*
  #overlay #ovr-left,
  #overlay #ovr-right  { float:none; width:80%; }
  #overlay #ovr-left { margin-bottom:20px; }
  #overlay #ovr-right { padding-left:35px; }
  #overlay .select-wrapper  { clear:both; margin-bottom:10px; }
  #overlay input[type=button] {  clear:both;  }
  */
}

@media screen and (max-width: 1100px) {  
  #overlay .overlay-header p { font-size:12px; }
}
@media screen and (max-width: 900px) { 
  #overlay .overlay-header h1 { font-size:20px; margin-left:125px; }
  #overlay .overlay-header p { font-size:11px; }
}
@media screen and (max-width: 785px) {
  #overlay .overlay-header h1 { font-size:18px; }
  #overlay .overlay-header p { line-height: 1em; position:absolute; float:none; left:125px; top:40px; padding-right:4px; margin-right:0; }
}
@media screen and (max-width: 610px) {
  #overlay .overlay-header h1 { font-size:14px; padding-top:10px; }
  #overlay .overlay-header p { top:30px; }
}
@media screen and (max-width: 525px) {
  #overlay #ovr-right { left:15px; right:15px; }
}
@media screen and (max-width: 370px) {
  #logo { left:10px; }
  #overlay .overlay-header h1 { margin-left:95px; }
  #overlay .overlay-header p { left:95px;  }
}
