/* GLOBAL RESETS */
:link,:visited { text-decoration:none; }
h1,h2,h3,h4,h5,h6,pre,code { font-size:1em; font-weight:400; }
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input { margin:0; padding:0; }
a img,:link img,:visited img { border:none; }

* { margin:0; padding:0; }
body { background:#000; font-size:14px; font-family:"Helvetica Neue", Helvetica, Arial, sans-serif; font-weight:400; height:100%; letter-spacing:.05em; text-align:left; width:100%; }
img { border:none; }

a, a:visited { color:#CCC; outline:none; text-decoration:none; }
a:hover { color:#FFF; text-decoration:none; }

/* BACKGROUND SLIDER */
.slider, .slides { font-size:24px; left:-50%; height:200%; position:fixed; top:-50%; width:200%; z-index:-1000; }
.slides img { bottom:0; left:0; margin:auto; min-height:50%; min-width:50%; position:absolute; right:0; top:0; }

.slider-x, .slides-x { font-size:24px; left:-50%; height:200%; opacity:.5; position:fixed; top:-50%; width:200%; z-index:-2; }
.slides-x img { bottom:0; left:0; margin:auto; min-height:50%; min-width:50%; position:absolute; right:0; top:0; }

/* PATTERN, VIDEO */
#pattern1, #pattern2, #pattern3, #pattern4, #pattern5, #pattern6, #pattern7, #pattern8 { height:100%; left:0; overflow:hidden; position:fixed; top:0; width:100%; z-index:-1; }
#pattern1 { background:url('../img/pattern/01.png') repeat 0 0; }
#pattern2 { background:url('../img/pattern/02.png') repeat 0 0; }
#pattern3 { background:url('../img/pattern/03.png') repeat 0 0; }
#pattern4 { background:url('../img/pattern/04.png') repeat 0 0; }
#pattern5 { background:url('../img/bg/black-50.png') repeat 0 0; }
#pattern6 { background:url('../img/pattern/06.png') repeat 0 0; }
#pattern7 { background:url('../img/bg/white-30.png') repeat 0 0; }
#pattern8 { background:url('../img/pattern/08.png') repeat 0 0; }
#credits-logo { background:url('../img/logos/wild-credits.png') no-repeat center center; height:100%; overflow:hidden; position:fixed; width:100%; z-index:-1; }
#video-bg { bottom:0; left:0; margin:auto; min-height:50%; min-width:50%; position:absolute; right:0; top:0; z-index:-999; }
#audio-bg { z-index:-1000; }
#video-m { left:50%; margin:-210px 0 0 -360px; height:420px; position:absolute; top:50%; width:720px; z-index:0; }

/* LOGOS */
.logo-intro-block { height:100%; width:100%; }
.logo-intro { background:url('../img/logos/wild-intro.png') no-repeat; left:50%; height:452px; margin:-226px 0 0 -250px; position:absolute; top:50%; width:500px; z-index:100; }
#enter { background:url('../img/icons/forward.png') no-repeat; border:none; bottom:80px; height:43px; outline:none; position:absolute; right:180px; width:43px; }
#enter a { border:none; outline:none; }
#enter:hover { background:url('../img/icons/forward-over.png') no-repeat; }
ul#logo-block { margin:0 15px 15px 10px; position:fixed; z-index:1; }
ul#logo-block li{ color:#aaa; clear:both; display:inline; float:left; font:11px Helvetica, Arial, sans-serif; margin:0 0 10px 0; padding:10px; }
ul#logo-block li a { outline:none; }

/* INTRO NAV */
ul#nav-block { position:fixed; right:15px; top:15px; z-index:10; }
ul#nav-block li { color:#666; clear:both; display:inline; float:right; font:11px Helvetica, Arial, sans-serif; font-weight:400; margin:0 0 10px 0; padding:10px; }
ul#nav-block li a { color:#eee; margin:0 4px; outline:none; text-decoration:none; }
ul#nav-block li a:hover { color:#FFF; text-decoration:underline; }
ul#nav-block .current { color:#FFF; text-decoration:underline; }

/* LOGO TXT */
ul#logo-txt { left:76px; position:fixed; top:15px; z-index:10; }
ul#logo-txt li { color:#ccc; clear:both; display:inline; float:right; font:11px Helvetica, Arial, sans-serif; font-weight:400; margin:0; padding:10px; text-shadow:#000 1px 1px 1px; }

/* NAV */
ul#nav-block { display:fixed; position:fixed; right:10px; top:15px; z-index:10; }
ul#nav-block li { color:#666; clear:both; display:inline; float:right; font:11px Helvetica, Arial, sans-serif; font-weight:400; margin:0 0 10px 0; padding:10px; }
ul#nav-block li a { color:#CCC; margin:0 4px; outline:none; text-decoration:none; text-shadow:#000 1px 1px 1px; }
ul#nav-block li a:hover { color:#FFF; text-decoration:none; }
ul#nav-block .current { color:#FFF; text-decoration:underline; }
.sound:hover { cursor:pointer; }

/* VIDEO NAV */
ul.vid-nav-block { margin:10px 0 -15px 0; position:relative; text-align:center; width:100%; z-index:10; }
ul.vid-nav-block li { color:#666; clear:both; display:inline; font:11px Helvetica, Arial, sans-serif; text-shadow:#666 1px 1px 2px; }
ul.vid-nav-block li a { color:#CCC; margin:0 4px; outline:none; text-decoration:none; }
ul.vid-nav-block li a:hover { color:#FFF; text-decoration:none; }
ul.vid-nav-block .current { color:#666; text-decoration:none; }

.hidden { display:none; }
blockquote { background:transparent url('../img/icons/quote.png') no-repeat top left; color:#ccc; font-family:'Josefin Sans', sans-serif; font-size:18px; font-style:italic; font-weight:400; line-height:26px; margin:0 0 10px 0; padding-left:10px; text-indent:20px; }
.txt-right { text-align:right; }
.jtstyle { color:#444; font-size:10px; font-weight:400; text-align:center; }
.jtstyle a { color:#444; text-decoration:none; }
.jtstyle a:hover { color:#FFF; text-decoration:none; }

/* SUPERSIZED */
#supersized-loader { background:url('../img/icons/progress.gif') no-repeat center center; height:60px; left:50%; margin:-30px 0 0 -30px; position:absolute; text-indent:-999em; top:50%; width:60px; z-index:0; }
#video-loader { background:url('../img/icons/progress.gif') no-repeat center center; height:60px; left:50%; margin:-30px 0 0 -30px; position:absolute; text-indent:-999em; top:50%; width:60px; z-index:0; }
	
#supersized { display:block; height:100%; left:0; overflow:hidden; position:fixed; top:0; width:100%; z-index:-1; }
#supersized img { background:transparent; border:none; display:none; height:auto; outline:none; position:relative; width:auto; }
#supersized.speed img { -ms-interpolation-mode:nearest-neighbor; image-rendering:-moz-crisp-edges; }	/*Speed*/
#supersized.quality img { -ms-interpolation-mode:bicubic; image-rendering:optimizeQuality; }			/*Quality*/
		
#supersized li { background:none; display:block; height:100%; left:0; list-style:none; overflow:hidden; position:fixed; top:0; width:100%; z-index:-30; }
#supersized a { display:block; height:100%; width:100%; }
#supersized li.prevslide { z-index:-20; }
#supersized li.activeslide { z-index:-10; }
#supersized li.image-loading { background:#111 url('../img/icons/progress.gif') no-repeat center center; width:100%; height:100%; }
#supersized li.image-loading img { visibility:hidden; }
#supersized li.prevslide img, #supersized li.activeslide img { display:inline; }

#prevslide, #nextslide { height:43px; margin-top:-64px; opacity:0.6; position:absolute; top:50%; width:43px; }
#prevslide { background:url('../img/icons/back.png'); left:10px; }
#nextslide { background:url('../img/icons/forward.png'); right:10px; }
#prevslide:active, #nextslide:active { margin-top:-62px; }
#prevslide:hover, #nextslide:hover { cursor:pointer; }

/* PLAY PAUSE */
#controls-wrapper { bottom:94px; height:43px; left:10px; margin:0 auto; position:fixed; width:43px; z-index:4; }
#controls { height:100%; overflow:hidden; position:relative; text-align:left; z-index:5; }
#play-button { float:left; opacity:0.6; }
#play-button:hover { cursor:pointer; opacity:1; }

/*
#tray-button { background:url('../img/bg/bg-hover.png') repeat-x 0 44px; border-left:1px solid #333; float:right; margin-top:1px; }
#tray-button:hover { background-position:0 1px; cursor:pointer; }
*/

/* PROGRESS BAR					
#progress-back { background:url('../img/icons/progress-back.png') repeat-x; bottom:54px; height:8px; left:0; position:fixed; width:100%; z-index:2; }
#progress-bar { background:url('../img/icons/progress-bar.png') repeat-x; height:8px; position:relative; width:100%; }
*/
	
/* THUMBNAIL NAV */	
#nextthumb, #prevthumb { -webkit-box-shadow:0 0 5px #000; background:#ddd; border:1px solid #fff; bottom:61px; display:none; height:75px; overflow:hidden; position:fixed; width:100px; z-index:2; }
#nextthumb { right:12px; }
#prevthumb { left:12px; }
#nextthumb img, #prevthumb img { height:auto; width:150px; }
#nextthumb:active, #prevthumb:active { bottom:59px; }
#nextthumb:hover, #prevthumb:hover { cursor:pointer; }
	
/* THUMBNAIL TRAY */			
#thumb-tray { background:url('../img/bg/black-50.png') repeat; bottom:0; display:block; height:84px; left:0; position:fixed; text-align:center; width:100%; z-index:3; }
	
#thumb-back, #thumb-forward { bottom:84px; height:84px; position:absolute; width:60px; z-index:5; }
#thumb-back { background: url('../img/icons/thumb-back.png') no-repeat center center; left:0; }
#thumb-forward { background:url('../img/icons/thumb-forward.png') no-repeat center center; right:0; }
#thumb-back:hover, #thumb-forward:hover { background-color:rgba(256,256,256, 0.1); cursor:pointer; }
#thumb-back:hover { border-right:1px solid rgba(256,256,256, 0.2); }
#thumb-forward:hover { border-left:1px solid rgba(256,256,256, 0.2); }

ul#thumb-list { bottom:84px; display:inline-block; left:0px; list-style:none; padding:0; position:relative; }
ul#thumb-list li { display:inline; float:left; height:84px; list-style:none; margin:0; overflow:hidden; width:84px; }
ul#thumb-list li img { -moz-transition:all 100ms ease-in-out; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; -ms-transition:all 100ms ease-in-out; -o-transition:all 100ms ease-in-out; -webkit-transition:all 100ms ease-in-out; filter:alpha(opacity=60); height:84px; opacity:0.5; transition:all 100ms ease-in-out; width:84px; }
ul#thumb-list li.current-thumb img, ul#thumb-list li:hover img { -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter:alpha(opacity=100); opacity:1; }
ul#thumb-list li:hover { cursor:pointer; }

/* CREDITS */
.credits-block { width:100%; z-index:100; }
.credits-content { background:url('../img/bg/black-50.png') repeat; border:1px dotted #333; left:50%; margin:0 0 0 -380px; padding:30px; position:absolute; top:60px; width:680px; }
.credits-content h1 { border-bottom:1px dotted #999; color:#fff; font-size:12px; letter-spacing:.1em; line-height:20px; margin:0 0 20px 0; padding:0 0 24px 0; opacity:.5; text-align:center; text-transform:uppercase; width:100%; }
.credits-content h1 a:hover { color:#fff; opacity:1; }
.credits-content p, .credits-content center { color:#ccc; font-size:13px; line-height:18px; margin:24px 0; }
.credits-content p.font01 { font-family:'Federo', sans-serif; font-size:16px; font-weight:400; }
.credits-content p.font02 { font-family:'Josefin Sans', sans-serif; font-size:16px; font-weight:400; line-height:20px; }
.credits-content p.font03 { font-family:'Gruppo', cursive; font-size:16px; }
.credits-content p.font04 { font-family:'Quicksand', sans-serif; }
#video-block p { color:#fff; font-size:13px; line-height:18px; margin:24px 0; opacity:.6; }

#video-block { color:#CCC; height:100%; text-align:center; width:100%; z-index:-1000; }
.video-content-sml { background:url('../img/bg/black-50.png') repeat; border:1px dotted #333; left:50%; margin:-165px 0 0 -240px; padding:30px; position:absolute; top:50%; width:480px; }
.video-content-med { background:url('../img/bg/black-50.png') repeat; border:1px dotted #333; left:50%; margin:-229px 0 0 -320px; padding:30px; position:absolute; top:50%; width:640px; }
.video-content-720 { background:url('../img/bg/black-50.png') repeat; border:1px dotted #333; left:50%; margin:-253px 0 0 -360px; padding:30px; position:absolute; top:50%; width:720px; }

.video-thumbs img { border:1px dotted #666; height:57px; width:100px; }
.video-thumbs a { opacity:.5; outline:none; padding:10px 5px; }
.video-thumbs a:hover, .video-thumbs a.active { opacity:1; }

/* FONTS
font-family:'Federo', sans-serif;
font-family:'Gruppo', cursive;
font-family:'Josefin Sans', sans-serif;
font-family:'Quicksand', sans-serif;
*/