*{margin:0;padding:0;}

html {
    height: 100%;
    width: 100%;
}

body {
    height: 100%;
    width: 100%;
    margin:  0;
    padding:  0;
    position: relative;
    color: #838164;
    font-family: Arial, Verdana;
    font-size: 11px;
    background: #000000;
    text-align:center;
}

#panel_sprite { width: 4950px; height: 608px;}

body.home {
    background: #000000 url('../images/ios/site_bg.jpg?v=2') no-repeat top center;
    background-position-y: 40px;
}

body.about {
    background: #000000 url('../images/ios/section_about_bg.jpg?v=3') no-repeat top center;
    background-position-y: 60px;
}

body.gallery {
    background: #000000 url('../images/ios/section_gallery_bg.jpg?v=3') no-repeat top center;
    background-position-y: 60px;
}

body.video {
    background: #000000 url('../images/ios/section_video_bg.jpg?v=3') no-repeat top center;
    background-position-y: 60px;
}

body.characters {
    background: #283a4e url('../images/ios/section_character_bg.jpg?v=3') no-repeat top center;
    background-position-y: 50px;
}

body.characters #ratingsInfo, 
body.characters-detail #nav-social, 
body.characters-detail #nav-primary, 
body.characters-detail #ratingsInfo, 
body.characters-detail footer,
body.site-characters-detail #nav-social, 
body.site-characters-detail #nav-primary, 
body.site-characters-detail #ratingsInfo, 
body.site-characters-detail footer,
{
    display:none; 
}

body.characters #nav-social {
    top: 1650px;
}

body.characters footer {
    top: 1700px;
}

body.video #ratingsInfo {
    top: 750px;
}

body.video footer {
    top: 800px;
}

a {
    color: #838164;
    outline: 0;
    text-decoration: none;
}

#nav-primary {
    width: 950px;
    margin: 0 auto;
    position: relative;
    top: 840px;
}

#nav-primary ul {
    display: block;
    width: 950px;
    height: 45px;
    margin: 0 auto;
    padding:  0;
    list-style: none;
}

body.about #nav-primary, body.video #nav-primary {
    top: 150px;
}
body.characters #nav-primary {
    top: 140px;
}

#slogan {display:none;}
body.home #slogan { display:block;}

.logo #logo {position:absolute;display:block;width:996px;height: 145px;z-index:9997;}

body.home .logo #logo, body.site-characters-detail .logo,body.home .logo div { display:none; }


.clear{clear:both;}

.page { position: relative; display: block; width: 996px; text-align: left; margin: 0 auto 0 auto; }

#site-container {
    position: relative;
    margin: 0 auto;
}

#site-about, #site-gallery, #site-characters-detail, #site-characters,
.dialog-wrapper {
    display: none;
}

#site-gallery {
position: absolute;
margin-top: 215px;
}
.galleria-counter{display:none;}


#site-about {
position: absolute;
padding-top: 200px;
}

#site-about .next {background: url("../images/ios/cnext.png") no-repeat scroll 0 0 transparent; border: 0; cursor: pointer; float: right !important; height: 80px; width: 202px;}
#site-about .prev {background: url("../images/ios/cprev.png") no-repeat scroll 0 0 transparent; border: 0; cursor: pointer; height: 80px; width: 199px;}
#site-about .sprite_wrap {position: absolute; margin-top: 10px; width: 990px; height: 608px;overflow:hidden;}
#site-about .sprite { margin-left: 0; position: absolute;}


#section-about-copy {
    margin: 0 auto;
    padding: 75px 0 0 0;
    font-family: 'NimbusSanExt-Bol', Verdana;
    font-size: 14px;
    line-height: 140%;
}

#section-about-close {
    position: absolute;
    top: 60px;
    right: 100px;
    cursor: pointer;
}

#site-video {
    width: 996px;
    height: 900px;
    position: absolute;
    padding-top: 200px;
}

#section-video-close {
    position: absolute;
    top: 10px;
    right: 10px;
    cursor: pointer;
    z-index: 30;
}

#site-video video {
    background: #000000;
    width: 902px;
    height: 384px;
    display: block;
    margin: 55px auto;
}

#site-gallery {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 50;
}

.site-dim {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 25;
    background: #000000;
    opacity: 0.9;
}

.dialog-wrapper {
    background: url('../images/ios/dialog_wrapper_bg.png') no-repeat;
    width: 996px;
    height: 665px;
    position: absolute;
    top: 250px;
    left: 0;
    z-index: 9999;
}

#dialog-close {
    position: absolute;
    top: 126px;
    right: 130px;
    cursor: pointer;
    z-index: 100;
}

.dialog-age-gate, .dialog-age-gate-note, .dialog-age-gate-sorry, .dialog-age-gate-error {
    width: 770px;
    height: 350px;
    position: absolute;
    top: 160px;
    left: 120px;
    text-align: center;
}

.dialog-wrapper h2 {
    margin: 30px 0 30px 0;
    text-align: center;
    font-family: 'NimbusSanExt-Bol', Verdana;
    font-size: 25px;
    color: #eae3cc;
}

.dialog-wrapper p {
    font-family: 'NimbusSanExt-Bol', Verdana;
    font-size: 16px;
    margin-top: 25px;
    color: #eae3cc;
}

.dialog-age-gate label {
    display: block;
    float: left;
    width: 225px;
    height: 70px;
    font-family: 'NimbusSanExt-Bol', Verdana;
    font-size: 17px;
    color: #eae3cc;
}
.dialog-age-gate label .lbl {
    padding-top: 5px;
}
.dialog-age-gate input {
    width: 210px;
    height: 70px;
    border: 1px solid #6c6b56;
    background: url('../images/ios/dialog-input-bg.png') no-repeat;
    color: #eae3cc;
    font-size: 28px;
    font-family: 'NimbusSanExt-Bol', Verdana;
    text-align: center;
}

#age-submit {
    width: 236px;
    height: 70px;
    border:  0;
}

footer {
    position: relative;
    top: 950px;
}

#gde_footerContainer {
    position: relative;
}

#ratingsInfo {
    margin: 0 auto;
    display: block;
    width: 350px;
    text-align: center;
    line-height: 140%;
    margin-bottom: 25px;
}

#nav-sep {
    /*background: url('../images/ios/nav_sep.png') no-repeat;*/
    width: 875px;
    height: 7px;
    display: block;
}

#slogan {
    margin: 28px auto;
    font-size: 26px;
    font-family: arial;
    font-weight: bold;
    color:#f3f1dc;
    text-align:center;
}



#nav-about, #nav-video, #nav-gallery, #nav-characters, #nav-characters-detail {
    display: block;
    float: left;
    height: 45px;
    cursor: pointer;
    margin-left: 2%;
    margin-right: 3%;
}

#nav-about {
    width: 149px;
    background: url('../images/ios/nav_about.png') no-repeat;
}

#nav-gallery {
    width: 180px;
    background: url('../images/ios/nav_gallery.png') no-repeat;
    /*margin-left:10px;*/
}

#nav-characters {
    width: 260px;
    background: url('../images/ios/nav_characters.png') no-repeat;
    /*margin-left:15px;*/
}

#nav-video {
    width: 134px;
    background: url('../images/ios/nav_video.png') no-repeat;
    /*margin-left:15px;*/
}


#nav-social {
    width: 960px;
    margin: 0 auto;
    position: relative;
    top: 850px;
    font-family: 'NimbusSanExt-Bol', Verdana;
    font-size: 11px;
}

body.video #nav-social { 
    top: 1200px;
}



#nav-social > ul {
    width: 960px;
    height: 23px;
    list-style: none;
    margin: 0;
    padding: 0;
}

#nav-social ul li {
    display: block;
    float: left;
    margin-right: 15px;
}
#nav-social > ul > li:last-child {
    margin-right: 0;
}

#nav-social ul li ul {
    list-style: none;
    margin: 0;
    color:#fff;
}
#nav-fb ul, #nav-tw ul {
    padding: 0 0 0 33px;
}

#nav-fb ul li, #nav-tw ul li {
    padding: 10px 0 0 8px;
}

#nav-fb ul li a, #nav-tw ul li a {
    color:#fff;
    font-size:28px;
    padding-left: 32px;
}

#nav-fb {
    float: left;
    height: 56px; 
    width: 363px;
    background: url('../images/ios/facebook.png') no-repeat;
}

#nav-tw {
    height: 56px; 
    width: 439px;
    background: url('../images/ios/twitter.png') no-repeat;
}

#nav-blogger {
    height: 55px; 
    width: 56px;
    background: url('../images/ios/blogger.jpg') no-repeat;
}
#nav-blogger a {
    display:block;
    width: 55px;
    height: 56px;
}

#nav-digg {
    height: 56px; 
    width: 56px;
    background: url('../images/ios/digg.jpg') no-repeat;
}

#nav-digg a {
    display:block;
    width: 55px;
    height: 56px;
}

#nav-fb ul li, #nav-tw ul li {
    float: left;
    cursor: pointer;
}

#nav-like {
    margin-left: 9px;
}

#nav-share {
    margin-left: 21px;
}

#nav-tweet {
    margin-left: 11px;
}

#nav-follow {
    margin-left: 19px;
}

.clr {
    clear: both;
}

#site-characters { position: absolute; padding: 230px 0 0 0; }

#site-characters ul {margin:0; padding:0}
#site-characters ul li {position: relative; list-style:none; height:130px; background: url(../images/ios/characters/menu_bg.png) 0 100% repeat-x;}
#site-characters ul li .arrow {position: absolute; width: 25px; height: 38px; background: url(../images/ios/characters/arrow.png); top:42px; right:35px;}


/* Characters */
#site-characters ul li.menu .merida {background:url('../images/ios/characters/merida_menu.png?v=2') no-repeat 0 5px; width:996px; height:130px; display:block;}
#site-characters ul li.menu .elinor {background:url('../images/ios/characters/elinor_menu.png?v=2') no-repeat 0 5px; width:996px; height:130px; display:block;}
#site-characters ul li.menu .fergus {background:url('../images/ios/characters/fergus_menu.png?v=2') no-repeat 0 5px; width:996px; height:130px; display:block;}
#site-characters ul li.menu .triplets {background:url('../images/ios/characters/triplets_menu.png?v=2') no-repeat 0 5px; width:996px; height:130px; display:block;}
#site-characters ul li.menu .angus {background:url('../images/ios/characters/angus_menu.png?v=2') no-repeat 0 5px; width:996px; height:130px; display:block;}
#site-characters ul li.menu .lmaggufin {background:url('../images/ios/characters/lmaggufin_menu.png?v=2') no-repeat 0 5px; width:996px; height:130px; display:block;}
#site-characters ul li.menu .ymaggufin {background:url('../images/ios/characters/ymaggufin_menu.png?v=2') no-repeat 0 5px; width:996px; height:130px; display:block;}
#site-characters ul li.menu .ldingwall {background:url('../images/ios/characters/ldingwall_menu.png?v=2') no-repeat 0 5px; width:996px; height:130px; display:block;}
#site-characters ul li.menu .wdingwall {background:url('../images/ios/characters/wdingwall_menu.png?v=2') no-repeat 0 5px; width:996px; height:130px; display:block;}
#site-characters ul li.menu .lmacintosh {background:url('../images/ios/characters/lmacintosh_menu.png?v=2') no-repeat 0 5px; width:996px; height:130px; display:block;}
#site-characters ul li.menu .ymacintosh {background:url('../images/ios/characters/ymacintosh_menu.png?v=2') no-repeat 0 5px; width:996px; height:130px; display:block;}

body.merida {background:url('../images/ios/characters/merida_bg.jpg') no-repeat top center #000; background-position-y: 60px; width:996px; height:1145px}
body.elinor {background:url('../images/ios/characters/elinor_bg.jpg') no-repeat top center #000; background-position-y: 60px; width:996px; height:1145px}
body.fergus {background:url('../images/ios/characters/fergus_bg.jpg') no-repeat top center #000; background-position-y: 60px; width:996px; height:1145px}
body.triplets {background:url('../images/ios/characters/triplets_bg.jpg') no-repeat top center #000; background-position-y: 60px; width:996px; height:1145px}
body.angus {background:url('../images/ios/characters/angus_bg.jpg') no-repeat top center #000; background-position-y: 60px; width:996px; height:1145px}
body.lmaggufin {background:url('../images/ios/characters/lmaggufin_bg.jpg') no-repeat top center #000; background-position-y: 60px; width:996px; height:1145px}
body.ymaggufin {background:url('../images/ios/characters/ymaggufin_bg.jpg') no-repeat top center #000; background-position-y: 60px; width:996px; height:1145px}
body.ldingwall {background:url('../images/ios/characters/ldingwal_bg.jpg') no-repeat top center #000; background-position-y: 60px; width:996px; height:1145px}
body.wdingwall {background:url('../images/ios/characters/wdingwal_bg.jpg') no-repeat top center #000; background-position-y: 60px; width:996px; height:1145px}
body.lmacintosh {background:url('../images/ios/characters/lmacintosh_bg.jpg') no-repeat top center #000; background-position-y: 60px; width:996px; height:1145px}
body.ymacintosh {background:url('../images/ios/characters/ymacintosh_bg.jpg') no-repeat top center #000; background-position-y: 60px; width:996px; height:1145px}

.cmenu { width: 996px; background: url('../images/ios/black_trans.png'); padding: 6px 0 0 0; }
.cmenu .inner { clear: both; width: 930px; height: 90px; margin: 0 auto; }
.cmenu #cprev {background:url('../images/ios/cprev.png') no-repeat 50% 50%; width:202px; height:90px; display:block;float:left; }
.cmenu #cmenu {background:url('../images/ios/cmain.png') no-repeat 50% 50%; width:521px; height:90px; display:block;float:left;}
.cmenu #cnext {background:url('../images/ios/cnext.png') no-repeat 50% 50%; width:199px; height:90px; display:block;float:left;}

.clear {clear: both;}

.biographi{clear: both;text-align: left;width:850px; margin:530px auto 0 auto; color:#e7e2cc; font-family: arial,helvetica,sans-serif; }
.biographi p { padding: 0 35px 0 35px;font-size: 30px;}
.biographi h1{text-align:center; font-family:Trajan Pro; color:#cfc6ac; font-size:58px;line-height: 170%;}


#disneyPlayer { margin: 30px auto; width: 760px; }

#site-video-playlist {margin: 0 auto 0 auto; width: 996px;clear: both; text-align: center; }

/*#site-video-playlist div.vid-nav { background: url('../images/vid-nav.png') no-repeat top left; clear: both; }
#site-video-playlist div.vid-nav .icon { float: right; width: 90px; margin-top: 20px; margin-right: 10px; }
#site-video-playlist div.vid-nav .desc { font-family: 'Trajan Pro'; color: #f8f1dd; font-size: 30px; padding: 37px 0 0 95px; }
*/
#site-video-playlist div.vid-nav-block { display: inline-block; float: center; width: 130px; height: 100px; margin: 10px; }
#site-video-playlist div.vid-nav-block.on img { border: 4px solid #f8f1dd; }

@media only screen (orientation: portrait) {
}

@media only screen (orientation: landscape) {
}

#gettickets
{
	margin-left:30px;
}
#sweeps
{
	display:none;
	position:relative;
	top:186px;
	left:10px;
}
#rules
{
	display:none;
	position:relative;
	top:184px;
	left:170px;
}
#ticketandsweeps
{
	position: absolute;
	top:383px;
	margin-bottom:-259px;
	width:400px;
}
#topTickets
{
	margin-bottom:-67px;
	position:relative;
	top:50px;
	left:675px;
	width:209px;
	z-index:9998;
}

#awardContainer {
        position: absolute;
	top:383px;
	margin-bottom:-259px;
	width:400px;
          /*border: 1px solid yellow;*/
}
#awardMessage-1 {
        overflow: hidden;
        background-image: url('http://dolimg.com/franchise/brave/images/ios/GGAAWinner_splash.png');
        width: 398px;
        height: 198px;
        /*border: 1px solid white;*/
}
#awardMessage-2 {
        overflow: hidden;
        background-image: url('http://dolimg.com/franchise/brave/images/ios/oscarNominationTout_splash.png');
        width: 398px;
        height: 198px;
          /*border: 1px solid green;*/
}