html, body { height: 100%; margin: 0; padding: 0; }
/* body { background: url(../images/background.jpg) no-repeat top center fixed; background-size: cover; color: #fff; width: 100%; }*/
body { color: #fff; width: 100%; }


.wrap { width: 955px; margin: 0 auto; }

.cf:before, .cf:after { content: " "; display: table; }
.cf:after { clear: both; }

.left { float: left; }
.right { float: right; }

.left-col { width: 190px;  float: left; }
.mid-col { width: 568px; float: left; margin: 0 0 0 2px; }
.right-col { width: 192px; float: left;}
em { font-style: normal; text-decoration: underline; }

#background {
  position: fixed; 
  top: -50%; 
  left: -50%; 
  width: 200%; 
  height: 200%;
    z-index: -1; /* Ensure div tag stays behind content; -999 might work, too. */
}

#background img {
  position: absolute; 
  top: 0; 
  left: 0; 
  right: 0; 
  bottom: 0; 
  margin: auto; 
  min-width: 50%;
  min-height: 50%;
}

.button { text-transform: uppercase; font-size: 15px; border: 0; color: #fff; cursor: pointer; text-shadow: 0 0px 2px #6f3604; }
.btn-orange-small { width: 102px; height: 30px; background: url('../images/sprite.png') no-repeat; background-position: 0 -2681px; margin: 5px auto 0 auto; display: block; }
.btn-orange-wide { display: block; width: 151px; height: 24px; background: url('../images/sprite.png') no-repeat; background-position: 0 -2820px; margin: 0 auto; text-decoration: none; text-align: center; padding: 7px 0 0 0; letter-spacing: 1px; white-space: nowrap; line-height: 15px; }


.main-page { min-height: 100%; height: auto !important; height: 100%; margin: 0 auto -136px; }
.footer, .push { height: 135px; }

.header .heading-left { width: 146px; height: 27px; background: url('../images/sprite.png') no-repeat; background-position: 0 -1838px; text-indent: -9999px; float: left; margin: 15px 0 0 157px; }
.header .heading-right { float: left; text-transform: uppercase; font-size: 12px; text-shadow: 0 4px 4px #2f373f; margin: 22px 0 0 5px; letter-spacing: 1px; }
.header h1 {  background: url('../images/sprite.png') no-repeat; background-position: 0 -93px; text-indent: -99999px; width: 569px; height: 46px; margin: 0 auto; }

.widget { position: relative; }
.widget h3 { margin: 0; padding: 0; text-transform: uppercase; }
.widget-webcam { width: 186px; height: 81px;}
.widget-webcam h3 { font-weight: normal; padding: 25px 0 0 0; font-size: 11px; line-height: 12px; width: 142px; margin: 0 auto; white-space: nowrap; overflow: hidden; text-align: center; letter-spacing: 1px; }

.widget-share { width: 147px; height: 99px; background: url('../images/sprite.png') no-repeat; background-position: 0 -1052px; margin: 0 0 0 20px; }
.widget-share h3 { font-weight: normal; font-size: 11px; line-height: 12px; letter-spacing: 1px; width: 115px;text-align: center; margin: 0 auto; white-space: nowrap; padding: 20px 0 0 0;  }
.widget-share .share-fb {  width: 40px; height: 40px; display: block; float: left; text-indent: -9999px; margin: 10px 0 0 25px; }
.widget-share .share-tw {  width: 40px; height: 40px; display: block; float: left;  text-indent: -9999px; margin: 10px 0 0 10px; }

.widget-trailer { width: 190px; height: 142px; background: url('../images/sprite.png') no-repeat; background-position: 0 -139px; margin: 10px 0 0 2px; cursor: pointer;  }
.widget-trailer .trailer-id { text-indent: -9999px; }

.widget-feed { width: 189px; height: 339px; background: url('../images/sprite.png') no-repeat;  background-position: 0 -713px; margin: 6px 0 0 3px; }
.widget-feed h3 { font-size: 13px; line-height: 13px; font-weight: normal; letter-spacing: 1px; width: 148px; white-space: nowrap; text-align: center; margin: 0 auto; padding: 22px 22px 6px 22px; }
.widget-feed .feed-area { width: 154px; height: 270px; overflow: hidden; margin: 0 0 0 17px; }
.widget-feed .element { background: url(../images/tweet-separator.png) no-repeat bottom center; width: 144px; padding: 7px 5px; margin-bottom: 3px;}
.widget-feed .element .image-wrap { float:left; box-shadow: 0 1px 3px #707070; width: 40px; height: 40px;  }
.widget-feed .element img { border: 1px solid #f4f2ee; width: 39px; height: 39px; }
.widget-feed .element .content { float: left; font-size: 10px; color: #000; width: 100px; margin: 0 0 0 4px; }
.widget-feed .element .author {  line-height: 14px; font-weight: 600;  }
.widget-feed .element .tweet { font-weight: 300; }
.widget-feed .element .date { font-weight: 300; font-size: 8px; margin: 4px 0 0 0; letter-spacing: 1px; }

.widget-trip {  background: url('../images/sprite.png') no-repeat; background-position: 0 -432px; width: 192px; height: 142px; margin: 9px 0 0 1px;  }
.widget-trip h3 { width: 145px; text-align: center; font-weight: normal; padding: 26px 0 0 0; margin: 0 auto; letter-spacing: 1px; font-size: 22px; line-height: 22px; }
.widget-trip p { width: 145px; text-align: center; text-transform: uppercase; font-size: 12px; line-height: 15px; margin: 2px auto 6px auto; letter-spacing: 1px;  }

.widget-videos { width: 189px; height: 339px; background: url('../images/sprite.png') no-repeat;  background-position: 0 -713px; margin: 6px 0 0 1px; }
.widget-videos h3 { font-size: 13px; line-height: 13px; font-weight: normal; letter-spacing: 1px; width: 148px; white-space: nowrap; text-align: center; margin: 0 auto; padding: 22px 22px 0 22px; }
.widget-videos .videos-area { width: 154px; height: 270px; overflow: hidden; margin: 8px 0 0 20px ;}
.widget-videos .videos { margin: 0; padding: 0; list-style: none; }
.widget-videos li { display: block; width: 144px; height: 90px; background: #6e1a4c; padding: 2px;  margin-bottom: 2px; }
.widget-videos li a { display: block; width: 144px; height: 76px; margin: 0 auto 4px; overflow: hidden; color: #6e1a4c; }
.widget-videos li a img { width: 144px; height: auto; margin-top: -15px;}
.widget-videos .video-title { font-size: 9px; text-align: center; overflow: hidden; white-space: nowrap; color: #fff; }

.page-contents .mid-col { height: 536px; background: url('../images/sprite.png') no-repeat; background-position: 0 -1151px; margin: 0 0 0 4px;  }

.map-area { width: 537px; height: 412px; position: relative;  margin: 16px 0 16px 15px; }
.map-area .info-bar { background: rgba(60, 60, 60, 0.9); height: 18px; overflow: hidden; white-space: nowrap; text-indent: 4px; padding-top: 7px; text-transform: uppercase; font-size: 11px;  }
.map-area .map-legend { position: absolute; bottom: -2px; left: 50%; margin-left: -136px; width: 256px; height: 25px; background: url('../images/sprite.png') no-repeat; background-position: 0 -1778px; }
.map-area .map-legend .element { float: left; margin: 0 5px 0 5px; }
.map-area .map-legend .element img { float: left; margin: -10px 2px 0 0px; }
.map-area .map-legend .element .desc { float: left; text-transform: uppercase; font-size: 10px; line-height: 11px; padding: 8px 0 0 0; letter-spacing: 1px;  }

.mid-col .bottom-bar { height: 90px; }
.mid-col .text-bar { margin: 20px 0 0 15px; text-transform: uppercase; letter-spacing: 1px; line-height: 12px; overflow: hidden;  }
.text-bar .left { font-size: 12px; max-width: 420px; overflow: hidden; }
.text-bar .right { font-size: 11px;  margin-right: 17px; max-width: 110px; overflow: hidden;  }
.mid-col .photo-feed { position: relative; background: rgba(255, 255, 255, 0.2); height: 64px; margin: 8px 0 0 0;  }

.widget .controls { position: absolute; bottom: 0px; left: 63px; }
.widget .controls .arrow { display: block; float: left; width: 33px; height: 35px;  background: url('../images/sprite.png') no-repeat; }
.widget .controls .arrow.up { background-position: 0 -1803px; margin-right: 2px; }
.widget .controls .arrow.down {  background-position: -35px -1803px;}

.photo-feed .container { height: 62px; position: relative; padding: 2px 0 0 5px;}
.photo-feed .container img { margin-left: 1px; }
#ui-carousel-next { position: absolute; top: 3px; right: 0; display: block; width: 26px; height: 56px; background: url('../images/sprite.png') no-repeat; background-position: 0 -1966px; text-indent: -9999px; cursor: pointer; }
#ui-carousel-prev { position: absolute; top: 3px; left: 0;  display: block; width: 28px; height: 56px;  background: url('../images/sprite.png') no-repeat; background-position: 0 -2485px; text-indent: -9999px; cursor: pointer; }

.page-contents { position: relative; }
.page-contents .add-logo { width: 69px; height: 69px; background: url('../images/sprite.png') no-repeat; background-position: 0 -1865px; position: absolute;   }
.page-contents .addition-left { bottom: -44px; left: 66px; }
.page-contents .addition-right { bottom: -44px; right: 58px; }

.footer a img { border: none; outline: none; }
.footer .upper-bar { width: 834px; height: 93px; background: url('../images/sprite.png') no-repeat; background-position: 0 -0; margin: 0 auto; }
.footer .lower-bar { background: #000; border-top: 1px solid #701b4e; padding: 7px 0 0 0;  }
.footer ul { margin: 14px 0 0 245px; padding: 0; }
.footer ul li { display: block; float: left; height: 10px; padding: 0 6px 0 8px; border-left: 1px solid #fff; line-height: 10px; font-size: 10px; vertical-align: baseline; margin: 0; }
.footer ul li:first-child { border-left: none;  }
.footer ul li a { font-size: 8px; line-height: 8px; text-transform: uppercase; color: #fff; text-decoration: none;  }



/* modals */

.modal { position: absolute; display: none; z-index: 9999; }
.close-modal { position: absolute; display: block; cursor: pointer;  }

.sweeps-modal { width: 388px; height: 245px; background: #d6792d; border-radius: 8px; box-shadow: 0 2px 5px #130b04; top: 203px; left: 50%; margin-left: -194px; }
.sweeps-modal .orange-close { width: 26px; height: 26px;  background: url('../images/sprite.png') no-repeat; background-position: 0 -2711px; right: -13px; top: -13px; }
.sweeps-modal .title-image { width: 182px; height: 29px; background: url('../images/sprite.png') no-repeat; background-position: 0 -2926px; margin: 12px auto 6px auto; }
.sweeps-modal h2 { margin: 0; padding: 0; font-size: 21px; text-transform: uppercase; font-weight:600; text-align: center; white-space: nowrap; overflow: hidden; line-height: 21px;  }
.sweeps-modal .info-big { font-size: 21px; text-align: center; line-height: 21px; margin: 28px 0 7px 0;}
.sweeps-modal .info-small { font-size: 13px; text-align: center;  line-height: 18px; width: 285px; margin: 0 auto; }
.sweeps-modal .share { width: 80px; margin: 14px auto 0; }
.sweeps-modal .share a { display: block; width: 37px; height: 38px; text-indent: -9999px;  float: left;}
.sweeps-modal .modal-fb-share { background: url('../images/sprite.png') no-repeat; background-position: 0 -2611px; margin-right: 2px;  }
.sweeps-modal .modal-tw-share { background: url('../images/sprite.png') no-repeat; background-position: -40px -2611px; }

.video-modal { width: 566px; height: 441px; background: url('../images/sprite.png') no-repeat; background-position: 0 -2044px; top: 100px; left: 50%; margin-left: -283px; }
.video-modal .gray-close { width: 34px; height: 32px;  background: url('../images/sprite.png') no-repeat; background-position: 0 -1934px; right: -5px; top: -4px; }
.video-modal .video-title { font-size: 16px; text-transform: uppercase; color: #eb8307; margin: 49px 0 12px 0; text-align: center; white-space: nowrap; overflow: hidden; }
.video-modal .video-wrap { height: 326px; width: 535px; margin: 0 auto; }

.fan-modal { width: 300px; height: 231px; background: #4c7daa; border: 1px solid #33638f; border-radius: 6px;  box-shadow: 0 2px 5px #130b04; top: 204px; left: 50%; margin-left: -150px; }
.fan-modal .blue-close { width: 26px; height: 26px;  background: url('../images/sprite.png') no-repeat; background-position: 0 -2766px; right: -11px; top: -8px; }
.fan-modal .icon { width: 31px; height: 41px; position: absolute; top: -16px; left: -15px; background: url('../images/sprite.png') no-repeat; background-position: 0 -2954px; }
.fan-modal .fan-heading { width: 174px; height: 15px; background: #33638f; border-radius: 8px; text-transform: uppercase; position: absolute; font-size: 10px; line-height: 12px; left: 0; top: -10px; padding: 4px 10px 0 36px; }
.fan-modal .image-wrap { margin: 16px auto 10px auto; width: 274px; overflow: hidden; border: 1px solid #366692; }
.fan-modal .image-wrap img { width: 274px; height: auto; }
.fan-modal .image-title { text-align: center; margin: 0 auto; font-size: 13px; line-height: 13px; width: 275px; overflow: hidden; white-space: nowrap;}

.event-modal { width: 259px; height: 75px; background: #701b4e; border: 1px solid #4d002e; border-radius: 6px; box-shadow: 0 2px 5px #130b04; top: 294px; left: 50%; margin-left: -130px; }
.event-modal .purple-close { width: 29px; height: 30px;  background: url('../images/sprite.png') no-repeat; background-position: 0 -2650px; right: -16px; top: -14px;  }
.event-modal .icon { width: 30px; height: 44px; position: absolute; top: -17px; left: -15px; background: url('../images/sprite.png') no-repeat; background-position: 0 -2995px; }
.event-modal .event-heading { width: 174px; height: 15px; background: #4d002e; border-radius: 8px; text-transform: uppercase; position: absolute; font-size: 10px; line-height: 12px; left: 0; top: -10px; padding: 4px 10px 0 36px; }
.event-modal .event { margin: 18px 0 0 22px; width: 210px; }
.event-modal .event-image { float: left; border: 1px solid #4d002e; box-shadow: 0 2px 4px #3c0f2a; }
.event-modal .event-desc { text-transform: uppercase; float: left; margin-left: 5px;}
.event-modal .event-title { font-size: 18px; line-height: 18px; margin-top: 4px; white-space: nowrap; overflow: hidden; }
.event-modal .event-date { font-size: 10px; margin-top: 3px;}
.event-modal .event-time { font-size: 10px; margin-top: 3px;}

.welcome-modal { width: 380px; height: 340px; background: #d6792d; border-radius: 8px; box-shadow: 0 2px 5px #130b04; border: 1px solid #ad5d1b;  top: 154px; left: 50%; margin-left: -190px;}
.welcome-modal .orange-close { width: 26px; height: 26px;  background: url('../images/sprite.png') no-repeat; background-position: 0 -2711px; right: -13px; top: -13px; }
.welcome-modal h2 { font-size: 18px; line-height: 22px; text-transform: uppercase; text-align: center; margin: 21px 0 0 0; }
.welcome-modal p { font-size: 13px; line-height: 16px; text-align: center; width: 330px; margin: 6px auto 12px auto;  }
.welcome-modal .minions-image { width: 281px; height: 153px;  background: url('../images/sprite.png') no-repeat; background-position: 0 -279px; margin: 0 auto; }

.form-modal { width: 385px; height: 433px; background: #d6792d; border-radius: 8px; box-shadow: 0 2px 5px #130b04; top: 98px; left: 50%; margin-left: -192px;}
.form-modal .orange-close { width: 26px; height: 26px;  background: url('../images/sprite.png') no-repeat; background-position: 0 -2711px; right: -13px; top: -13px; }
.form-modal .title-image { width: 182px; height: 29px; background: url('../images/sprite.png') no-repeat; background-position: 0 -2926px; margin: 12px auto 6px auto; }
.form-modal h2 { margin: 0; padding: 0; font-size: 21px; text-transform: uppercase; font-weight:600; text-align: center; white-space: nowrap; overflow: hidden; line-height: 21px;  }
.form-modal .info { font-size: 12px; text-align: center;  line-height: 16px; width: 285px; margin: 5px auto 13px; }
.form-modal .req { float: right; font-size: 10px; margin-right: 20px; }
.form-modal form { clear: both; margin:  0 0 0 23px; padding-top: 16px; }
.form-modal fieldset { margin: 0; padding: 0; border: none; }
.form-modal .form-inputs { margin: 0 0 22px; }
.form-modal .element { float: left; width: 170px; height: 40px; margin: 0 9px 12px 0; position: relative; }
.form-modal .element label { position: absolute; top: 19px; left: 5px; font-size: 10px; color: #c7c7c7; }
.form-modal .element .small-wrap { position: relative; margin: 0; padding: 0; }
.form-modal .element .small-wrap label { top: 4px; left: 7px; }
.form-modal .label { display: block; font-size: 11px; color: #333333; line-height: 11px; margin: 0 0 5px 0; }
.form-modal input { border: 1px solid #c2a48c; box-shadow: 0 0 3px 3px #d38e55; border-radius: 5px; font-size: 10px; color: #c7c7c7; }
.form-modal .input-wide { width: 152px; height: 17px; padding: 0 5px; }
.form-modal .input-med { width: 29px; height: 17px; padding: 0 5px; }
.form-modal .input-short { width: 23px; height: 17px; margin-right: 9px; padding: 0 5px; }
.form-modal .checkbox { font-size: 11px; line-height: 14px; margin: 0 0 10px 0; }
.form-modal .btn-submit { width: 102px; height:  29px;  background: url('../images/sprite.png') no-repeat; background-position: 0 -2737px; border: none; box-shadow: none; margin: 0 auto; display: block; color: #fff;  }

.gallery-modal { top: 167px; left: 50%; width: 306px; height: 306px; background: #701b4e; border: 1px solid #4d002e; border-radius: 6px; box-shadow: 0 2px 5px #130b04; margin-left: -153px;}
.gallery-modal .purple-close { width: 29px; height: 30px;  background: url('../images/sprite.png') no-repeat; background-position: 0 -2650px; right: -16px; top: -14px;  }
.gallery-modal .icon { width: 30px; height: 44px; position: absolute; top: -22px; left: -15px; background: url('../images/sprite.png') no-repeat; background-position: 0 -2995px; }
.gallery-modal .event-heading { width: 174px; height: 15px; background: #4d002e; border-radius: 8px; text-transform: uppercase; position: absolute; font-size: 10px; line-height: 12px; left: 0; top: -15px; padding: 4px 10px 0 36px; }
.gallery-modal .event-info { margin: 15px 0 0 66px; }
.gallery-modal .image-wrap { float: left; margin-right: 4px; }
.gallery-modal .event-details { float: left; }
.gallery-modal .image-wrap img { }
.gallery-modal .event-title { font-size: 18px; line-height: 20px; text-transform: uppercase; }
.gallery-modal .event-date { float: left; font-size: 10px; line-height: 10px; }
.gallery-modal .event-time { float: left; font-size: 10px; line-height: 10px; margin-left: 9px; }
.gallery-modal .event-image-wrap { width: 244px; height: 184px; overflow: hidden; border: 1px solid #631e40; margin: 7px auto 0; }
.gallery-modal .event-image-wrap img { width: 244px; height: auto; }
.gallery-modal .container { position: absolute; bottom: 1px; background: #fff; height: 56px; border-radius: 0 0 6px 6px; width: 304px; left: 1px; padding: 2px 0 0 0; overflow: hidden;  }
.gallery-modal .container img { margin-left: 2px; }
#modal-ui-carousel-next { position: absolute; top: 10px; right: 0; width: 19px; height: 37px; background: url('../images/sprite.png') no-repeat; background-position: 0 -2851px; }
#modal-ui-carousel-prev { position: absolute; top: 10px; left: 0; width: 20px; height: 37px; background: url('../images/sprite.png') no-repeat; background-position: 0 -2888px;} 

.overlay { background: #000000; bottom: 0; left: 0; position: fixed; right: 0; top: 0; z-index: 100; opacity:0.8; display:none; }