/*-----------------------------------------------------------------------------------

   Theme Name: Agora
   Theme URI: http://wpthemes.rubenbristian.com/agora-sans/
   Description: Agora is an incredibly creative showcase theme for all kinds of proffessionals. Packed with a lot of fancy page templates and goodies, this is the perfect portfolio website!
   Author: RubenBristian
   Author URI: http://rubenbristian.com
   License: GNU General Public License version 3.0
   License URI: http://www.gnu.org/licenses/gpl-3.0.html
   Version: 1.4.1
 
   Designed & Partially Coded by pezflash: http://themeforest.net/user/pezflash
   All PHP code is released under the GNU General Public Licence version 3.0
   All HTML/CSS/JAVASCRIPT code is released under Envato's Regular License (http://themeforest.net/licenses/regular_extended)

-----------------------------------------------------------------------------------*/

/*---------------------------------------------------------------
  GLOBAL
---------------------------------------------------------------*/
body {
  font: 10px 'Lato', sans-serif;
  position: absolute;
  min-width: 960px;
  min-height: 760px;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  margin: 0;
  background: #111;
}


#blog .ticker .carousel .content .pdiv {
height:200px !important;

}
body, input {
  font: 11px 'Lato', sans-serif;
}

a {
  text-decoration: none;
  outline: 0;
  color:#f05a11;
} a:hover {
  opacity:.9;
}

strong {
  font-weight: 700;
}

img {
  border: 0;
}

.hidden {
  display:none;
}

#backg {
  position: absolute;
  opacity: 0;
  filter: alpha(opacity=0);
}

.title, .subtitle, h3 {
  font-weight: 700;
}


/*-- STAGE BORDER --*/  
#top, #bottom, #left, #right {
  background: #fff;
  position: fixed;
  z-index: 1000;
}

#left, #right {
  top: 0; bottom: 0;
  width: 10px;
}
    
#left { left: 0; }
#right { right: 0; }
    
#top, #bottom {
  left: 0; right: 0;
  height: 10px;
}

#top { top: 0; }
#bottom { bottom: 0; }

/*-- MOBILE PERFORMANCE CSS3 MEDIA QUERIES
NOTE: DISBLED HERE > OPTIMIZED USING JAVASCRIPT DETECT.
FEEL FREE TO ACTIVATE INSTEAD FOR A RESPONSIVE WORKAROUND
@media only screen and (max-device-width: 900px) {

  body {
  }

  #top, #bottom, #left, #right {
    display: none;
  }

  .vegas-overlay {
    display: none;
  }
}
*/  

/*-- HEADER --*/  
#header {
  position: absolute;
  top: 50px;
  left: 90px;
  z-index: 999;
}

/*-- BACKGROUND IMG (EXCEPT HOME & FULLSCREEN GALLERY PAGE) --*/
img.bg {
  min-height: 100%;
  min-width: 1024px;  
  width: 100%;
  height: auto; 
  position: fixed;
  top: 0;
  left: 0;
}
    
  @media screen and (max-width: 1024px) {
    img.bg {
      left: 50%;
      margin-left: -512px; }
  }










/*---------------------------------------------------------------
  MENU
---------------------------------------------------------------*/
#menu {
  position: absolute;
  bottom: 60px;
  left: 90px;
  z-index: 998;
}

#menu ul {
  list-style: none;
  font-weight: 400;
  font-size: 14px;
  line-height: 26px;
  text-shadow: 0px 2px 3px #000;
}

/* TRICK FOR MENU SHADOW ON IE
   ACTIVATE UNDER YOUR OWN RISK! (CRAPPY IE!)
.ie #menu ul li a {
  filter: shadow(Color=#333333, Direction=135, Strength=4);
}
*/

#menu ul .second_level {
  font-size: 14px;
  line-height: 22px;
  margin-top: 5px;
  border-left: 1px solid #595a59;
  padding-left: 10px;
}

#menu ul .third_level {
  font-size: 14px;
  line-height: 22px;
  border-left: 1px solid #595a59;
  padding-left: 10px;
}

#menu ul li a {
  color: #fff;
}
  
#menu ul li a:hover {
  color: #f05a11;
}

#menu .disabled:not(.sf-with-ul) {
  color: #f05a11;
  cursor: default;
}











/*---------------------------------------------------------------
  HOME
---------------------------------------------------------------*/


#home {
  position: absolute;
  top: 180px;
  left: 88px;

}


        #home .page {
            font-size:12px; 
            font-weight: bold;
            margin: 80px 80px 100px 200px; 
            float:right;
        }


#home .quoted {
  font-weight: 300;
  font-size: 40px;
  line-height: 57px;
  color: #f05a11;
  opacity: 0;
  filter: alpha(opacity=0);
}
 
#home .paragraph {
  font-size: 12px;
  font-weight: 400;
  line-height: 19px;
  color: #fff;
  float: left;
  margin: 25px 0px 0px -228px;
  width: 350px;
  opacity: 0;
  text-align: justify;	
  filter: alpha(opacity=0);
}

#home #slideshow {
  margin:-5px 60px 0 0;
  float:right;
  cursor:pointer;
  display:none;
}

  #home .paragraph a {
    color: #f05a11;
  }

  #home .paragraph a:hover {
    text-decoration: none;
    text-shadow: 2px 2px 2px #565656
  }

/*-- FULLSCREEN BACKGROUND --*/
#home .paragraph {
  font-size: 12px;
  font-weight: 400;
  line-height: 19px;
  color: #fff;
  float: left;
  margin: 25px 0px 0px 60px;
  width: 350px;
  opacity: 0;
  text-align: justify;	
  filter: alpha(opacity=0);
}

#home .thumbs {
  opacity: 0;
  filter: alpha(opacity=0);
  margin:20px 0 0 2px;
}

#home .thumbs ul {
  margin: 0;
  overflow: hidden;
  padding: 0;
  float: left;
}

#home .thumbs ul li {
  list-style: none;
  margin: 0px 4px 0px 0px;
  float: left;
  position: relative;
  background-color: #f05a11;
}

#home .thumbs ul li img {
  display: block;
}

#home .thumbs .playpause {
  margin: -3px 2px 0px 2px;
  position: absolute;
  cursor: pointer;
}

.ie #home .thumbs .playpause {
  border: 0px solid #000;
}










/*---------------------------------------------------------------
  ABOUT / COMPANY
---------------------------------------------------------------*/
#company {
  position: absolute;
  width: 100%;
  top: 20%;
}

#company .base {
  position: absolute;
  width: 100%;
  height: 350px;
  background-color: #000;
  opacity: 0.9;
  filter: alpha(opacity=90);
}

#company .title {
  font-weight: 700;
  font-size: 47px;
  color: #fff;
  position: absolute;
  left: 90px;
  top: 227px;
}

#company .subtitle {
  font-weight: 300;
  font-size: 23px;
  color: #929292;
  position: absolute;
  left: 90px;
  top: 275px;
}

#company .quoted {
  font-size: 18px;
  font-weight: 300;
  line-height: 23px;
  color: #f05a11;
  position: absolute;
  float: left;
  width: 250px;
  left: 90px;
  top: 40px;
}

#company .scroll-paragraph {
  line-height: 17px;
  color: #fff;
  width: 250px;
  height: 260px;
  overflow: auto;
  padding: 0 16px 0px 0px;
  position: absolute;
  float: left;
  left: 390px;
  top: 40px;
}

#company .jspPane p:first-child {
  margin-top:0;
}
  /*-- SCROLLPANE COLORS --*/
  #company .scroll-paragraph .jspTrack {
    background: #202020;
  }

  #company .scroll-paragraph .jspDrag {
    background: #767676;
  }

  #company .scroll-paragraph .text-image {
    padding: 0px 15px 0px 0px;
    float: left;
  }

  #company .scroll-paragraph a {
    color: #f05a11;
  }

  #company .scroll-paragraph a:hover {
  text-decoration: underline;
}

#company .img {
  position: absolute;
  left: 700px;
  top: 48px;
}

  #company .img .rollover span {
    background-image: url('images/company/zoom_icon.png');
    background-repeat: no-repeat;
    width: 266px;
    height: 141px;
    left: 0px;
    top: 0px;
    display: none;
    position: absolute;
  }










/*---------------------------------------------------------------
  ABOUT / TEAM
---------------------------------------------------------------*/
#team {
  position: absolute;
  width: 100%;
  top: 19%;
}

#team .base {
  position: absolute;
  width: 100%;
  height: 355px;
  background-color: #111;
  opacity: 0.6;
  filter: alpha(opacity=60);
}

#team .title {
  font-weight: 700;
  font-size: 44px;
  color: #fff;
  position: absolute;
  left: 90px;
  top: 230px;
}

#team .subtitle {
  font-weight: 300;
  font-size: 23px;
  color: #929292;
  position: absolute;
  left: 90px;
  top: 275px;
}

#team .submenu {
  position: absolute;
  top: 40px;
}
  #team .submenu ul {
    list-style: none; 
  }

  #team .submenu ul li {
    text-align: right;
    display: block;
  }

  #team .submenu ul li a {
    font-size: 13px;
    padding: 4px 5px 3px 5px;
    margin: 0px 0px 5px 0px;
    color: #fff;
    background-color: #000;
  }
    
  #team .submenu ul li a:hover {
    color: #f05a11;
  }

  #team .submenu .disabled {
    color: #f05a11;
    cursor: default;
  }
  #team .marker {
    position: absolute;
    left: 183px;
    top: 8px;
  }

#team .member {
  opacity: 0;
  filter: alpha(opacity=0);
}

.ie #team .member {
  position: relative;
}

#team .profile-base {
  background-color: #fff;
  position: absolute;
  width: 0px;
  height: 355px;
  left: 340px;
}

#team .profile-img {
  position: absolute;
  left: 340px;
}

#team .scroll-paragraph {
  line-height: 17px;
  color: #000;
  width: 280px;
  height: 227px;
  overflow: auto;
  padding: 5px 16px 0px 0px;
  position: absolute;
  float: left;
  left: 630px;
  top: 45px;
}
  /*-- SCROLLPANE COLORS --*/
  #team .scroll-paragraph .jspTrack, #blog .scroll-paragraph .jspTrack {
    background: #cbcbcb;
  }

  #team .scroll-paragraph .jspDrag, #blog .scroll-paragraph .jspDrag {
    background: #f05a11;
  }

  #team .scroll-paragraph .text-image {
    padding: 0px 15px 0px 0px;
    float: left;
  }

  #team .scroll-paragraph a {
    color: #f05a11;
  }

  #team .scroll-paragraph a:hover {
    text-decoration: none;
   text-shadow: 2px 2px 2px #565656;
  }

#team .email {
  display: block;
  padding-left: 25px;
  background:transparent url(images/email_icon.png) center left no-repeat;
  position: absolute;
  left: 630px;
  top: 290px;
}
  #team .email a {
    font-size: 11px;
    font-weight: 700;
    color: #333;
  }

  #team .email a:hover {
    text-decoration: underline;
  }










/*---------------------------------------------------------------
  ABOUT / VIDEO REEL
---------------------------------------------------------------*/
#reel {
  position: absolute;
  width: 100%;
  height:500px;
}

#reel .base {
  position: absolute;
  width: 100%;
  height: 500px;
  background-color: #000;
  opacity: 0.9;
  filter: alpha(opacity=90);
}

#reel .player {
  position: absolute;
  left: 90px;
  top: 125px;
}

#reel .player .video .frame {
  border: solid 0px #000;
}

#reel .text {
  position: absolute;
  left: 720px;
  bottom: 35px;
  width: 190px;
  font-size: 11px;
  line-height: 15px;
  color: #4f4f4f;
}










/*---------------------------------------------------------------
  ABOUT / EVENTS SLIDER
---------------------------------------------------------------*/
#events {
  position: absolute;
  width: 100%;
  top: 19%;
}

#events .base {
  position: absolute;
  width: 100%;
  height: 355px;
  background-color: #000;
  opacity: 0.8;
  filter: alpha(opacity=80);
}

#events .title {
  font-weight: 700;
  font-size: 43px;
  color: #fff;
  position: absolute;
  left: 90px;
  top: 240px;
}

#events .subtitle {
  font-weight: 300;
  font-size: 22px;
  color: #929292;
  position: absolute;
  left: 90px;
  top: 285px;
}

#events .quoted {
  font-size: 17px;
  line-height: 23px;
  color: #f05a11;
  position: absolute;
  float: left;
  width: 200px;
  left: 90px;
  top: 40px;
}

#events .preload {
  position: absolute;
  top: 155px;
  left: 50%;
}

#events .slider {
  position: absolute;
  left: 320px;
  opacity: 0;
  filter: alpha(opacity=0);
}










/*---------------------------------------------------------------
  GRID GALLERY
---------------------------------------------------------------*/
#grid-gallery {
  position: absolute;
  width: 100%;
  top: 24%;
}

#grid-gallery .title {
  font-weight: 700;
  font-size: 16px;
  color: #fff;
  position: absolute;
  left: 90px;
  top: -35px;
}

#grid-gallery .subtitle {
  font-weight: 300;
  color: #f05a11;
}

#grid-gallery .base {
  position: absolute;
  width: 100%;
  height: 238px;
  background-color: #111;
}

#grid-gallery .preload {
  position: absolute;
  top: -36px;
  left: 56px;
}

#grid-gallery .navi {
  position: absolute;
  left: -45px;
}

#grid-gallery .navi .up {
  position: absolute;
  top: 120px;
  cursor: pointer;
}

#grid-gallery .navi .down {
  position: absolute;
  top: 155px;
  cursor: pointer;
}

#grid-gallery .navi .up:active,
#grid-gallery .navi .down:active {
  opacity: 0.6;
  filter: alpha(opacity=60);
}

#grid-gallery .gallery {
  position: absolute;
  left: 90px;
  width: 90%;
  height: 303px;
  overflow-y: hidden;
  opacity: 0;
  filter: alpha(opacity=0);
}

#grid-gallery .gallery .wrapper {
  float:left;
  position:relative;
  overflow:hidden;
}

#grid-gallery .gallery .wrapper img{
  position: absolute;
  outline: none;
}

#grid-gallery .gallery .container .rollover span {
  background-image: url('images/grid_gallery/zoom_icon.png');
  background-repeat: no-repeat;
  position:absolute;
  width: 29px;
  height: 29px;
  left: 0px;
  top: 0px;
  display: none;
}











/*---------------------------------------------------------------
  HORIZONTAL GALLERY
---------------------------------------------------------------*/
#horiz-gallery {
  position: absolute;
  width: 100%;
  top: 18%;
}

#horiz-gallery .base {
  position: absolute;
  width: 100%;
  height: 350px;
  background-color: #000;
  opacity: 0.8;
  filter: alpha(opacity=80);
}

#horiz-gallery .title {
  font-weight: 700;
  font-size: 40px;
  color: #fff;
  position: absolute;
  left: 90px;
  top: 240px;
}

#horiz-gallery .subtitle {
  font-weight: 300;
  font-size: 21px;
  color: #929292;
  position: absolute;
  left: 90px;
  top: 280px;
}

#horiz-gallery .preload {
  position: absolute;
  top: 155px;
  left: 50%;
}

#horiz-gallery .text {
  font-size: 13px;
  line-height: 17px;
  color: #555;
  position: absolute;
  width: 190px;
  left: 90px;
  top: 40px;
}

#horiz-gallery .gallery {
  position: absolute;
  left: 0px;
  top: -30px;
  height: 350px;
  width: 100%;
  opacity: 0;
  filter: alpha(opacity=0);
}

      #horiz-gallery .gallery .navi {
        position: absolute;
        top: 190px;
        left: 280px;
        opacity: 0;
        filter: alpha(opacity=0);
      }

      #horiz-gallery .gallery .navi img {
        position: absolute;
        cursor: pointer;
      }

      #horiz-gallery .gallery .navi .next {
        left: 27px;
      }

      #horiz-gallery .gallery .images {
        height: 350px;
        overflow: hidden;
        padding: 30px 0 0 350px;
      }

      #horiz-gallery .gallery .images img, #horiz-gallery .gallery .images iframe {
        display: block;
        float: left;
      }

      #horiz-gallery .gallery .images iframe {
        border: solid 0px #000;
      }










/*---------------------------------------------------------------
  ROTATED GALLERY
---------------------------------------------------------------*/
#fullscreen-gallery {
  position: absolute;
}

#fullscreen-gallery .gallery {
  position: absolute;
  left: 90px;
  top: 125px;
}

#fullscreen-gallery .navi {
  position: absolute;
  left: 250px;
  top: 50px;
}

#fullscreen-gallery .navi img {
  position: absolute;
  cursor: pointer;
}

#fullscreen-gallery .navi .prev {
  left: 90px;
}

#fullscreen-gallery .navi .next {
  left: 125px;
}

#fullscreen-gallery .navi .th {
  left: 160px;
}

#fullscreen-gallery .navi .playpause {
  left: 195px;
}

.ie #fullscreen-gallery .navi .playpause {
  border: 0px solid #000;
}

#fullscreen-gallery .thumbs {
  position: absolute;
  top: 140px;
  left: -1000px;
  width: 800px;
  opacity: 0;
  filter: alpha(opacity=0);
}

#fullscreen-gallery .thumbs ul {
  margin: 0;
  overflow: hidden;
  padding: 0;
  float: left;
}

#fullscreen-gallery .thumbs ul li {
  list-style: none;
  margin: 0px 4px 0px 0px;
  float: left;
  position: relative;
  background-color: #f05a11;
}

#fullscreen-gallery .thumbs ul li img {
  display: block;
}










/*---------------------------------------------------------------
  VIDEO GALLERY
---------------------------------------------------------------*/
#video-gallery {
  position: absolute;
  width: 100%;
}

#video-gallery .base {
  position: absolute;
  width: 100%;
  height: 500px;
  background-color: #000;
  opacity: 0.8;
  filter: alpha(opacity=80);
}

#video-gallery .player {
  position: absolute;
  left: 90px;
  top: 125px;
}

#video-gallery .player .vjs-playlist {
  background-color: #000;
  overflow-y: auto;
  overflow-x: hidden;
  display: none;
  position: absolute;
  top: 0px;
  left: 610px;
  width: 116px;
  height: 338px;
  background-image: url('images/video_gallery/playlist_pattern.png');
}

#video-gallery .player .vjs-playlist img { 
  margin: 7px 0px 7px 7px;
  border: 1px solid #333;
  width: 100px;
  height: 60px;
  display: block;
  cursor: pointer;
}

  #video-gallery .player .vjs-playlist img:hover {
    border: 1px solid #999;
  }

  #video-gallery .player .vjs-playlist img span {
    background-image: url('images/company/zoom_icon.png');
    background-repeat: no-repeat;
    width: 266px;
    height: 141px;
    left: 0px;
    top: 0px;
    display: none;
    position: absolute;
  }











/*---------------------------------------------------------------
  NEWS TICKER
---------------------------------------------------------------*/
#news {
  position: absolute;
  width: 100%;
  top: 18%;
}

#news .base {
  position: absolute;
  width: 100%;
  height: 340px;
  background-color: #000;
  opacity: 0.8;
  filter: alpha(opacity=80);
}

#news .title {
  font-weight: 700;
  font-size: 38px;
  color: #DEAB0E;
  position: absolute;
  left: 90px;
  top: 0px;
}

#news .subtitle {
  font-weight: 300;
  font-size: 20px;
  color: #929292;
  position: absolute;
  left: 90px;
  top: 39px;
}

#news .divider {
  position: absolute;
  left: 90px;
  top: 70px;
  width: 820px;
  border-top:  1px solid #6d6d6d;
}

#news .ticker{
  position: absolute;
  left: 90px;
  top: 92px;
}

  #news .ticker .navi {
    position: absolute;
    top: -73px;
  }
      
    #news .ticker .navi img {
      position: absolute;
      cursor: pointer;
    }

    #news .ticker .navi .prev {
      left: 190px;
    }

    #news .ticker .navi .next {
      left: 214px;
    }

    #news .ticker .navi .prev:active,
    #news .ticker .navi .next:active {
      opacity: 0.6;
      filter: alpha(opacity=60);
    }

  #news .ticker .carousel .item {
    width: 800px;
    height: 250px;
    left: 0px;
    top: 0px;
    float: left;
    overflow: hidden;
  }

  #news .ticker .carousel .item img {
    float: left;
    box-shadow:0px 0px 7px black; 
  }

  #news .ticker .carousel .item:first-child .date {
    display: none;
}
  
  #news .ticker .carousel .item .date {
    display: none;
}

  #news .ticker .carousel .item .links {
    position: absolute;
    top: 163px;
  }

  #news .ticker .carousel .item .links img {
    margin: 0px 3px 0px 0px;
    box-shadow: 0px 0px 0px black;
  }

  #news .ticker .carousel .item h3 {
    font-size: 19px;
    font-style: italic;
    font-weight: 700;
    color: #f05a11;
    margin: 0;
  }

  #news .ticker .carousel .item p {
    color: #fff;
  }

  #news .ticker .carousel .item a {
    color: #f05a11;
  }

  #news .ticker .carousel .item a:hover {
    text-decoration: none;
    text-shadow: 2px 2px 2px #565656
  }

  #news .ticker .carousel .item .text {
    width:  400px;
    height: 200px;
    margin-left: 30px;
    float: left;
  }












/*---------------------------------------------------------------
  OFFICES / TABS
---------------------------------------------------------------*/
#offices {
  position: absolute;
  width: 100%;
  top: 24%;
}

#offices .base {
  position: absolute;
  width: 100%;
  height: 300px;
  background-color: #000;
  opacity: 0.8;
  filter: alpha(opacity=80);
}

#offices .title {
  font-weight: 700;
  font-size: 36px;
  color: #fff;
  position: absolute;
  left: 90px;
  top: 220px;
}

#offices .subtitle {
  font-weight: 300;
  font-size: 20px;
  color: #929292;
  position: absolute;
  left: 90px;
  top: 258px;
}

#offices .mytabs {
  position: absolute;
  left: 90px;
  top: -25px;
  height: 350px;
  overflow: hidden;
}


  #offices .mytabs .tabs > div {
    width: 900px;
    float: left;
    text-align: justify;
    overflow: hidden;
  }

  #offices .mytabs .tabs img {
    display: block;
    margin: 30px 25px 0px 0px;
    float: left;
    box-shadow:0px 0px 7px black; 
  }

  #offices .mytabs .tabs h3 {
    font-size: 23px;
    font-weight: 700;
    line-height: 10px;
    color: #f05a11;
    margin: 50px 0px 20px 0px;
  }

  #offices .mytabs .tabs .image {
    margin-top: 30px;
  }

  #offices .mytabs .tabs .rollover span {
    background-image: url('images/offices/zoom_icon.png');
    background-repeat: no-repeat;
    width: 238px;
    height: 155px;
    left: 0px;
    top: 0px;
    display: none;
    position:absolute;
    margin-top: 30px;
  }

  #offices .mytabs .tabs p {
    line-height: 17px;
  }

  #offices .mytabs .tabs .location-link-orange, #offices .mytabs .tabs .location-link-blue, #offices .mytabs .tabs .location-link-white {
    font-family: 'Arial', sans-serif;
    font-size: 11px;
    margin: 0;
    padding-left: 15px;
    color: #cfcfcf;
  } #offices .mytabs .tabs .location-link-orange {
    background:transparent url(images/offices/map_icon.png) center left no-repeat;
  } #offices .mytabs .tabs .location-link-white {
    background:transparent url(images/offices/map_icon_3.png) center left no-repeat;
  } #offices .mytabs .tabs .location-link-blue {
    background:transparent url(images/offices/map_icon_2.png) center left no-repeat;
  }

  .page-template-template-tabs-php .pp_description {
    display: none !important;
  }

  #offices .mytabs .tabs .location-link:hover {
    text-decoration: none;
  }

  #offices .mytabs .pager {
    width: 700px;
  }

  #offices .mytabs .tabs p {
    color: #fff;
  }

  #offices .mytabs .pager a {
    border: 1px solid transparent;
    border-left: none;
    border-color: #222;
    color: #999;
    font-size: 10px;
    font-weight: 700;
    display: inline-block;
    height: 10px;
    padding: 6px 15px 7px 15px;
    background-color: #000;
    opacity: 0.9;
    filter: alpha(opacity=90);
    border-top-right-radius: 6px;
    border-top-left-radius: 6px;
  }

  #offices .mytabs .pager a:hover {
    color: #fff;
  }

  #offices .mytabs .pager a:first-child {
    border-left: 1px solid #222;
  }

  #offices .mytabs .pager a.selected {
    background-color: #f05a11;
    color: #222;
  }












/*---------------------------------------------------------------
  LOCATION / FORM
---------------------------------------------------------------*/
#location {
  position: absolute;
  width: 100%;
  top: 23%;
}

#location .base {
    background-color: #000000;
    height: 300px;
    opacity: 0.8;
    position: absolute;
    width: 100%;
}

#location .title {
  font-weight: 700;
  font-size: 20px;
  color: #fff;
  position: absolute;
  left: 90px;
  top: -37px;
}

#location .subtitle {
  font-weight: 300;
  color: #f05a11;
}

#location .map {
  position: absolute;
  left: 680px;
  top: 41px;
  width: 300px;
  height: 218px;
  border-radius: 4px;
}

#map_obj {
  display: block;
  height: 100%;
  width: 100%;
  border-radius: 4px;
}

#location .contact {
  position: absolute;
  left: 90px;
  top: 40px;
}

#location .contact .address {
  font-size: 13px;
  line-height: 17px;
  color: #fff;  
  float: left;
  width: 200px;
}

#location .contact .paragraph_title {
  font-size: 14px;
  color: #f05a11; 
}

#location .contact .divider {
  height: 220px;
  border-left:  1px dashed #222;
  float: left;
  margin: 0px 0px 0px 30px;
}

#location .contact a {
  display: block;
  padding-left: 25px;
  background:transparent url(images/email_icon.png) center left no-repeat;
}
  #location .contact a {
    color: #f05a11;
  }

  #location .contact a:hover {
    text-decoration: underline;
  }

#location .contact .form {
  float: left;
  margin: -5px 0px 0px 40px;
}

#location .contact hr {
  clear: both;
  border-bottom: 0;
  border-top: 2px solid #4e4e4e;
  border-right: 0;
  border-left: 0;
  min-height: 0px;
  height: 1px;
}

#location .contact .form  .fields, #respond .fields {
  font: 12px 'Lato', sans-serif;
  color: #888;
  background-color: transparent;
  border-width: 0px;
  border-bottom: 1px solid #666666;
  padding: 13px 0px 3px 0px;
  margin: 0px 0px 3px 0px;
  width: 250px;
  resize: none;
  overflow: auto;
}

#location .contact .form .button, #respond #submit {
  font: 13px 'Lato', sans-serif;
  font-weight: 700;
  color: #fff;
    margin: 2px 0px 0px 0px;
  padding: 1px 5px 1px 5px;
    background: url(images/alpha.png);
  background: rgba(37, 37, 37, 0.8) url();
    border: none;
    cursor: pointer;
}

#location .contact .form .button a {
  text-decoration: none;
  color: #fff;
}

#location .contact .form .button a:hover {
  color: #f05a11;
}

#location .contact .form .loader_message {
  font-weight: 300;
  color: #f05a11;
    margin-top: 4px;
  position: relative;
  float: right;
}

#location .contact .form .loader_icon {
  -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;
  background: #000 url(images/preload.gif) no-repeat center center;
  background: rgba(0, 0, 0, 0.7) url(images/preload.gif) no-repeat center center;
  height: 23px;
  width: 23px;
  position: relative;
  margin: -21px 0px 0px -30px;
  display: none;
}












/*---------------------------------------------------------------
  BLOG
---------------------------------------------------------------*/
#blog {
  position: absolute;
  width: 100%;
  top: 18%;
}

#blog .base {
  position: absolute;
  width: 100%;
  height: 300px;
  background-color: #000;
  opacity: 0.8;
  filter: alpha(opacity=80);
}

#blog .title {
  font-weight: 700;
  font-size: 37px;
  color: #fff;
  position: absolute;
  left: 90px;
  top: 0px;
}

#blog .subtitle {
  font-weight: 300;
  font-size: 20px;
  color: #929292;
  position: absolute;
  left: 90px;
  top: 39px;
} body.archive #blog .subtitle, body.search #blog .subtitle {
  font-size:18px;
}

#blog .divider {
  position: absolute;
  left: 90px;
  top: 69px;
  width: 820px;
  border-top: 1px solid #6d6d6d;
}

#blog .ticker a {
  color:#666;
} #blog .ticker a:hover {
  color:#f05a11;
} #blog .ticker .author a {
  border-bottom:1px dotted rgba(255,255,255,.3);
  } #blog .meta a {
  border-bottom:1px dotted rgba(255,255,255,.3);
}

#blog .ticker {
  position: absolute;
  left: 90px;
  top: 90px;
}

  #blog .ticker .navi {
    position: absolute;
    left: -45px;
  }
      
    #blog .ticker .navi img {
      position: absolute;
      cursor: pointer;
    }

    #blog .ticker .navi .prev {
      top: 90px;
    }

    #blog .ticker .navi .next {
      top: 125px;
    }

    #blog .ticker .navi .back {
      top: 60px;
    }

    #blog .ticker .navi .prev:active,
    #blog .ticker .navi .next:active,
    #blog .ticker .navi .back:active {
      opacity: 0.6;
      filter: alpha(opacity=60);
    }

  #blog .ticker .carousel .item {
    width: 820px;
    height: 50px;
    left: 0px;
    top: 0px;
    float: left;
    overflow: hidden;
  }

  #blog .ticker .carousel .item .box {
    background: rgba(0, 0, 0, 0.8);
    padding: 5px;
    height: 39px;
    width: 820px;
    cursor: pointer;
  }

  .ie8 #blog .ticker .carousel .item .box { 
       background:transparent;
       filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#80000000,endColorstr=#80111111); 
       zoom: 1;
    } 

  #blog .ticker .carousel .item .box:hover {
    background: rgba(0, 0, 0, 1);
  }

  #blog .ticker .carousel .item .entry-title {
    font-size: 14px;
    font-weight: 700;
    color: #fff;
    position: relative;
    padding: 4px 0px 3px 5px;
    top: 0px;
  } #blog .ticker .carousel .item .entry-title .a-title {
    color:#FFF;
  } #blog .ticker .carousel .item .entry-title .a-title:hover {
    color:#f05a11;
  }

  #blog .ticker .carousel .item .date {
    font-size: 11px;
    color: #666;
    padding: 0px 0px 0px 5px;
    position: relative;
    display: inline;
  }

  #blog .ticker .carousel .item .author {
    font-size: 11px;
    color: #666;
    margin: 0px 20px 0px 0px;
    float: right;
  }

  #blog .ticker .carousel .content {
    margin: 5px 0px 0px 5px;
    left: 0;
    display: block;
    position: relative;
    top: 5px;
    width:815px;
  }

  #blog .ticker .carousel .content img {
    display: block;
    float: left;
    position: absolute;
    box-shadow: 0px 0px 7px black; 
  }

  #blog .ticker .carousel .content h3 {
    font-size: 18px;
    font-style: italic;
    font-weight: 700;
    color: #f05a11;
    margin: 0;
    float:left;
    margin-left:270px;
    left: 270px;
  }

  #blog .ticker .carousel .content .pdiv {
    float:left;
    margin-left:270px;
    color: #fff;
    left: 270px;
    top: 20px;
    width: 518px;
    height: 230px;
    overflow: auto;
    padding: 0px 25px 0px 0px;  
  }  

  #blog .ticker .carousel .content .meta {
    float:left;
    margin-left:270px;
    color:#999;
  } #blog .ticker .carousel .content .meta a {
    color:#999;
  } #blog .ticker .carousel .content .meta a:hover {
    color:#f05a11;
    text-decoration:none;
  }

  #blog .ticker .carousel .content .jspContainer {
    top:10px;
  }

  #blog .ticker .carousel .content .jspPane div p:first-child {
    margin-top:0;
  }

  #blog .ticker .carousel .content a {
    color: #f05a11;
  }

  #blog .ticker .carousel .content a:hover {
    text-decoration: underline;
  }

  












/*---------------------------------------------------------------
  FOOTER
---------------------------------------------------------------*/
#footer {
  position: absolute;
  right: 10px;
  bottom: 17px;
  float: right;
  margin: 0px 0px 0px 0px;
  padding: 0px 10px 0px 0px;
}

#footer .copyright {
  font-size: 10px;
  color: #a5a5a5;
  padding: 2px 20px 0px 0px;
}

#footer .copyright a {
  color: #a5a5a5;
  text-decoration: underline;
}

#footer .copyright a:hover {
  color: #fff;
}

#footer ul {
  margin: 0;
  overflow: hidden;
  padding: 0;
  float: left;
  padding: 10px;
}

#footer ul li {
  list-style: none;
  margin: 0px 6px 0px 0px;
  float: left;
  position: relative;
}



/*  
  -------------------------------------------------------------
  END CSS
*/ 

.tipsy { padding: 5px; font-family: 'Arial', sans-serif; font-size: 11px; position: absolute; z-index: 100000; }
.tipsy-inner { padding: 5px 8px 4px 8px; background-color: black; color: white; max-width: 200px; text-align: center; }
.tipsy-inner { border-radius: 3px; -moz-border-radius:3px; -webkit-border-radius:3px; }
.tipsy-arrow { position: absolute; background: url('images/tipsy.gif') no-repeat top left; width: 9px; height: 5px; }
.tipsy-n .tipsy-arrow { top: 0; left: 50%; margin-left: -4px; }
.tipsy-nw .tipsy-arrow { top: 0; left: 10px; }
.tipsy-ne .tipsy-arrow { top: 0; right: 10px; }
.tipsy-s .tipsy-arrow { bottom: 0; left: 50%; margin-left: -4px; background-position: bottom left; }
.tipsy-sw .tipsy-arrow { bottom: 0; left: 10px; background-position: bottom left; }
.tipsy-se .tipsy-arrow { bottom: 0; right: 10px; background-position: bottom left; }
.tipsy-e .tipsy-arrow { top: 50%; margin-top: -4px; right: 0; width: 5px; height: 9px; background-position: top right; }
.tipsy-w .tipsy-arrow { top: 50%; margin-top: -4px; left: 0; width: 5px; height: 9px; }


/* ------------------------------------------------------------------------
  This you can edit.
------------------------------------------------------------------------- */
  

  /* ----------------------------------
    AGORA Theme
  ----------------------------------- */

  div.agora .pp_top,
  div.agora .pp_top .pp_middle,
  div.agora .pp_top .pp_left,
  div.agora .pp_top .pp_right,
  div.agora .pp_bottom,
  div.agora .pp_bottom .pp_left,
  div.agora .pp_bottom .pp_middle,
  div.agora .pp_bottom .pp_right { height: 13px; }
  
  div.agora .pp_top .pp_left { background: url(images/agora/sprite.png) -78px -93px no-repeat; } /* Top left corner */
  div.agora .pp_top .pp_middle { background: url(images/agora/sprite_x.png) top left repeat-x; } /* Top pattern/color */
  div.agora .pp_top .pp_right { background: url(images/agora/sprite.png) -112px -93px no-repeat; } /* Top right corner */
  
  div.agora .pp_content .ppt { color: #f8f8f8; }
  div.agora .pp_content_container .pp_left { background: url(images/agora/sprite_y.png) -7px 0 repeat-y; padding-left: 13px; }
  div.agora .pp_content_container .pp_right { background: url(images/agora/sprite_y.png) top right repeat-y; padding-right: 13px; }
  div.agora .pp_content { background-color: #fff; } /* Content background */
  div.agora .pp_next:hover { background: url(images/agora/sprite_next.png) center right  no-repeat; cursor: pointer; } /* Next button */
  div.agora .pp_previous:hover { background: url(images/agora/sprite_prev.png) center left no-repeat; cursor: pointer; } /* Previous button */
  div.agora .pp_expand { background: url(images/agora/sprite.png) 0 -29px no-repeat; cursor: pointer; width: 28px; height: 28px; } /* Expand button */
  div.agora .pp_expand:hover { background: url(images/agora/sprite.png) 0 -56px no-repeat; cursor: pointer; } /* Expand button hover */
  div.agora .pp_contract { background: url(images/agora/sprite.png) 0 -84px no-repeat; cursor: pointer; width: 28px; height: 28px; } /* Contract button */
  div.agora .pp_contract:hover { background: url(images/agora/sprite.png) 0 -113px no-repeat; cursor: pointer; } /* Contract button hover */
  div.agora .pp_close { width: 30px; height: 30px; background: url(images/agora/sprite.png) 2px 1px no-repeat; cursor: pointer; } /* Close button */
  div.agora #pp_full_res .pp_inline { color: #000; } 
  div.agora .pp_gallery ul li a { background: url(images/agora/default_thumb.png) center center #f8f8f8; border:1px solid #aaa; }
  div.agora .pp_gallery ul li a:hover,
  div.agora .pp_gallery ul li.selected a { border-color: #fff; }
  div.agora .pp_social { margin-top: 7px; }

  div.agora .pp_gallery a.pp_arrow_previous,
  div.agora .pp_gallery a.pp_arrow_next { position: static; left: auto; }
  div.agora .pp_nav .pp_play,
  div.agora .pp_nav .pp_pause { background: url(images/agora/sprite.png) -51px 1px no-repeat; height:23px; width:23px; }
  div.agora .pp_nav .pp_pause { background-position: -51px -29px; }
  div.agora .pp_details { position: relative; }
  div.agora a.pp_arrow_previous,
  div.agora a.pp_arrow_next { background: url(images/agora/sprite.png) -31px -3px no-repeat; height: 17px; margin: 4px 0 0 0; width: 17px; }
  div.agora a.pp_arrow_next { left: 52px; background-position: -82px -3px; } /* The next arrow in the bottom nav */
  div.agora .pp_content_container .pp_details { margin-top: 5px; }
  div.agora .pp_nav { clear: none; height: 30px; width: 110px; position: relative; }
  div.agora .pp_nav .currentTextHolder{ font-style: italic; color:#999; font-size: 10px; left: 62px; line-height: 25px; margin: 0; padding: 0 0 0 10px; position: absolute; top: 2px; }
  
  div.agora .pp_close:hover, div.agora .pp_nav .pp_play:hover, div.agora .pp_nav .pp_pause:hover, div.agora .pp_arrow_next:hover, div.agora .pp_arrow_previous:hover { opacity:0.7; }

  div.agora .pp_description{ font-size: 11px; font-weight: bold; line-height: 13px; margin: 11px 50px 5px 0;}

  div.agora .pp_bottom .pp_left { background: url(images/agora/sprite.png) -78px -127px no-repeat; } /* Bottom left corner */
  div.agora .pp_bottom .pp_middle { background: url(images/agora/sprite_x.png) bottom left repeat-x; } /* Bottom pattern/color */
  div.agora .pp_bottom .pp_right { background: url(images/agora/sprite.png) -112px -127px no-repeat; } /* Bottom right corner */

  div.agora .pp_loaderIcon { background: url(images/agora/loader.gif) center center no-repeat; } /* Loader icon */



/* ------------------------------------------------------------------------
  Deafult PrettyPhoto CSS (do not change)
------------------------------------------------------------------------- */


  /* ----------------------------------
    Default Theme
  ----------------------------------- */

  div.pp_default .pp_top,
  div.pp_default .pp_top .pp_middle,
  div.pp_default .pp_top .pp_left,
  div.pp_default .pp_top .pp_right,
  div.pp_default .pp_bottom,
  div.pp_default .pp_bottom .pp_left,
  div.pp_default .pp_bottom .pp_middle,
  div.pp_default .pp_bottom .pp_right { height: 13px; }
  
  div.pp_default .pp_top .pp_left { background: url(images/prettyPhoto/default/sprite.png) -78px -93px no-repeat; } /* Top left corner */
  div.pp_default .pp_top .pp_middle { background: url(images/prettyPhoto/default/sprite_x.png) top left repeat-x; } /* Top pattern/color */
  div.pp_default .pp_top .pp_right { background: url(images/prettyPhoto/default/sprite.png) -112px -93px no-repeat; } /* Top right corner */
  
  div.pp_default .pp_content .ppt { color: #f8f8f8; }
  div.pp_default .pp_content_container .pp_left { background: url(images/prettyPhoto/default/sprite_y.png) -7px 0 repeat-y; padding-left: 13px; }
  div.pp_default .pp_content_container .pp_right { background: url(images/prettyPhoto/default/sprite_y.png) top right repeat-y; padding-right: 13px; }
  div.pp_default .pp_content { background-color: #fff; } /* Content background */
  div.pp_default .pp_next:hover { background: url(images/prettyPhoto/default/sprite_next.png) center right  no-repeat; cursor: pointer; } /* Next button */
  div.pp_default .pp_previous:hover { background: url(images/prettyPhoto/default/sprite_prev.png) center left no-repeat; cursor: pointer; } /* Previous button */
  div.pp_default .pp_expand { background: url(images/prettyPhoto/default/sprite.png) 0 -29px no-repeat; cursor: pointer; width: 28px; height: 28px; } /* Expand button */
  div.pp_default .pp_expand:hover { background: url(images/prettyPhoto/default/sprite.png) 0 -56px no-repeat; cursor: pointer; } /* Expand button hover */
  div.pp_default .pp_contract { background: url(images/prettyPhoto/default/sprite.png) 0 -84px no-repeat; cursor: pointer; width: 28px; height: 28px; } /* Contract button */
  div.pp_default .pp_contract:hover { background: url(images/prettyPhoto/default/sprite.png) 0 -113px no-repeat; cursor: pointer; } /* Contract button hover */
  div.pp_default .pp_close { width: 30px; height: 30px; background: url(images/prettyPhoto/default/sprite.png) 2px 1px no-repeat; cursor: pointer; } /* Close button */
  div.pp_default #pp_full_res .pp_inline { color: #000; } 
  div.pp_default .pp_gallery ul li a { background: url(images/prettyPhoto/default/default_thumb.png) center center #f8f8f8; border:1px solid #aaa; }
  div.pp_default .pp_gallery ul li a:hover,
  div.pp_default .pp_gallery ul li.selected a { border-color: #fff; }
  div.pp_default .pp_social { margin-top: 7px; }

  div.pp_default .pp_gallery a.pp_arrow_previous,
  div.pp_default .pp_gallery a.pp_arrow_next { position: static; left: auto; }
  div.pp_default .pp_nav .pp_play,
  div.pp_default .pp_nav .pp_pause { background: url(images/prettyPhoto/default/sprite.png) -51px 1px no-repeat; height:30px; width:30px; }
  div.pp_default .pp_nav .pp_pause { background-position: -51px -29px; }
  div.pp_default .pp_details { position: relative; }
  div.pp_default a.pp_arrow_previous,
  div.pp_default a.pp_arrow_next { background: url(images/prettyPhoto/default/sprite.png) -31px -3px no-repeat; height: 20px; margin: 4px 0 0 0; width: 20px; }
  div.pp_default a.pp_arrow_next { left: 52px; background-position: -82px -3px; } /* The next arrow in the bottom nav */
  div.pp_default .pp_content_container .pp_details { margin-top: 5px; }
  div.pp_default .pp_nav { clear: none; height: 30px; width: 110px; position: relative; }
  div.pp_default .pp_nav .currentTextHolder{ font-family: Georgia; font-style: italic; color:#999; font-size: 11px; left: 75px; line-height: 25px; margin: 0; padding: 0 0 0 10px; position: absolute; top: 2px; }
  
  div.pp_default .pp_close:hover, div.pp_default .pp_nav .pp_play:hover, div.pp_default .pp_nav .pp_pause:hover, div.pp_default .pp_arrow_next:hover, div.pp_default .pp_arrow_previous:hover { opacity:0.7; }

  div.pp_default .pp_description{ font-size: 11px; font-weight: bold; line-height: 14px; margin: 5px 50px 5px 0; }

  div.pp_default .pp_bottom .pp_left { background: url(images/prettyPhoto/default/sprite.png) -78px -127px no-repeat; } /* Bottom left corner */
  div.pp_default .pp_bottom .pp_middle { background: url(images/prettyPhoto/default/sprite_x.png) bottom left repeat-x; } /* Bottom pattern/color */
  div.pp_default .pp_bottom .pp_right { background: url(images/prettyPhoto/default/sprite.png) -112px -127px no-repeat; } /* Bottom right corner */

  div.pp_default .pp_loaderIcon { background: url(images/prettyPhoto/default/loader.gif) center center no-repeat; } /* Loader icon */

  
  /* ----------------------------------
    Light Rounded Theme
  ----------------------------------- */


  div.light_rounded .pp_top .pp_left { background: url(images/prettyPhoto/light_rounded/sprite.png) -88px -53px no-repeat; } /* Top left corner */
  div.light_rounded .pp_top .pp_middle { background: #fff; } /* Top pattern/color */
  div.light_rounded .pp_top .pp_right { background: url(images/prettyPhoto/light_rounded/sprite.png) -110px -53px no-repeat; } /* Top right corner */
  
  div.light_rounded .pp_content .ppt { color: #000; }
  div.light_rounded .pp_content_container .pp_left,
  div.light_rounded .pp_content_container .pp_right { background: #fff; }
  div.light_rounded .pp_content { background-color: #fff; } /* Content background */
  div.light_rounded .pp_next:hover { background: url(images/prettyPhoto/light_rounded/btnNext.png) center right  no-repeat; cursor: pointer; } /* Next button */
  div.light_rounded .pp_previous:hover { background: url(images/prettyPhoto/light_rounded/btnPrevious.png) center left no-repeat; cursor: pointer; } /* Previous button */
  div.light_rounded .pp_expand { background: url(images/prettyPhoto/light_rounded/sprite.png) -31px -26px no-repeat; cursor: pointer; } /* Expand button */
  div.light_rounded .pp_expand:hover { background: url(images/prettyPhoto/light_rounded/sprite.png) -31px -47px no-repeat; cursor: pointer; } /* Expand button hover */
  div.light_rounded .pp_contract { background: url(images/prettyPhoto/light_rounded/sprite.png) 0 -26px no-repeat; cursor: pointer; } /* Contract button */
  div.light_rounded .pp_contract:hover { background: url(images/prettyPhoto/light_rounded/sprite.png) 0 -47px no-repeat; cursor: pointer; } /* Contract button hover */
  div.light_rounded .pp_close { width: 75px; height: 22px; background: url(images/prettyPhoto/light_rounded/sprite.png) -1px -1px no-repeat; cursor: pointer; } /* Close button */
  div.light_rounded .pp_details { position: relative; }
  div.light_rounded .pp_description { margin-right: 85px; }
  div.light_rounded #pp_full_res .pp_inline { color: #000; } 
  div.light_rounded .pp_gallery a.pp_arrow_previous,
  div.light_rounded .pp_gallery a.pp_arrow_next { margin-top: 12px !important; }
  div.light_rounded .pp_nav .pp_play { background: url(images/prettyPhoto/light_rounded/sprite.png) -1px -100px no-repeat; height: 15px; width: 14px; }
  div.light_rounded .pp_nav .pp_pause { background: url(images/prettyPhoto/light_rounded/sprite.png) -24px -100px no-repeat; height: 15px; width: 14px; }

  div.light_rounded .pp_arrow_previous { background: url(images/prettyPhoto/light_rounded/sprite.png) 0 -71px no-repeat; } /* The previous arrow in the bottom nav */
    div.light_rounded .pp_arrow_previous.disabled { background-position: 0 -87px; cursor: default; }
  div.light_rounded .pp_arrow_next { background: url(images/prettyPhoto/light_rounded/sprite.png) -22px -71px no-repeat; } /* The next arrow in the bottom nav */
    div.light_rounded .pp_arrow_next.disabled { background-position: -22px -87px; cursor: default; }

  div.light_rounded .pp_bottom .pp_left { background: url(images/prettyPhoto/light_rounded/sprite.png) -88px -80px no-repeat; } /* Bottom left corner */
  div.light_rounded .pp_bottom .pp_middle { background: #fff; } /* Bottom pattern/color */
  div.light_rounded .pp_bottom .pp_right { background: url(images/prettyPhoto/light_rounded/sprite.png) -110px -80px no-repeat; } /* Bottom right corner */

  div.light_rounded .pp_loaderIcon { background: url(images/prettyPhoto/light_rounded/loader.gif) center center no-repeat; } /* Loader icon */
  
  /* ----------------------------------
    Dark Rounded Theme
  ----------------------------------- */
  
  div.dark_rounded .pp_top .pp_left { background: url(images/prettyPhoto/dark_rounded/sprite.png) -88px -53px no-repeat; } /* Top left corner */
  div.dark_rounded .pp_top .pp_middle { background: url(images/prettyPhoto/dark_rounded/contentPattern.png) top left repeat; } /* Top pattern/color */
  div.dark_rounded .pp_top .pp_right { background: url(images/prettyPhoto/dark_rounded/sprite.png) -110px -53px no-repeat; } /* Top right corner */
  
  div.dark_rounded .pp_content_container .pp_left { background: url(images/prettyPhoto/dark_rounded/contentPattern.png) top left repeat-y; } /* Left Content background */
  div.dark_rounded .pp_content_container .pp_right { background: url(images/prettyPhoto/dark_rounded/contentPattern.png) top right repeat-y; } /* Right Content background */
  div.dark_rounded .pp_content { background: url(images/prettyPhoto/dark_rounded/contentPattern.png) top left repeat; } /* Content background */
  div.dark_rounded .pp_next:hover { background: url(images/prettyPhoto/dark_rounded/btnNext.png) center right  no-repeat; cursor: pointer; } /* Next button */
  div.dark_rounded .pp_previous:hover { background: url(images/prettyPhoto/dark_rounded/btnPrevious.png) center left no-repeat; cursor: pointer; } /* Previous button */
  div.dark_rounded .pp_expand { background: url(images/prettyPhoto/dark_rounded/sprite.png) -31px -26px no-repeat; cursor: pointer; } /* Expand button */
  div.dark_rounded .pp_expand:hover { background: url(images/prettyPhoto/dark_rounded/sprite.png) -31px -47px no-repeat; cursor: pointer; } /* Expand button hover */
  div.dark_rounded .pp_contract { background: url(images/prettyPhoto/dark_rounded/sprite.png) 0 -26px no-repeat; cursor: pointer; } /* Contract button */
  div.dark_rounded .pp_contract:hover { background: url(images/prettyPhoto/dark_rounded/sprite.png) 0 -47px no-repeat; cursor: pointer; } /* Contract button hover */
  div.dark_rounded .pp_close { width: 75px; height: 22px; background: url(images/prettyPhoto/dark_rounded/sprite.png) -1px -1px no-repeat; cursor: pointer; } /* Close button */
  div.dark_rounded .pp_details { position: relative; }
  div.dark_rounded .pp_description { margin-right: 85px; }
  div.dark_rounded .currentTextHolder { color: #c4c4c4; }
  div.dark_rounded .pp_description { color: #fff; }
  div.dark_rounded #pp_full_res .pp_inline { color: #fff; }
  div.dark_rounded .pp_gallery a.pp_arrow_previous,
  div.dark_rounded .pp_gallery a.pp_arrow_next { margin-top: 12px !important; }
  div.dark_rounded .pp_nav .pp_play { background: url(images/prettyPhoto/dark_rounded/sprite.png) -1px -100px no-repeat; height: 15px; width: 14px; }
  div.dark_rounded .pp_nav .pp_pause { background: url(images/prettyPhoto/dark_rounded/sprite.png) -24px -100px no-repeat; height: 15px; width: 14px; }

  div.dark_rounded .pp_arrow_previous { background: url(images/prettyPhoto/dark_rounded/sprite.png) 0 -71px no-repeat; } /* The previous arrow in the bottom nav */
    div.dark_rounded .pp_arrow_previous.disabled { background-position: 0 -87px; cursor: default; }
  div.dark_rounded .pp_arrow_next { background: url(images/prettyPhoto/dark_rounded/sprite.png) -22px -71px no-repeat; } /* The next arrow in the bottom nav */
    div.dark_rounded .pp_arrow_next.disabled { background-position: -22px -87px; cursor: default; }

  div.dark_rounded .pp_bottom .pp_left { background: url(images/prettyPhoto/dark_rounded/sprite.png) -88px -80px no-repeat; } /* Bottom left corner */
  div.dark_rounded .pp_bottom .pp_middle { background: url(images/prettyPhoto/dark_rounded/contentPattern.png) top left repeat; } /* Bottom pattern/color */
  div.dark_rounded .pp_bottom .pp_right { background: url(images/prettyPhoto/dark_rounded/sprite.png) -110px -80px no-repeat; } /* Bottom right corner */

  div.dark_rounded .pp_loaderIcon { background: url(images/prettyPhoto/dark_rounded/loader.gif) center center no-repeat; } /* Loader icon */
  
  
  /* ----------------------------------
    Dark Square Theme
  ----------------------------------- */
  
  div.dark_square .pp_left ,
  div.dark_square .pp_middle,
  div.dark_square .pp_right,
  div.dark_square .pp_content { background: #000; }
  
  div.dark_square .currentTextHolder { color: #c4c4c4; }
  div.dark_square .pp_description { color: #fff; }
  div.dark_square .pp_loaderIcon { background: url(images/prettyPhoto/dark_square/loader.gif) center center no-repeat; } /* Loader icon */
  
  div.dark_square .pp_expand { background: url(images/prettyPhoto/dark_square/sprite.png) -31px -26px no-repeat; cursor: pointer; } /* Expand button */
  div.dark_square .pp_expand:hover { background: url(images/prettyPhoto/dark_square/sprite.png) -31px -47px no-repeat; cursor: pointer; } /* Expand button hover */
  div.dark_square .pp_contract { background: url(images/prettyPhoto/dark_square/sprite.png) 0 -26px no-repeat; cursor: pointer; } /* Contract button */
  div.dark_square .pp_contract:hover { background: url(images/prettyPhoto/dark_square/sprite.png) 0 -47px no-repeat; cursor: pointer; } /* Contract button hover */
  div.dark_square .pp_close { width: 75px; height: 22px; background: url(images/prettyPhoto/dark_square/sprite.png) -1px -1px no-repeat; cursor: pointer; } /* Close button */
  div.dark_square .pp_details { position: relative; }
  div.dark_square .pp_description { margin: 0 85px 0 0; }
  div.dark_square #pp_full_res .pp_inline { color: #fff; }
  div.dark_square .pp_gallery a.pp_arrow_previous,
  div.dark_square .pp_gallery a.pp_arrow_next { margin-top: 12px !important; }
  div.dark_square .pp_nav { clear: none; }
  div.dark_square .pp_nav .pp_play { background: url(images/prettyPhoto/dark_square/sprite.png) -1px -100px no-repeat; height: 15px; width: 14px; }
  div.dark_square .pp_nav .pp_pause { background: url(images/prettyPhoto/dark_square/sprite.png) -24px -100px no-repeat; height: 15px; width: 14px; }
  
  div.dark_square .pp_arrow_previous { background: url(images/prettyPhoto/dark_square/sprite.png) 0 -71px no-repeat; } /* The previous arrow in the bottom nav */
    div.dark_square .pp_arrow_previous.disabled { background-position: 0 -87px; cursor: default; }
  div.dark_square .pp_arrow_next { background: url(images/prettyPhoto/dark_square/sprite.png) -22px -71px no-repeat; } /* The next arrow in the bottom nav */
    div.dark_square .pp_arrow_next.disabled { background-position: -22px -87px; cursor: default; }
  
  div.dark_square .pp_next:hover { background: url(images/prettyPhoto/dark_square/btnNext.png) center right  no-repeat; cursor: pointer; } /* Next button */
  div.dark_square .pp_previous:hover { background: url(images/prettyPhoto/dark_square/btnPrevious.png) center left no-repeat; cursor: pointer; } /* Previous button */


  /* ----------------------------------
    Light Square Theme
  ----------------------------------- */
  
  div.light_square .pp_left ,
  div.light_square .pp_middle,
  div.light_square .pp_right,
  div.light_square .pp_content { background: #fff; }
  
  div.light_square .pp_content .ppt { color: #000; }
  div.light_square .pp_expand { background: url(images/prettyPhoto/light_square/sprite.png) -31px -26px no-repeat; cursor: pointer; } /* Expand button */
  div.light_square .pp_expand:hover { background: url(images/prettyPhoto/light_square/sprite.png) -31px -47px no-repeat; cursor: pointer; } /* Expand button hover */
  div.light_square .pp_contract { background: url(images/prettyPhoto/light_square/sprite.png) 0 -26px no-repeat; cursor: pointer; } /* Contract button */
  div.light_square .pp_contract:hover { background: url(images/prettyPhoto/light_square/sprite.png) 0 -47px no-repeat; cursor: pointer; } /* Contract button hover */
  div.light_square .pp_close { width: 75px; height: 22px; background: url(images/prettyPhoto/light_square/sprite.png) -1px -1px no-repeat; cursor: pointer; } /* Close button */
  div.light_square .pp_details { position: relative; }
  div.light_square .pp_description { margin-right: 85px; }
  div.light_square #pp_full_res .pp_inline { color: #000; }
  div.light_square .pp_gallery a.pp_arrow_previous,
  div.light_square .pp_gallery a.pp_arrow_next { margin-top: 12px !important; }
  div.light_square .pp_nav .pp_play { background: url(images/prettyPhoto/light_square/sprite.png) -1px -100px no-repeat; height: 15px; width: 14px; }
  div.light_square .pp_nav .pp_pause { background: url(images/prettyPhoto/light_square/sprite.png) -24px -100px no-repeat; height: 15px; width: 14px; }
  
  div.light_square .pp_arrow_previous { background: url(images/prettyPhoto/light_square/sprite.png) 0 -71px no-repeat; } /* The previous arrow in the bottom nav */
    div.light_square .pp_arrow_previous.disabled { background-position: 0 -87px; cursor: default; }
  div.light_square .pp_arrow_next { background: url(images/prettyPhoto/light_square/sprite.png) -22px -71px no-repeat; } /* The next arrow in the bottom nav */
    div.light_square .pp_arrow_next.disabled { background-position: -22px -87px; cursor: default; }
  
  div.light_square .pp_next:hover { background: url(images/prettyPhoto/light_square/btnNext.png) center right  no-repeat; cursor: pointer; } /* Next button */
  div.light_square .pp_previous:hover { background: url(images/prettyPhoto/light_square/btnPrevious.png) center left no-repeat; cursor: pointer; } /* Previous button */
  
  div.light_square .pp_loaderIcon { background: url(images/prettyPhoto/light_rounded/loader.gif) center center no-repeat; } /* Loader icon */


  /* ----------------------------------
    Facebook style Theme
  ----------------------------------- */
  
  div.facebook .pp_top .pp_left { background: url(images/prettyPhoto/facebook/sprite.png) -88px -53px no-repeat; } /* Top left corner */
  div.facebook .pp_top .pp_middle { background: url(images/prettyPhoto/facebook/contentPatternTop.png) top left repeat-x; } /* Top pattern/color */
  div.facebook .pp_top .pp_right { background: url(images/prettyPhoto/facebook/sprite.png) -110px -53px no-repeat; } /* Top right corner */
  
  div.facebook .pp_content .ppt { color: #000; }
  div.facebook .pp_content_container .pp_left { background: url(images/prettyPhoto/facebook/contentPatternLeft.png) top left repeat-y; } /* Content background */
  div.facebook .pp_content_container .pp_right { background: url(images/prettyPhoto/facebook/contentPatternRight.png) top right repeat-y; } /* Content background */
  div.facebook .pp_content { background: #fff; } /* Content background */
  div.facebook .pp_expand { background: url(images/prettyPhoto/facebook/sprite.png) -31px -26px no-repeat; cursor: pointer; } /* Expand button */
  div.facebook .pp_expand:hover { background: url(images/prettyPhoto/facebook/sprite.png) -31px -47px no-repeat; cursor: pointer; } /* Expand button hover */
  div.facebook .pp_contract { background: url(images/prettyPhoto/facebook/sprite.png) 0 -26px no-repeat; cursor: pointer; } /* Contract button */
  div.facebook .pp_contract:hover { background: url(images/prettyPhoto/facebook/sprite.png) 0 -47px no-repeat; cursor: pointer; } /* Contract button hover */
  div.facebook .pp_close { width: 22px; height: 22px; background: url(images/prettyPhoto/facebook/sprite.png) -1px -1px no-repeat; cursor: pointer; } /* Close button */
  div.facebook .pp_details { position: relative; }
  div.facebook .pp_description { margin: 0 37px 0 0; }
  div.facebook #pp_full_res .pp_inline { color: #000; } 
  div.facebook .pp_loaderIcon { background: url(images/prettyPhoto/facebook/loader.gif) center center no-repeat; } /* Loader icon */
  
  div.facebook .pp_arrow_previous { background: url(images/prettyPhoto/facebook/sprite.png) 0 -71px no-repeat; height: 22px; margin-top: 0; width: 22px; } /* The previous arrow in the bottom nav */
    div.facebook .pp_arrow_previous.disabled { background-position: 0 -96px; cursor: default; }
  div.facebook .pp_arrow_next { background: url(images/prettyPhoto/facebook/sprite.png) -32px -71px no-repeat; height: 22px; margin-top: 0; width: 22px; } /* The next arrow in the bottom nav */
    div.facebook .pp_arrow_next.disabled { background-position: -32px -96px; cursor: default; }
  div.facebook .pp_nav { margin-top: 0; }
  div.facebook .pp_nav p { font-size: 15px; padding: 0 3px 0 4px; }
  div.facebook .pp_nav .pp_play { background: url(images/prettyPhoto/facebook/sprite.png) -1px -123px no-repeat; height: 22px; width: 22px; }
  div.facebook .pp_nav .pp_pause { background: url(images/prettyPhoto/facebook/sprite.png) -32px -123px no-repeat; height: 22px; width: 22px; }
  
  div.facebook .pp_next:hover { background: url(images/prettyPhoto/facebook/btnNext.png) center right no-repeat; cursor: pointer; } /* Next button */
  div.facebook .pp_previous:hover { background: url(images/prettyPhoto/facebook/btnPrevious.png) center left no-repeat; cursor: pointer; } /* Previous button */
  
  div.facebook .pp_bottom .pp_left { background: url(images/prettyPhoto/facebook/sprite.png) -88px -80px no-repeat; } /* Bottom left corner */
  div.facebook .pp_bottom .pp_middle { background: url(images/prettyPhoto/facebook/contentPatternBottom.png) top left repeat-x; } /* Bottom pattern/color */
  div.facebook .pp_bottom .pp_right { background: url(images/prettyPhoto/facebook/sprite.png) -110px -80px no-repeat; } /* Bottom right corner */


/* ------------------------------------------------------------------------
  DO NOT CHANGE
------------------------------------------------------------------------- */

  div.pp_pic_holder a:focus { outline:none; }

  div.pp_overlay {
    background: #000;
    display: none;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 9500;
  }
  
  div.pp_pic_holder {
    display: none;
    position: absolute;
    width: 100px;
    z-index: 10000;
  }

    
    .pp_top {
      height: 20px;
      position: relative;
    }
      * html .pp_top { padding: 0 20px; }
    
      .pp_top .pp_left {
        height: 20px;
        position: absolute;
        width: 20px;
      }
      .pp_top .pp_middle {
        height: 20px;
        left: 20px;
        position: absolute;
        right: 20px;
      }
        * html .pp_top .pp_middle {
          left: 0;
          position: static;
        }
      
      .pp_top .pp_right {
        height: 20px;
        left: auto;
        position: absolute;
        right: 0;
        top: 0;
        width: 20px;
      }
    
    .pp_content { height: 40px; min-width: 40px; }
    * html .pp_content { width: 40px; }
    
    .pp_fade { display: none; }
    
    .pp_content_container {
      position: relative;
      text-align: left;
      width: 100%;
    }
    
      .pp_content_container .pp_left { padding-left: 20px; }
      .pp_content_container .pp_right { padding-right: 20px; }
    
      .pp_content_container .pp_details {
        float: left;
        margin: 10px 0 2px 0;
      }
        .pp_description {
          display: none;
          margin: 0;
        }
        
        .pp_social { float: left; margin: 0; }
        .pp_social .facebook { float: left; margin-left: 5px; width: 55px; overflow: hidden; }
        .pp_social .twitter { float: left; }
        
        .pp_nav {
          clear: right;
          float: left;
          margin: 3px 10px 0 0;
        }
        
          .pp_nav p {
            float: left;
            margin: 2px 4px;
            white-space: nowrap;
          }
          
          .pp_nav .pp_play,
          .pp_nav .pp_pause {
            float: left;
            margin-right: 4px;
            text-indent: -10000px;
          }
        
          a.pp_arrow_previous,
          a.pp_arrow_next {
            display: block;
            float: left;
            height: 15px;
            margin-top: 3px;
            overflow: hidden;
            text-indent: -10000px;
            width: 14px;
          }
    
    .pp_hoverContainer {
      position: absolute;
      top: 0;
      width: 100%;
      z-index: 2000;
    }
    
    .pp_gallery {
      display: none;
      left: 50%;
      margin-top: -50px;
      position: absolute;
      z-index: 10000;
    }
    
      .pp_gallery div {
        float: left;
        overflow: hidden;
        position: relative;
      }
      
      .pp_gallery ul {
        float: left;
        height: 35px;
        margin: 0 0 0 5px;
        padding: 0;
        position: relative;
        white-space: nowrap;
      }
      
      .pp_gallery ul a {
        border: 1px #000 solid;
        border: 1px rgba(0,0,0,0.5) solid;
        display: block;
        float: left;
        height: 33px;
        overflow: hidden;
      }
      
      .pp_gallery ul a:hover,
      .pp_gallery li.selected a { border-color: #fff; }
      
      .pp_gallery ul a img { border: 0; }
      
      .pp_gallery li {
        display: block;
        float: left;
        margin: 0 5px 0 0;
        padding: 0;
      }
      
      .pp_gallery li.default a {
        background: url(images/prettyPhoto/facebook/default_thumbnail.gif) 0 0 no-repeat;
        display: block;
        height: 33px;
        width: 50px;
      }
      
      .pp_gallery li.default a img { display: none; }
      
      .pp_gallery .pp_arrow_previous,
      .pp_gallery .pp_arrow_next {
        margin-top: 7px !important;
      }
    
    a.pp_next {
      background: url(images/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat;
      display: block;
      float: right;
      height: 100%;
      text-indent: -10000px;
      width: 49%;
    }
      
    a.pp_previous {
      background: url(images/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat;
      display: block;
      float: left;
      height: 100%;
      text-indent: -10000px;
      width: 49%;
    }
    
    a.pp_expand,
    a.pp_contract {
      cursor: pointer;
      display: none;
      height: 20px; 
      position: absolute;
      right: 30px;
      text-indent: -10000px;
      top: 10px;
      width: 20px;
      z-index: 20000;
    }
      
    a.pp_close {
      position: absolute;
      right: -7px;
      top: 3px; 
      display: block;
      line-height: 2px;
      text-indent: -10000px;
    }
    
    .pp_bottom {
      height: 20px;
      position: relative;
    }
      * html .pp_bottom { padding: 0 20px; }
      
      .pp_bottom .pp_left {
        height: 20px;
        left: 0;
        position: absolute;
        width: 20px;
      }
      .pp_bottom .pp_middle {
        height: 20px;
        left: 20px;
        position: absolute;
        right: 20px;
      }
        * html .pp_bottom .pp_middle {
          left: 0;
          position: static;
        }
        
      .pp_bottom .pp_right {
        height: 20px;
        left: auto;
        position: absolute;
        right: 0;
        top: 0;
        width: 20px;
      }
    
    .pp_loaderIcon {
      display: block;
      height: 24px;
      left: 50%;
      margin: -12px 0 0 -12px;
      position: absolute;
      top: 50%;
      width: 24px;
    }
    
    #pp_full_res {
      line-height: 1 !important;
    }
    
      #pp_full_res .pp_inline {
        text-align: left;
      }
      
        #pp_full_res .pp_inline p { margin: 0 0 15px 0; }
  
    div.ppt {
      color: #fff;
      display: none;
      font-size: 17px;
      margin: 0 0 5px 15px;
      z-index: 9999;
    }


.jspContainer
{
  overflow: hidden;
  position: relative;
}

.jspPane
{
  position: absolute;
}

.jspVerticalBar
{
  position: absolute;
  top: 10px;
  right: 0;
  width: 4px;
  height: 100%;
  background: red;
}

.jspHorizontalBar
{
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 8px;
  background: red;
}

.jspVerticalBar *,
.jspHorizontalBar *
{
  margin: 0;
  padding: 0;
}

.jspCap
{
  display: none;
}

.jspHorizontalBar .jspCap
{
  float: left;
}

.jspTrack
{
  position: relative;
}

.jspDrag
{
  position: relative;
  top: 0;
  left: 0;
  cursor: pointer;
}

.jspHorizontalBar .jspTrack,
.jspHorizontalBar .jspDrag
{
  float: left;
  height: 100%;
}

.jspArrow
{
  background: #767676;
  text-indent: -20000px;
  display: block;
  cursor: pointer;
}

.jspArrow.jspDisabled
{
  cursor: default;
  background: #80808d;
}

.jspVerticalBar .jspArrow
{
  height: 16px;
}

.jspHorizontalBar .jspArrow
{
  width: 16px;
  float: left;
  height: 100%;
}

.jspVerticalBar .jspArrow:focus
{
  outline: none;
}

.jspCorner
{
  background: #eeeef4;
  float: left;
  height: 100%;
}

/* Yuk! CSS Hack for IE6 3 pixel bug :( */
* html .jspCorner
{
  margin: 0 -3px 0 0;
}


/*** ESSENTIAL STYLES FOR MULTILEVEL MENU ***/
.sf-menu, .sf-menu * {
  margin:     0;
  padding:    0;
  list-style:   none;
}
.sf-menu ul {
  position:   absolute;
  top:      -999em;
  width:      10em; 
}
.sf-menu ul li {
  width:      100%;
}
.sf-menu li:hover {
  visibility:   inherit; /* fixes IE7 'sticky bug' */
}
.sf-menu li {
  float:      left;
  position:   relative;
}
.sf-menu a {
  display:    block;
  position:   relative;
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
  left:     0;
  z-index:    99;
}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
  top:      -999em;
}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
  left:     111px;  /* 3RD LEVEL HORIZONTAL POSITION */
  top:      0;
}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
  top:      -999em;
}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
  left:     110px; /* match ul width */
  top:      0;
}


/*** adding sf-vertical in addition to sf-menu creates a vertical menu ***/
.sf-vertical, .sf-vertical li {
  width:      110px;
}
/* this lacks ul at the start of the selector, so the styles from the main CSS file override it where needed */
.sf-vertical li:hover ul,
.sf-vertical li.sfHover ul {
  left:     141px; /* 2ND LEVEL HORIZONTAL POSITION */
  top:      0;
}

.tweet, .query { }

.tweet .tweet_list, .query .tweet_list {
    -webkit-border-radius: .5em;
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow-y: hidden;
}


.tweet .tweet_list .awesome, .tweet .tweet_list .epic, .query .tweet_list .awesome, .query .tweet_list .epic {
    text-transform: uppercase; }

.tweet .tweet_list li, .query .tweet_list li {
    overflow-y: auto;
    overflow-x: hidden;
    padding: 0;
}

.tweet_text {
    color: #fff;
}

.tweet a, .query a {
    color: #999;
    text-decoration: underline;
}

.tweet .tweet_list .tweet_avatar, .query .tweet_list .tweet_avatar {
    padding: 4px 7px 0px 0px;
    float: left;
}

.tweet .tweet_list .tweet_avatar img, .query .tweet_list .tweet_avatar img {
    vertical-align: middle;
}


.vegas-loading {
  /* Loading Gif by http://preloaders.net/ */
  -moz-border-radius:20px; -webkit-border-radius:20px; border-radius:20px;
  background:#000 url(images/vegas/preload.gif) no-repeat center center;
  background:rgba(0, 0, 0, 0.7) url(images/vegas/preload.gif) no-repeat center center;
  height:32px;
  left:-30px;
  position:relative;
  float:right;
  top:30px;
  width:32px; 
  z-index:0;
}

.vegas-overlay {
  background:transparent url(images/overlays/02.png);
  opacity:0.5;
  z-index:-1;
}

.vegas-background {
  image-rendering: optimizeQuality;
  -ms-interpolation-mode: bicubic;
  z-index:-2;
}

/*
VideoJS Default Styles (http://videojs.com)
Version 3.2.0
*/

/*
REQUIRED STYLES (be careful overriding)
================================================================================ */
/* When loading the player, the video tag is replaced with a DIV,
   that will hold the video tag or object tag for other playback methods.
   The div contains the video playback element (Flash or HTML5) and controls, and sets the width and height of the video.

   ** If you want to add some kind of border/padding (e.g. a frame), or special positioning, use another containing element.
   Otherwise you risk messing up control positioning and full window mode. **
*/
.video-js {
  background-color: #000; position: relative; padding: 0;

  /* Start with 10px for base font size so other dimensions can be em based and easily calculable. */
  font-size: 10px;

  /* Allow poster to be vertially aligned. */
  vertical-align: middle;
  /*  display: table-cell; */ /*This works in Safari but not Firefox.*/
}

/* Playback technology elements expand to the width/height of the containing div. <video> or <object> */
.video-js .vjs-tech { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

/* Fix for Firefox 9 fullscreen (only if it is enabled). Not needed when checking fullScreenEnabled. */
.video-js:-moz-full-screen { position: absolute; }

/* Fullscreen Styles */
body.vjs-full-window {
  padding: 0; margin: 0;
  height: 100%; overflow-y: auto; /* Fix for IE6 full-window. http://www.cssplay.co.uk/layouts/fixed.html */
}
.video-js.vjs-fullscreen {
  position: fixed; overflow: hidden; z-index: 1000; left: 0; top: 0; bottom: 0; right: 0; width: 100% !important; height: 100% !important; 
  _position: absolute; /* IE6 Full-window (underscore hack) */
}
.video-js:-webkit-full-screen {
  width: 100% !important; height: 100% !important;
}

/* Poster Styles */
.vjs-poster {
  margin: 0 auto; padding: 0; cursor: pointer;

  /* Scale with the size of the player div. Works when poster is vertically shorter, but stretches when it's less wide. */
  position: relative; width: 100%; max-height: 100%;
}

/* Text Track Styles */
/* Overall track holder for both captions and subtitles */
.video-js .vjs-text-track-display { text-align: center; position: absolute; bottom: 4em; left: 1em; right: 1em; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; }
/* Individual tracks */
.video-js .vjs-text-track {
  display: none; color: #fff; font-size: 1.4em; text-align: center; margin-bottom: 0.1em;
  /* Transparent black background, or fallback to all black (IE6) */
  background: rgb(0, 0, 0); background: rgba(0, 0, 0, 0.50);
}
.video-js .vjs-subtitles { color: #fff; }
.video-js .vjs-captions { color: #fc6; }
.vjs-tt-cue { display: block; }

/* Fading sytles, used to fade control bar. */
.vjs-fade-in {
  visibility: visible !important; /* Needed to make sure things hide in older browsers too. */
  opacity: 1 !important;

  -webkit-transition: visibility 0s linear 0s, opacity 0.3s linear;
  -moz-transition: visibility 0s linear 0s, opacity 0.3s linear;
  -ms-transition: visibility 0s linear 0s, opacity 0.3s linear;
  -o-transition: visibility 0s linear 0s, opacity 0.3s linear;
  transition: visibility 0s linear 0s, opacity 0.3s linear;
}
.vjs-fade-out {
  visibility: hidden !important;
  opacity: 0 !important;

  -webkit-transition: visibility 0s linear 1.5s,opacity 1.5s linear;
  -moz-transition: visibility 0s linear 1.5s,opacity 1.5s linear;
  -ms-transition: visibility 0s linear 1.5s,opacity 1.5s linear;
  -o-transition: visibility 0s linear 1.5s,opacity 1.5s linear;
  transition: visibility 0s linear 1.5s,opacity 1.5s linear;
}

/* DEFAULT SKIN (override in another file to create new skins)
================================================================================
Instead of editing this file, I recommend creating your own skin CSS file to be included after this file,
so you can upgrade to newer versions easier. You can remove all these styles by removing the 'vjs-default-skin' class from the tag. */

/* The default control bar. Created by bar.js */
.vjs-default-skin .vjs-controls {
  position: absolute;
  bottom: 0; /* Distance from the bottom of the box/video. Keep 0. Use height to add more bottom margin. */
  left: 0; right: 0; /* 100% width of div */
  margin: 0; padding: 0; /* Controls are absolutely position, so no padding necessary */
  height: 2.6em; /* Including any margin you want above or below control items */
  color: #fff; border-top: 1px solid #404040;

  /* CSS Gradient */
  /* Can use the Ultimate CSS Gradient Generator: http://www.colorzilla.com/gradient-editor/ */
  background: #242424; /* Old browsers */
  background: -moz-linear-gradient(top, #242424 50%, #1f1f1f 50%, #171717 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(50%,#242424), color-stop(50%,#1f1f1f), color-stop(100%,#171717)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #242424 50%,#1f1f1f 50%,#171717 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #242424 50%,#1f1f1f 50%,#171717 100%); /* Opera11.10+ */
  background: -ms-linear-gradient(top, #242424 50%,#1f1f1f 50%,#171717 100%); /* IE10+ */
  /* Filter was causing a lot of weird issues in IE. Elements would stop showing up, or other styles would break. */
  /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#242424', endColorstr='#171717',GradientType=0 );*/ /* IE6-9 */
  background: linear-gradient(top, #242424 50%,#1f1f1f 50%,#171717 100%); /* W3C */

  /* Start hidden and with 0 opacity. Opacity is used to fade in modern browsers. */
  /* Can't use display block to hide initially because widths of slider handles aren't calculated and avaialbe for positioning correctly. */
  visibility: hidden;
  opacity: 0;
}

/* General styles for individual controls. */
.vjs-default-skin .vjs-control {
  position: relative; float: left;
  text-align: center; margin: 0; padding: 0;
  height: 2.6em; width: 2.6em;
}

.vjs-default-skin .vjs-control:focus {
  outline: 0;
/*  background-color: #555;*/
}

/* Hide control text visually, but have it available for screenreaders: h5bp.com/v */
.vjs-default-skin .vjs-control-text { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }


/* Play/Pause
-------------------------------------------------------------------------------- */
.vjs-default-skin .vjs-play-control { width: 5em; cursor: pointer !important; }
/* Play Icon */
.vjs-default-skin.vjs-paused .vjs-play-control div { width: 15px; height: 17px; background: url('images/video-js.png'); margin: 0.5em auto 0; }
.vjs-default-skin.vjs-playing .vjs-play-control div { width: 15px; height: 17px; background: url('images/video-js.png') -25px 0; margin: 0.5em auto 0; }

/* Rewind
-------------------------------------------------------------------------------- */
.vjs-default-skin .vjs-rewind-control { width: 5em; cursor: pointer !important; }
.vjs-default-skin .vjs-rewind-control div { width: 19px; height: 16px; background: url('images/video-js.png'); margin: 0.5em auto 0; }

/* Volume/Mute
-------------------------------------------------------------------------------- */
.vjs-default-skin .vjs-mute-control { width: 3.8em; cursor: pointer !important; float: right; }
.vjs-default-skin .vjs-mute-control div { width: 22px; height: 16px; background: url('images/video-js.png') -75px -25px; margin: 0.5em auto 0; }
.vjs-default-skin .vjs-mute-control.vjs-vol-0 div { background: url('images/video-js.png') 0 -25px; }
.vjs-default-skin .vjs-mute-control.vjs-vol-1 div { background: url('images/video-js.png') -25px -25px; }
.vjs-default-skin .vjs-mute-control.vjs-vol-2 div { background: url('images/video-js.png') -50px -25px; }


.vjs-default-skin .vjs-volume-control { width: 5em; float: right; }
.vjs-default-skin .vjs-volume-bar {
  position: relative; width: 5em; height: 0.6em; margin: 1em auto 0; cursor: pointer !important;

  -moz-border-radius: 0.3em; -webkit-border-radius: 0.3em; border-radius: 0.3em;

  background: #666;
  background: -moz-linear-gradient(top, #333, #666);
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#333), to(#666));
  background: -webkit-linear-gradient(top, #333, #666);
  background: -o-linear-gradient(top, #333, #666);
  background: -ms-linear-gradient(top, #333, #666);
  background: linear-gradient(top, #333, #666);
}
.vjs-default-skin .vjs-volume-level {
  position: absolute; top: 0; left: 0; height: 0.6em;

  -moz-border-radius: 0.3em; -webkit-border-radius: 0.3em; border-radius: 0.3em;

  background: #fff;
  background: -moz-linear-gradient(top, #fff, #ccc);
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#ccc));
  background: -webkit-linear-gradient(top, #fff, #ccc);
  background: -o-linear-gradient(top, #fff, #ccc);
  background: -ms-linear-gradient(top, #fff, #ccc);
  background: linear-gradient(top, #fff, #ccc);
}
.vjs-default-skin .vjs-volume-handle {
  position: absolute; top: -0.2em; width: 0.8em; height: 0.8em; background: #ccc; left: 0;
  border: 1px solid #fff;
  -moz-border-radius: 0.6em; -webkit-border-radius: 0.6em; border-radius: 0.6em;
}

/* Progress
-------------------------------------------------------------------------------- */
.vjs-default-skin div.vjs-progress-control {
  position: absolute;
  left: 4.8em; right: 4.8em; /* Leave room for time displays. */
  height: 1.0em; width: auto;
  top: -1.3em; /* Set above the rest of the controls. And leave room for 2px of borders (progress bottom and controls top). */
  border-bottom: 1px solid #1F1F1F;
  border-top: 1px solid #222;

  /* CSS Gradient */
  background: #333;
  background: -moz-linear-gradient(top, #222, #333);
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#222), to(#333));
  background: -webkit-linear-gradient(top, #222, #333);
  background: -o-linear-gradient(top, #333, #222);
  background: -ms-linear-gradient(top, #333, #222);
  background: linear-gradient(top, #333, #222);


  /* 1px top shadow */
/*  -webkit-box-shadow: 0px -1px 0px 0px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0px -1px 0px 0px rgba(0, 0, 0, 0.15); box-shadow: 0px -1px 0px 0px rgba(0, 0, 0, 0.15);*/
}

/* Box containing play and load progresses. Also acts as seek scrubber. */
.vjs-default-skin .vjs-progress-holder {
  position: relative; cursor: pointer !important; /*overflow: hidden;*/
  padding: 0; margin: 0; /* Placement within the progress control item */
  height: 1.0em;
  -moz-border-radius: 0.6em; -webkit-border-radius: 0.6em; border-radius: 0.6em;

  /* CSS Gradient */
  background: #111;
  background: -moz-linear-gradient(top, #111, #262626);
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#111), to(#262626));
  background: -webkit-linear-gradient(top, #111, #262626);
  background: -o-linear-gradient(top, #111, #262626);
  background: -ms-linear-gradient(top, #111, #262626);
  background: linear-gradient(top, #111, #262626);
}
.vjs-default-skin .vjs-progress-holder .vjs-play-progress,
.vjs-default-skin .vjs-progress-holder .vjs-load-progress { /* Progress Bars */
  position: absolute; display: block; height: 1.0em; margin: 0; padding: 0;
  left: 0; top: 0; /*Needed for IE6*/
  -moz-border-radius: 0.6em; -webkit-border-radius: 0.6em; border-radius: 0.6em;

  /*width: 0;*/
}

.vjs-default-skin .vjs-play-progress {
  /* CSS Gradient. */
  background: #fff; /* Old browsers */
  background: -moz-linear-gradient(top, #fff 0%, #d6d6d6 50%, #fff 100%);
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(0%,#fff), color-stop(50%,#d6d6d6), color-stop(100%,#fff));
  background: -webkit-linear-gradient(top, #fff 0%,#d6d6d6 50%,#fff 100%);
  background: -o-linear-gradient(top, #fff 0%,#d6d6d6 50%,#fff 100%);
  background: -ms-linear-gradient(top, #fff 0%,#d6d6d6 50%,#fff 100%);
  background: linear-gradient(top, #fff 0%,#d6d6d6 50%,#fff 100%);

  background: #efefef;
  background: -moz-linear-gradient(top, #efefef 0%, #f5f5f5 50%, #dbdbdb 50%, #f1f1f1 100%);
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(0%,#efefef), color-stop(50%,#f5f5f5), color-stop(50%,#dbdbdb), color-stop(100%,#f1f1f1));
  background: -webkit-linear-gradient(top, #efefef 0%,#f5f5f5 50%,#dbdbdb 50%,#f1f1f1 100%);
  background: -o-linear-gradient(top, #efefef 0%,#f5f5f5 50%,#dbdbdb 50%,#f1f1f1 100%);
  background: -ms-linear-gradient(top, #efefef 0%,#f5f5f5 50%,#dbdbdb 50%,#f1f1f1 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#efefef', endColorstr='#f1f1f1',GradientType=0 );
  background: linear-gradient(top, #efefef 0%,#f5f5f5 50%,#dbdbdb 50%,#f1f1f1 100%);
}
.vjs-default-skin .vjs-load-progress {
  opacity: 0.8;

  /* CSS Gradient */
  background: #666;
  background: -moz-linear-gradient(top, #666, #333);
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#666), to(#333));
  background: -webkit-linear-gradient(top, #666, #333);
  background: -o-linear-gradient(top, #666, #333);
  background: -ms-linear-gradient(top, #666, #333);
  background: linear-gradient(top, #666, #333);
}

.vjs-default-skin div.vjs-seek-handle {
  position: absolute;
  width: 16px; height: 16px; /* Match img pixles */
  margin-top: -0.3em;
  left: 0; top: 0; /*Needed for IE6*/

  background: url('images/video-js.png') 0 -50px;
  /* CSS Curved Corners. Needed to make shadows curved. */
  -moz-border-radius: 0.8em; -webkit-border-radius: 0.8em; border-radius: 0.8em;
  /* CSS Shadows */
  -webkit-box-shadow: 0 2px 4px 0 #000; -moz-box-shadow: 0 2px 4px 0 #000; box-shadow: 0 2px 4px 0 #000;
}
/* Time Display
-------------------------------------------------------------------------------- */
.vjs-default-skin .vjs-time-controls {
  position: absolute;
  right: 0;
  height: 1.0em; width: 4.8em;
  top: -1.3em;
  border-bottom: 1px solid #1F1F1F;
  border-top: 1px solid #222;
  background-color: #333;

  font-size: 1em; line-height: 1.0em; font-weight: normal; font-family: Helvetica, Arial, sans-serif;

  background: #333;
  background: -moz-linear-gradient(top, #222, #333);
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#222), to(#333));
  background: -webkit-linear-gradient(top, #222, #333);
  background: -o-linear-gradient(top, #333, #222);
  background: -ms-linear-gradient(top, #333, #222);
  background: linear-gradient(top, #333, #222);

  /* 1px top shadow */
/*  -webkit-box-shadow: 0px -1px 0px 0px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0px -1px 0px 0px rgba(0, 0, 0, 0.15); box-shadow: 0px -1px 0px 0px rgba(0, 0, 0, 0.15);*/
}

.vjs-default-skin .vjs-current-time { left: 0; }

.vjs-default-skin .vjs-duration { right: 0; display: none; }
.vjs-default-skin .vjs-remaining-time { right: 0; }

.vjs-time-divider { display:none; }

.vjs-default-skin .vjs-time-control { font-size: 1em; line-height: 1; font-weight: normal; font-family: Helvetica, Arial, sans-serif; }
.vjs-default-skin .vjs-time-control span { line-height: 25px; /* Centering vertically */ }

/* Fullscreen
-------------------------------------------------------------------------------- */
.vjs-secondary-controls { float: right; }

.vjs-default-skin .vjs-fullscreen-control { width: 3.8em; cursor: pointer !important; float: right; }
.vjs-default-skin .vjs-fullscreen-control div { width: 16px; height: 16px; background: url('images/video-js.png') -50px 0; margin: 0.5em auto 0; }

.vjs-default-skin.vjs-fullscreen .vjs-fullscreen-control div { background: url('images/video-js.png') -75px 0; }


/* Big Play Button (at start)
---------------------------------------------------------*/
.vjs-default-skin .vjs-big-play-button {
  display: block; /* Start hidden */ z-index: 2;
  position: absolute; top: 50%; left: 50%; width: 55px; height: 55px; margin: -25px 0 0 -25px; text-align: center; vertical-align: center; cursor: pointer !important;
  border: 1px solid #444;
  opacity: 0.8;
  -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;

  background: #454545;
  background: -moz-linear-gradient(top, #454545 0%, #232323 50%, #161616 50%, #3f3f3f 100%);
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(0%,#454545), color-stop(50%,#232323), color-stop(50%,#161616), color-stop(100%,#3f3f3f));
  background: -webkit-linear-gradient(top, #454545 0%,#232323 50%,#161616 50%,#3f3f3f 100%);
  background: -o-linear-gradient(top, #454545 0%,#232323 50%,#161616 50%,#3f3f3f 100%);
  background: -ms-linear-gradient(top, #454545 0%,#232323 50%,#161616 50%,#3f3f3f 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#454545', endColorstr='#3f3f3f',GradientType=0 );
  background: linear-gradient(top, #454545 0%,#232323 50%,#161616 50%,#3f3f3f 100%);

  /* CSS Shadows */
  -webkit-box-shadow: 4px 4px 8px #000; -moz-box-shadow: 4px 4px 8px #000; box-shadow: 4px 4px 8px #000;
}

.vjs-default-skin div.vjs-big-play-button:hover {
  -webkit-box-shadow: 0 0 5px #fff; -moz-box-shadow: 0 0 5px #fff; box-shadow: 0 0 5px #fff;
}

.vjs-default-skin div.vjs-big-play-button span {
  position: absolute; top: 50%; left: 50%;
  display: block; width: 35px; height: 42px;
  margin: -20px 0 0 -15px; /* Using negative margin to center image. */
  background: url('images/video-js.png') -101px 0;
}

/* Loading Spinner
---------------------------------------------------------*/
/* CSS Spinners by Kilian Valkhof - http://kilianvalkhof.com/2010/css-xhtml/css3-loading-spinners-without-images/ */
.vjs-loading-spinner {
  display: none;
  position: absolute; top: 50%; left: 50%; width: 55px; height: 55px;
  margin: -28px 0 0 -28px;
  -webkit-animation-name: rotatethis;
  -webkit-animation-duration:1s;
  -webkit-animation-iteration-count:infinite;
  -webkit-animation-timing-function:linear;
  -moz-animation-name: rotatethis;
  -moz-animation-duration:1s;
  -moz-animation-iteration-count:infinite;
  -moz-animation-timing-function:linear;
}

@-webkit-keyframes rotatethis {
  0% {-webkit-transform:scale(0.6) rotate(0deg); }
  12.5% {-webkit-transform:scale(0.6) rotate(0deg); }
  12.51% {-webkit-transform:scale(0.6) rotate(45deg); }
  25% {-webkit-transform:scale(0.6) rotate(45deg); }
  25.01% {-webkit-transform:scale(0.6) rotate(90deg);}
  37.5% {-webkit-transform:scale(0.6) rotate(90deg);}
  37.51% {-webkit-transform:scale(0.6) rotate(135deg);}
  50% {-webkit-transform:scale(0.6) rotate(135deg);}
  50.01% {-webkit-transform:scale(0.6) rotate(180deg);}
  62.5% {-webkit-transform:scale(0.6) rotate(180deg);}
  62.51% {-webkit-transform:scale(0.6) rotate(225deg);}
  75% {-webkit-transform:scale(0.6) rotate(225deg);}
  75.01% {-webkit-transform:scale(0.6) rotate(270deg);}
  87.5% {-webkit-transform:scale(0.6) rotate(270deg);}
  87.51% {-webkit-transform:scale(0.6) rotate(315deg);}
  100% {-webkit-transform:scale(0.6) rotate(315deg);}
}

@-moz-keyframes rotatethis {
  0% {-moz-transform:scale(0.6) rotate(0deg);}
  12.5% {-moz-transform:scale(0.6) rotate(0deg);}
  12.51% {-moz-transform:scale(0.6) rotate(45deg);}
  25% {-moz-transform:scale(0.6) rotate(45deg);}
  25.01% {-moz-transform:scale(0.6) rotate(90deg);}
  37.5% {-moz-transform:scale(0.6) rotate(90deg);}
  37.51% {-moz-transform:scale(0.6) rotate(135deg);}
  50% {-moz-transform:scale(0.6) rotate(135deg);}
  50.01% {-moz-transform:scale(0.6) rotate(180deg);}
  62.5% {-moz-transform:scale(0.6) rotate(180deg);}
  62.51% {-moz-transform:scale(0.6) rotate(225deg);}
  75% {-moz-transform:scale(0.6) rotate(225deg);}
  75.01% {-moz-transform:scale(0.6) rotate(270deg);}
  87.5% {-moz-transform:scale(0.6) rotate(270deg);}
  87.51% {-moz-transform:scale(0.6) rotate(315deg);}
  100% {-moz-transform:scale(0.6) rotate(315deg);}
}
/* Each circle */
div.vjs-loading-spinner .ball1 { opacity: 0.12; position:absolute; left: 20px; top: 0px; width: 13px; height: 13px; background: #fff;
  border-radius: 13px; -webkit-border-radius: 13px; -moz-border-radius: 13px; border: 1px solid #ccc; }

div.vjs-loading-spinner .ball2 { opacity: 0.25; position:absolute; left: 34px; top: 6px; width: 13px; height: 13px; background: #fff;
  border-radius: 13px; -webkit-border-radius: 13px; -moz-border-radius: 13px; border: 1px solid #ccc; }

div.vjs-loading-spinner .ball3 { opacity: 0.37; position:absolute; left: 40px; top: 20px; width: 13px; height: 13px; background: #fff;
  border-radius: 13px; -webkit-border-radius: 13px; -moz-border-radius: 13px; border: 1px solid #ccc; }

div.vjs-loading-spinner .ball4 { opacity: 0.50; position:absolute; left: 34px; top: 34px; width: 13px; height: 13px; background: #fff;
  border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 15px; border: 1px solid #ccc; }

div.vjs-loading-spinner .ball5 { opacity: 0.62; position:absolute; left: 20px; top: 40px; width: 13px; height: 13px; background: #fff;
  border-radius: 13px; -webkit-border-radius: 13px; -moz-border-radius: 13px; border: 1px solid #ccc; }

div.vjs-loading-spinner .ball6 { opacity: 0.75; position:absolute; left: 6px; top: 34px; width: 13px; height: 13px; background: #fff;
  border-radius: 13px; -webkit-border-radius: 13px; -moz-border-radius: 13px; border: 1px solid #ccc; }

div.vjs-loading-spinner .ball7 { opacity: 0.87; position:absolute; left: 0px; top: 20px; width: 13px; height: 13px; background: #fff;
  border-radius: 13px; -webkit-border-radius: 13px; -moz-border-radius: 13px; border: 1px solid #ccc; }

div.vjs-loading-spinner .ball8 { opacity: 1.00; position:absolute; left: 6px; top: 6px; width: 13px; height: 13px; background: #fff;
  border-radius: 13px; -webkit-border-radius: 13px; -moz-border-radius: 13px; border: 1px solid #ccc; }

/* Menu Buttons (Captions/Subtitles/etc.)
-------------------------------------------------------------------------------- */
.vjs-default-skin .vjs-menu-button {
  float: right; margin: 0.2em 0.5em 0 0; padding: 0; width: 3em; height: 2em; cursor: pointer !important;

  border: 1px solid #111; -moz-border-radius: 0.3em; -webkit-border-radius: 0.3em; border-radius: 0.3em;

  background: #4d4d4d;
  background: -moz-linear-gradient(top,  #4d4d4d 0%, #3f3f3f 50%, #333333 50%, #252525 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4d4d4d), color-stop(50%,#3f3f3f), color-stop(50%,#333333), color-stop(100%,#252525));
  background: -webkit-linear-gradient(top,  #4d4d4d 0%,#3f3f3f 50%,#333333 50%,#252525 100%);
  background: -o-linear-gradient(top,  #4d4d4d 0%,#3f3f3f 50%,#333333 50%,#252525 100%);
  background: -ms-linear-gradient(top,  #4d4d4d 0%,#3f3f3f 50%,#333333 50%,#252525 100%);
  background: linear-gradient(top,  #4d4d4d 0%,#3f3f3f 50%,#333333 50%,#252525 100%);
}
/* Button Icon */
.vjs-default-skin .vjs-menu-button div { background: url('images/video-js.png') 0px -75px no-repeat; width: 16px; height: 16px; margin: 0.2em auto 0; padding: 0; }

/* Button Pop-up Menu */
.vjs-default-skin .vjs-menu-button ul {
  display: none; /* Start hidden. Hover will show. */
  opacity: 0.8;
  padding: 0; margin: 0;
  position: absolute; width: 10em; bottom: 2em; max-height: 15em;
  left: -3.5em; /* Width of menu - width of button / 2 */
  background-color: #111;
  border: 2px solid #333;
  -moz-border-radius: 0.7em; -webkit-border-radius: 1em; border-radius: .5em;
  -webkit-box-shadow: 0 2px 4px 0 #000; -moz-box-shadow: 0 2px 4px 0 #000; box-shadow: 0 2px 4px 0 #000;
  overflow: auto;
}

.vjs-default-skin .vjs-menu-button:focus ul,
.vjs-default-skin .vjs-menu-button:hover ul { display: block; list-style: none; }
.vjs-default-skin .vjs-menu-button ul li { list-style: none; margin: 0; padding: 0.3em 0 0.3em 20px; line-height: 1.4em; font-size: 1.2em; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; text-align: left; }
.vjs-default-skin .vjs-menu-button ul li.vjs-selected { text-decoration: underline; background: url('images/video-js.png') -125px -50px no-repeat; }
.vjs-default-skin .vjs-menu-button ul li:focus,
.vjs-default-skin .vjs-menu-button ul li:hover,
.vjs-default-skin .vjs-menu-button ul li.vjs-selected:focus,
.vjs-default-skin .vjs-menu-button ul li.vjs-selected:hover { background-color: #ccc; color: #111; outline: 0; }
.vjs-default-skin .vjs-menu-button ul li.vjs-menu-title {
  text-align: center; text-transform: uppercase; font-size: 1em; line-height: 2em; padding: 0; margin: 0 0 0.3em 0;

  color: #fff; font-weight: bold;

  cursor: default;

  background: #4d4d4d;
  background: -moz-linear-gradient(top,  #4d4d4d 0%, #3f3f3f 50%, #333333 50%, #252525 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4d4d4d), color-stop(50%,#3f3f3f), color-stop(50%,#333333), color-stop(100%,#252525));
  background: -webkit-linear-gradient(top,  #4d4d4d 0%,#3f3f3f 50%,#333333 50%,#252525 100%);
  background: -o-linear-gradient(top,  #4d4d4d 0%,#3f3f3f 50%,#333333 50%,#252525 100%);
  background: -ms-linear-gradient(top,  #4d4d4d 0%,#3f3f3f 50%,#333333 50%,#252525 100%);
  background: linear-gradient(top,  #4d4d4d 0%,#3f3f3f 50%,#333333 50%,#252525 100%);
}

/* Subtitles Button */
.vjs-default-skin .vjs-captions-button div { background-position: -25px -75px; }
.vjs-default-skin .vjs-chapters-button div { background-position: -100px -75px; }
.vjs-default-skin .vjs-chapters-button ul { width: 20em; left: -8.5em; /* Width of menu - width of button / 2 */ }


/* ALL FIXES WILL GO IN HERE */


ul {
  margin:0;
  padding:0;
}
.title, .subtitle {
  margin:0;
}
.subtitle {
  text-transform:uppercase;
}
#news .subtitle, #blog .subtitle {
  text-transform:none;
}
.submenu h3 {
  font-size:13px !important;
  display:inline;
  margin:0;
  font-weight:400;
}
#team .submenu {
  right:0;
}
#team .oversubmenu {
  position:relative;
  width:268px;
  height:0;
  overflow:visible !important;
}
#team .marker {
  left:auto;
  right:-27px;
}
.quoted h3 {
  font-size:17px !important;
  font-weight:400;
}
#team .profile-img {
  top:0;
}

.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}
 
.clearfix {
  display: inline-block;
}
 
html[xmlns] .clearfix {
  display: block;
}
 
* html .clearfix {
  height: 1%;
}


#horiz-gallery .gallery {
  z-index:8;
} 
#horiz-gallery .text, #horiz-gallery .title, #horiz-gallery .subtitle {
  z-index:9;
}
#horiz-gallery h3 {
  font-weight:400;
  font-size:13px;
}

#news .ticker .carousel .item .date {
  display:none;
}
#news .ticker .carousel .item:first-child .date {
  display:block;
}
.alignleft {
  float:left;
  padding-right:15px;
}
.alignright {
  float:right;
  padding-left:15px;
}

.def_widgets {
  position:absolute;
  left:440px;
  top:38px;
  color:#FFF;
}
.jspVerticalBar {
  top:0;
}

.def_widgets .widget {
  margin-top:20px;
  width:250px;
}
.def_widgets .widget:first-child {
  margin-top:0;
}
.widget-title {
  font-weight: 400;
  color: #f05a11;
  font-size: 17px;
}

.twitter-widget {
  position: absolute;
  width: 250px;
  top: 213px;
  left: 700px;
}
.twitter .ticker .tweet_list {
  height: 70px;
  margin: 8px 0px 0px 0px;
  font-size: 11px;
  overflow: hidden;
}

#sidebar .twitter .ticker .tweet_list {
  height: 50px;
}

.twitter .ticker .tweet_list li {
  height: 70px;
  overflow: hidden;
}

#searchform {
  position:absolute;
  top:31px;
  left:687px;
  width:222px;
  background:url(images/blog/search.png) no-repeat 206px 5px transparent;
}


#searchform input {
  background:#000;
  background:rgba(0, 0, 0, 0.2);
  border:none;
  color:#FFFFFF;
  padding:5px 10px;
  width:175px;
  text-align:left;
  font-size:14px;
}
#searchform input.s-inactive {
  background:transparent;
  text-align:right;
  color:#BBB;
}

.error404 .ticker {
  width:350px;
  color:#FFF;
  font-size:14px;
  line-height:20px;
} .error404 .ticker p {
  margin:0;
} .error404 #blog .ticker a {
  color:#f05a11;
} .error404 #blog .title {
  font-size:47px;
}

.search-no-results .title {
  display:none;
}

.comments-number {
  color:#FFFFFF;
  display:block;
  left:1px;
  position:absolute;
  text-transform:uppercase;
  top:157px;
}
.comments-number p {
  float:left;
  padding-top:2px;
}
.comments-number p:first-child {
  margin-right:10px;
  padding-top:0;
}
.comments-number span {
  float:left;
  margin-top:2px;
  padding-right:10px;
  border-right:1px dotted #666666;
}
.comments-number span:first-child {
  width:29px;
  height:25px;
  color:#333;
  margin-top:0;
  margin-right:8px;
  text-align:center;
  border:none;
  padding-top:2px;
  padding-right:0;
  background:url(images/blog/comment.png) no-repeat 0 0 transparent;
  box-sizing:border-box;
  -moz-box-sizing:border-box;
  -webkit-box-sizing:border-box;
}
#blog .ticker .carousel .content .comments-number a {
  color:#FFF;
} #blog .ticker .carousel .content .comments-number a:hover {
  color:#f05a11;
  text-decoration:none !important;
}

input[type="text"], input[type="password"], textarea, select { 
    outline: none;
}

.sticky, .gallery-caption, .bypostauthor {

}

#sidebar {
  position:absolute;
  left:300px;
  bottom:85px;
  width:400px;
  color:#FFF;
}

#sidebar .widget-title {    
  color:#FFFFFF;
  padding:0 100px 5px 0;
  display:block;
  font-weight:400;
  text-shadow:0 2px 3px #000000;
  font-size:15px;
}
#sidebar a {
  color:#FFF;
} #sidebar a:hover {
  color:#f05a11;
}

#sidebar ul {
  margin-top:5px;
  list-style:none;
}
#sidebar li {
  padding:2px 0;
}
#sidebar .widget {
  margin-top:20px;
} #sidebar .widget:first-child {
  margin-top:0;
}
#sidebar #searchform {
  position:static;
}

.carousel {
  overflow:hidden;
  height:250px;
}

.b-comments {
  visibility:hidden;
}

.b-comments {
    color: #FFFFFF;
    height: 250px;
    left: 0;
    position: absolute;
    top: 10px;
    width:825px;
}
#comments .info {
  float:left;
  width:170px;
}
#comments .text {
  float:left;
  width:450px;
}
#comments h3 {
  color:#f05a11;
  margin-bottom:0;
}
#comments .meta {
  color:#AAA;
  margin-top:3px;
  color:rgba(255,255,255,0.6);
}
#comments .message {
  border-bottom: 1px solid #AAA;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  padding-bottom: 20px;
  width: 620px;
}
#comments li {
  margin-top:2px;
}
#comments ol li:first-child .info h3, #comments ol li:first-child .text p {
  margin-top:2px;
}
.comment-form-wrapper {
  margin:-15px 0 0 40px;
  width:620px;
}
.comment-form-wrapper h3 {
  color:#f05a11;
} 
#blog .ticker .comment-form-wrapper a {
  color:#FFF;
}

#respond .fields {
  color:#FFF;
  border-color:#FFF;
  border-color:rgba(255,255,255,.5);
  width:300px;
}
#reply-title {
  width:130px;
  margin-right:40px;
  float:left;
}
#comment-form {
  float:left;
  width:450px;
}
#comments .await {
  margin-left:170px;
}
.comments_t {
  float:left;
  width:690px;
  margin-left:130px;
  overflow-y:scroll;
  overflow-x:hidden !important;
  height:250px;
}
.comments_l {
  position:absolute;
  top:0;
  left:0;
  width:120px;
  height:200px;
  border-right: 1px solid #AAA;
  border-right: 1px solid rgba(255, 255, 255, 0.1);
  padding-right:20px;
}
#blog .ticker .comments_l a {
  color:#FFF;
  display:block;
  text-transform:uppercase;
  margin-bottom:5px;
}
#comments ol {
  margin-top:0;
}
.tfirst{    
  float: left;
  margin:0 0 22px 38px;
}
.hfirst {
    left: 38px;
    position: absolute;
    top: 18px;
    width: 652px;
    border:none;
    border-bottom:1px solid #AAA;
    border-bottom:1px solid rgba(255,255,255,.5);
}

#backpt {
  background-repeat:repeat;
  background-position:0 0;
  width:100%;
  height:100%;
  position:fixed;
  top:0;
  left:0;
}

*:focus {
  outline:none !important;
}

.flickrList li {
  float:left;
  margin-right:10px;
  padding:0 !important;
  border:2px solid rgba(255,255,255,.1);
}
.flickrList li:hover {
  border:2px solid #f05a11;
}
.flickrList a {
  display:block;
  width:65px;
  height:65px;
}
.flickrList img {
  width:65px;
  height:65px;
  display:block;
}
.flickr.widget {
  width:600px;
}

#sidebar .twitter-ticker {
  height:40px !important;
}
#sidebar .tweet .tweet_list .tweet_avatar, .query .tweet_list .tweet_avatar {
  padding-top:0 !important;
}
#sidebar .twitter .ticker .tweet_list li {
  padding-top:5px !important;
}
#home .thumbs ul > li:first-child img {
  opacity:0;
}

.page-template-template-gallery-grid-links-php .gallery {
  width:960px !important;
}

#team .oversubmenu {
  
}

.BilingualLink{
position: absolute;
right: 30px;
top: 30px;
}