/* CSS Document */

@charset "utf-8";
/* CSS RESET */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,h7,h8,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-size:100%;background:transparent;}body{line-height:1;}ul{list-style:none;}blockquote,q{quotes:none;}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}ins{text-decoration:none;}del{text-decoration:line-through;}table{border-collapse:collapse;border-spacing:0; resize:none; outline:none;}
a{text-decoration:none;}

@font-face {
    font-family: 'sitesans';
    src: url('fonts/FontSiteSans-LightCd-webfont.eot');
    src: url('fonts/FontSiteSans-LightCd-webfont.eot?iefix') format('eot'),
         url('fonts/FontSiteSans-LightCd-webfont.woff') format('woff'),
         url('fonts/FontSiteSans-LightCd-webfont.ttf') format('truetype'),
         url('fonts/FontSiteSans-LightCd-webfont.svg#webfontQKgp3kpk') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'sitesansbold';
    src: url('fonts/FontSiteSans-BoldCd-webfont.eot');
    src: url('fonts/FontSiteSans-BoldCd-webfont.eot?iefix') format('eot'),
         url('fonts/FontSiteSans-BoldCd-webfont.woff') format('woff'),
         url('fonts/FontSiteSans-BoldCd-webfont.ttf') format('truetype'),
         url('fonts/FontSiteSans-BoldCd-webfont.svg#webfontoHZnKcRe') format('svg');
    font-weight: normal;
    font-style: normal;
}


/* Main Styles */
body { font-family:Arial, Helvetica, sans-serif;font:12px/12px;color:#000;position:relative;background:#171314;}
.container{width:960px;margin:auto;position:relative;}
.sitesans{font-family:'sitesans', Arial, Helvetica, sans-serif;}
.sitesansbold{font-family:'sitesansbold', Arial, Helvetica, sans-serif;}
.fr{float:right;}
.fl{float:left;}
.abs{position:absolute;}
#wrap{height:894px;overflow:/*normal*/hidden;}
.gold{color:#a2905c;}

/* Header Styles */
#header{width:100%;height:123px;background:url('/images/header-bg.png') repeat-x top left;position:fixed;top:0;z-index:100;}
#header .container{height:123px;}
#header.black{background:url('/images/header-bg-black.png') repeat-x top left;}
#logo{width:246px;margin:auto;}

#scroll-hand{width:100%;position:absolute;top:0;left:0;z-index:100;text-align:center;height:0;display:none;}
#scroll-hand img{position:relative;bottom:-123px;left:1px}

.nav{font-size:34px;text-transform:uppercase;line-height:123px;display:none;}
.nav li{float:left;margin:0 14px 0 0;}
.nav .star{width:20px;height:123px;background:url('/images/star.png') no-repeat 1px 50px;}
.black .nav .star{background:url('/images/black-star.png') no-repeat 1px 50px;}
.nav a{color:#000;text-shadow: 0px 0px 1px #000;}
.black .nav a{color:#a79664;}
.nav .active a{color:#fff;text-shadow: 0px 0px 3px #000; }
.nav li.twitter-icon { margin: 0; position: absolute; right: 380px; top: -35px; }
.nav li.facebook-icon { margin: 0; position: absolute; left: 380px; top: -35px; }


#mute{font-size:13px;position:absolute;top:10px;right:10px;}
#mute a{color:#000;}
#mute.black a{color:#A79664;}
#mute.black #mute-icon{background:url('/images/mute-gold.png') no-repeat 0 -23px;}
#mute-icon{width:20px;height:19px;background:url('/images/black-mute.png') no-repeat 0 -23px;float:right;margin:-3px 0 0 10px;}
#mute-icon.off{background-position:0 0;}
#mute.black #mute-icon.off{background-position:0 0;}


/* Section 1 Styles */
#section-1{width:100%;height:772px;background:url('/images/section-1-bg.png') repeat top center;position:relative;z-index:1;}
#section-1 .inner{background:url('/images/section-1-bg.jpg') no-repeat bottom center;}
#section-1 .container{height:772px;margin:123px auto 0 auto;}
#section-1 img{display:none;}

#split-1-2{height:7px;width:100%;background:url('/images/split-1-2.png') repeat-x top left;margin-top:-7px;position:relative;z-index:2;}


/* Animation Styles */
#loader{top:597px;left:365px;display:block;text-align:center;text-transform:uppercase;}
#backboard{bottom:0;left:-45px;z-index:1;}
#cards-male{bottom:-157px;left:-105px;z-index:3;}
#cards-female{bottom:-157px;right:-105px;z-index:3;}
#person-male{bottom:0;left:-60px;z-index:4;}
#person-female{bottom:0;right:-60px;z-index:4;}
#centre-piece{left:105px;bottom:0;z-index:2;}
#cinema-ticket{left:320px; bottom:0;z-index:10;}


/* Section 2 Styles */
#section-2{width:100%;height:800px;background:#171314;position:relative;z-index:2;padding:94px 0 0 0;overflow:hidden;}
#about-header{width:960px;height:114px;background:url('/images/about-header.png') no-repeat top left;padding:54px 0 0 0;}
#about-header h1{line-height:114px;font-size:61px;text-transform:uppercase;text-align:center;}
#section-2-text{width:482px;margin:50px 0;color:#fff;font-size:14px;line-height:22px;}
#section-2-text p{margin:0 0 25px 0;text-align:justify}
#section-2-image{top:202px;right:0px;}


/* Section 3 Styles */
#section-3{width:100%;height:765px;background:url('/images/section-3-bg.png') repeat top left;position:relative;z-index:4;}
#the-team-header{padding:42px 0 50px 0;text-align:center;}
.team-member{margin:0 2px}
.member-image{width:122px;height:162px;padding:122px 59px 74px 55px;background:url('/images/picture-frame.png') no-repeat top left;}
.member-name{height:75px;line-height:15px;background:url('/images/team-name-bg2.png') repeat-x top left;margin:10px;text-transform:uppercase;font-size:16px;font-weight:normal;text-align:center; padding: 7px 0;}
.member-name span {margin:10px;text-transform:uppercase;font-size:24px;font-weight:normal;text-align:center; color: white; display: block; line-height: 5px;}
.member-text{color:#fff;width:216px;padding:0 10px;line-height:18px;font-size:12px;text-align:justify;}
.member-text p{margin:0 0 10px 0;}
#team .container{overflow:normal;}
#team .inner{width:960px;overflow:hidden;}
#team .overflow{width:3000px;}
#team-prev{/*top:300px;left:-198px;display:none;*/top:415px;left:0;cursor:pointer;z-index:100;}
#team-next{/*top:300px;right:-198px;*/top:415px;right:0;cursor:pointer;z-index:100;}


/* Gallery Styles */
#gallery{width:100%;height:906px;background:#000;position:relative;z-index:3;overflow:hidden;}
#gallery-top{width:100%;height:51px;background:url('/images/gallery-top.png') repeat-x top left;position:absolute;top:0;z-index:5;}
#gallery-nav{width:100%;height:149px;padding:14px 0;background:url('/images/gallery-nav-bg.png') repeat top left;position:absolute;bottom:-180px;z-index:4;text-align:center;}
#gallery-nav ul{width:10000px;margin:0 auto 0 0px;}
#gallery-nav li{margin:0 10px 30px 10px;float:left;}
#gallery-slides{text-align:center;position:relative;z-index:1}
#gallery-nav .inner{width:1526px;margin:0 auto;overflow:normal;}
#gallery-slides .next{top:388px;right:30px; z-index: 10000; }
#gallery-slides .prev{top:388px;left:30px; z-index: 10000; }
#gallery-slides .slides_container{width:1214px;margin:0 auto;}
#gallery-slides .slides_container div{float:left;}
.cust_pagination li a{display:block;}


/* Footer Styles */
#footer{width:100%;height:870px;background:url('/images/footer-bg.png') repeat top left;position:relative;z-index:5;overflow:hidden;}
#contact-us{height:840px;width:470px;float:right;padding:30px 0 0 0;position:relative;}
#contact-us-head{width:342px;height:94px;padding:24px 0 23px 0;background:url('/images/contact-us-head.png') no-repeat top left;}
#contact-us-head h3{line-height:98px;text-align:center;font-size:58px;text-transform:uppercase;}
#map_canvas{width:100%;height:870px;}
#contact-us-text{color:#fff;margin:35px 0 0 0;font-size:14px;line-height:18px;}
#footer-image{position:absolute;bottom:30px;left:0;}
#socials li{float:left;}
#headred{position:absolute;bottom:50px;left:0;}
#headred a{font-size:12px;color:#fff;}
#headred img{margin:0 0 -7px 10px;}
#footer a{color:#fff;}


/* Anchor tweaks */
#anchor-theteam{display:block;width:100px;height:10px;position:relative;margin-bottom: 50px;top: -125px;}
#anchor-about{position:relative;top:-110px;}
#anchor-footer{position:relative;top:-100px;}

#join-the-team img:hover { cursor: pointer; }

.modal { background: rgba(0, 0, 0, 0.8); display: none; position: fixed; width: 100%; height: 100%; top: 0; left: 0; z-index: 150;}
.modal-content { background-color: #FFFFFF; padding: 20px; width: 850px; height: 520px; position: absolute; }
.modal-close { float: right; margin-bottom: 20px; }
.modal-close:hover { cursor: pointer; }