/* Copyright (C) YOOtheme GmbH, http://www.gnu.org/licenses/gpl.html GNU/GPL */

@import url(../warp/css/layout.css);

/* Sections
----------------------------------------------------------------------------------------------------*/
  .module, #content, #footer {margin: 10px;}
  #call-us .module{margin: 0;}
  #footer{text-align: left;}
  #copyright{
    text-align: center;
    margin-bottom: 20px;
      font-size: 12px;
  }
  .bg-light #copyright{
      color: #808080;
  }

  .bg-dark #copyright, .bg-dark #footer{
      color: #FFFFFF;
  }

  #copyright .module{margin-bottom: 2px;}
  #header{
    margin: 3px 5px 0; 
  }
  #content {margin: 5px; background: #fff; padding: 21px 26px; 50px; 17px;;}

  #footer .module { margin: 0; }
  #headerbar { 
    margin: 0; 
    float: left; 
    text-shadow: none; 
    color: #FFF;}

  /*background*/
  body {
      font-size: 17px;
  }
  


/* Layouts
----------------------------------------------------------------------------------------------------*/
  

  /*light-gray background*/
  div.css-panes div,.showhide li, .module.badge-hot, .module.badge-top, .module.badge-free, .module.badge-new, .event-time, .block-number, .accordion {
  background: url(../images/body/bg-white-large.png) repeat-x 0 0  #f2f2f2;}
  .accordion h2,  table thead, table tfoot{
  background: url(../images/body/bg-white.png) 0 0 repeat-x scroll #dedede; }

  /* sidebars */
  #sidebar-a, #sidebar-b{margin-top: 0;}
  #sidebar-a{background: url(../images/body/sidebar-a.png) repeat-y scroll 100% 0 transparent;}
  #sidebar-b{background: url(../images/body/sidebar-b.png) repeat-y scroll 0 0 transparent;}

  /*#tops*/
  #top-a, #top-b{
    background: url(../images/body/hr-divide.png) repeat-x scroll 0 100% transparent;  }

  /*bottoms*/
  #bottom-a,   #bottom-b{
    background: url(../images/body/hr-divide.png) repeat-x scroll 0 0 transparent;}

  #bottom-c{
      bottom: 10px;
      left: 0;
      right: 0;
      top: 0;
  }

  #bottom-c .module-title{
      background: url(../images/body/f_inset_dotted.png) repeat-x scroll left bottom transparent;
  }
  
  /*newsletter*/
  #newsletter{
      background: url(../images/body/inner-bottom.png) 0 0 repeat-x #3a3a3a;
      text-shadow: none;
      font-size: 15px; 
      color: #FFF;
  }

  /*toolbars*/
  #toolbar{margin: 10px 0 0; padding-bottom: 10px;}
  #toolbar .float-left .module, #toolbar .float-left > time{margin: 5px 15px 0 0; font-size: 14px;}
  .bg-dark #toolbar .float-left .module, .bg-dark #toolbar .float-left > time{text-shadow: none; color: #FFF;}

  /*search*/
  #search{margin-left: 15px;}
  .searchbox{
    background-position:4% 46%;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    border-radius:4px;
  }
  
  .bg-light .searchbox{
    border: 1px solid #CECECE; 
    -webkit-box-shadow: 0 1px 0 #FAFAFA;
    -moz-box-shadow: 0 1px 0 #FAFAFA; 
    box-shadow: 0 1px 0 #FAFAFA; 
    background-color: #F6F6F6
  }
  .bg-light .searchbox:hover{background-color: #FEFEFE;}
  .bg-light .searchbox:focus{background-color: #FFFFFF;}

  .bg-dark .searchbox{
    color: #FFFFFF; border: 1px solid #000; 
    -webkit-box-shadow: 0 0 5px #000000 inset, 1px 1px 1px #4B4B4B;
    -moz-box-shadow: 0 0 5px #000000 inset, 1px 1px 1px #4B4B4B;
    box-shadow: 0 0 5px #000000 inset, 1px 1px 1px #4B4B4B;
    background-color: #202020;
  }

  .bg-dark .searchbox ul li{color: #404040;}
  .bg-dark .searchbox:hover{background-color: #303030;}
  .bg-dark .searchbox:focus{background-color: #404040;}

  /*call-us*/
  #call-us .module{float: right;}
  #call-us h1{text-align: right; color: #FFF; text-shadow: none;}
  #call-us {padding: 25px;}

  /*sheet*/
  .sheet{
    -webkit-border-radius: 4px;
       -moz-border-radius: 4px;
            border-radius: 4px;
  }
  .sheet-body{padding: 1px 0; margin: 0 -1px 3px}

  .bg-light .sheet,
  .bg-dark .sheet{
    margin: 0;
    -webkit-box-shadow: 0 0 4px rgba(0,0,0,0.2);
    -moz-box-shadow: 0 0 4px rgba(0,0,0,0.2);
    box-shadow: 0 0 4px rgba(0,0,0,0.2);
    border: 1px solid #FFFFFF;
  }

  .bg-light .sheet{
    background:url(../images/body/sheet-light.png) repeat scroll 0 0 transparent; 
  }

  .bg-dark .sheet{
    background:url(../images/body/sheet-dark.png) repeat scroll 0 0 transparent; 
  }

  /*header*/
  #header{
    background: url(../images/body/nav.png) repeat-x scroll 0 0 transparent; 
    -webkit-border-radius: 3px 3px 0 0; 
    -moz-border-radius: 3px 3px 0 0;
    border-radius: 3px 3px 0 0;
  }

  /*logo*/
  .logo-img{
    background: url(../images/logo.png) no-repeat scroll 0 0 transparent; 
    width: 150px !important; 
    height: 80px; 
    margin: 0; 
    float: left; 
    border: 1px solid transparent;
  }

  .tag-line{
    background: url(../images/separator.png) no-repeat scroll left center transparent; 
    padding: 7px 10px; 
    position: relative; 
    float: left;
    margin-top: 26px;
    font-size: 12px; 
    min-height: 16px;
  }
  
  #slide-zone .module{margin: 0;}
  
  /*showcase*/
  #showcase {overflow: hidden}
  #showcase, 
  #slide-zone{
    -webkit-box-shadow: 0 0 20px rgba(0,0,0,0.4) inset, 0 -20px 70px rgba(255,255,255,0.2) inset;
    -moz-box-shadow: 0 0 20px rgba(0,0,0,0.4) inset, 0 -20px 70px rgba(255,255,255,0.2) inset;
    box-shadow: 0 0 20px rgba(0,0,0,0.4) inset, 0 -20px 70px rgba(255,255,255,0.2) inset;
    margin: 0 5px;
  }

  .header-content{
    display:inline-block;
    top: 0; 
    overflow: visible; 
    z-index: 1; 
    color: #FFFFFF;
    margin: 40px 10px 12px 5px;
    padding: 15px;
    position: relative;
  }

  .hidden-img {
      position: absolute;
      right: -110px;
      margin: 9px 50px 0 0;
      top: 0;
  }

  #showcase .hidden-img {margin: -45px 50px 0 0;}
  .module-title{font-size: 24px; padding-bottom: 15px;}
  .header-content .module-title{font-size: 30px;}
  
  .show-title{
    line-height: 70%; 
    font-size: 140px; 
    visibility: hidden; 
    margin: 0; 
    position: absolute; 
    text-shadow: none;
  }

  .show-text{padding-right: 220px;}

  .searchbox input{
    -webkit-box-shadow: none;
       -moz-box-shadow: none;
            box-shadow: none;
  }

  .footer-overlay-bottom {
    border-top: 1px solid rgba(255, 255, 255, 0.1);
    background: -moz-linear-gradient(left, rgba(0,0,0,0.15) 0%, rgba(255,255,255,0.1) 50%, rgba(0,0,0,0.15) 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(0,0,0,0.15)), color-stop(50%,rgba(255,255,255,0.1)), color-stop(100%,rgba(0,0,0,0.15)));
    background: -webkit-linear-gradient(left, rgba(0,0,0,0.15) 0%,rgba(255,255,255,0.1) 50%,rgba(0,0,0,0.15) 100%);
    background: -o-linear-gradient(left, rgba(0,0,0,0.15) 0%,rgba(255,255,255,0.1) 50%,rgba(0,0,0,0.15) 100%);
    background: -ms-linear-gradient(left, rgba(0,0,0,0.15) 0%,rgba(255,255,255,0.1) 50%,rgba(0,0,0,0.15) 100%);
    background: linear-gradient(left, rgba(0,0,0,0.15) 0%,rgba(255,255,255,0.1) 50%,rgba(0,0,0,0.15) 100%);
    height: 50px;
    left: 0;
    right: 0;
  }

  .footer-overlay-bottom p{
    color: #101010; 
    margin: -9px 0; 
    text-align: center;
  }

  p.footer-tag{
    text-shadow: 1px 1px 0 rgba(255,255,255,0.15);
    margin: 10px 0;
  }

  .bg-light #toTop{background: url(../images/body/back-to-top-light.png) no-repeat scroll left top transparent;}
  .bg-dark #toTop{background: url(../images/body/back-to-top-dark.png) no-repeat scroll left top transparent;}
  #toTop { border: medium none;    bottom: 0;    display: none;    height: 75px;    overflow: hidden;    position: fixed;    right: 28px;   text-decoration: none;    text-indent: -999px;    width: 50px; z-index: 1;}
  #toTopHover {display: block;    float: left;    height: 75px;    opacity: 0;    overflow: hidden;    width: 50px;}
  #toTop:active, #toTop:focus { outline: medium none;}


  /*dropcaps / block numbers/dates */
  .event{display: block; margin: 5px 0 20px}
  .event-time .date, .block-number .digit{
    font-size: 2rem; 
    font-size: 20px;
    padding: 9px 10px 25px; 
    line-height: 1;
  }
  .event-time .month, .block-number .bottom{
    display: block; 
    text-align: center;
    text-transform: uppercase;  
    text-shadow: none; 
    border-width: 1px 0 0; 
    border-style: solid; 
    font-size: 11px; 
    color: #FFFFFF;
    -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.15) inset, 0 1px 0 1px rgba(255, 255, 255, 0.2) inset;
       -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.15) inset, 0 1px 0 1px rgba(255, 255, 255, 0.2) inset;
            box-shadow: 0 0 3px rgba(0, 0, 0, 0.15) inset, 0 1px 0 1px rgba(255, 255, 255, 0.2) inset;
    -webkit-border-radius: 0 0 3px 3px;
       -moz-border-radius: 0 0 3px 3px;
            border-radius: 0 0 3px 3px;
  }

  .block-number .bottom{height: 6px}
  .event-time, .block-number{
    display:block; 
    float:left; 
    height:auto; 
    margin: 5px 15px 5px 0 !important; 
    padding-top:7px; 
    color:#444444; 
    border-width: 1px 1px 0; 
    border-style: solid;
    border-color: #D9D9D9 #D9D9D9 #BFBFBF #D9D9D9;
    -webkit-border-radius: 4px;
       -moz-border-radius: 4px;
            border-radius: 4px;
    text-shadow: 0 1px rgba(255, 255, 255, 1); 
  }

  .event {
      display: block;
      margin: 5px 0 20px;
      clear: both
  }

  .footer-body .module-title{text-shadow: 0 -2px 1px #6b6b6b;}
  .footer-body .module-title .color{color: #FFF;}


  /*gk tabs -- Style 2*/
  ul.gkTabs{border-width: 0 0 5px 0 !important; border-style: solid; height: 51px; overflow: hidden;}
  ul.gkTabs li{line-height: 50px !important; font-weight: normal; font-size: 17px; 
      background: url(../images/body/bg-white.png) repeat-x scroll 0 0 #DEDEDE !important;
      -webkit-border-radius: 2px 2px 0 0;
         -moz-border-radius: 2px 2px 0 0;
          -ms-border-radius: 2px 2px 0 0;
           -o-border-radius: 2px 2px 0 0;
              border-radius: 2px 2px 0 0;
      border-style: solid solid none !important;
      border-width: 1px 1px 0 !important;
      border-color: #BABABA !important;
      box-shadow: 0 1px 2px #FFFFFF inset !important;
      color: #202020 !important; 
      font-size: 17px;
      margin: 0 3px !important;
  }

  ul.gkTabs li:hover{background: #EEEEEE !important; color: #202020 !important;}
  ul.gkTabs li.active, ul.gkTabs li.active:hover{background: #451211 url(../images/body/bg-gradient.png) repeat-x 0 0 !important; color: #FFF !important; box-shadow: none !important;}
  ul.gkTabs li.active{text-shadow: none !important; }
  .gkTabItem{background: url(../images/body/bg-white-large.png) repeat-x scroll 0 0 #F2F2F2; padding: 20px;
    -webkit-box-shadow: 0 1px 2px #FFFFFF inset, 0 0 1px #BABABA;
       -moz-box-shadow: 0 1px 2px #FFFFFF inset, 0 0 1px #BABABA;
            box-shadow: 0 1px 2px #FFFFFF inset, 0 0 1px #BABABA;
            border-color: #FFFFFF;
          border-radius: 0 0 5px 5px;
          border-style: solid;
          border-width: 1px;
          width: auto; height: auto;
  }


  /*multimedia*/
  .mejs-controls .mejs-time-rail .mejs-time-loaded{
    background: url(../images/widget/player-track.png) repeat-x scroll 0 0 #404040;}


  /*google maps*/
  #g-map{
    margin: 0 5px;
    position: relative;
    overflow: hidden;
  }
  #g-map .module{margin: 0;}
  .map-shadow { 
    background: url(../images/gmap/t_shadow_small.png) repeat-x scroll 0 0 transparent; 
    display: inline-block; 
    height: 12px; 
    position: absolute; 
    top: 0; 
    width: 100%;
    z-index: 5;
  }