/*************************************************************/ /*****************************************************GENERAL*/ /*************************************************************/ body, html{height:100%;width:100%; } body.landing {text-align:center;} body, html, * {padding:0px;margin:0px;font-family:Arial, Helvetica, sans-serif; outline:none; border:none; } body {/*background:url(/images/loading_bg.png) center center no-repeat;*/ background-color:#000; background:url(../img/ajax-loader.gif) center center no-repeat #000; width:100%;} img, a, img a, a img, li, a:active, a:link, a:hover, a:visited, a:focus {text-decoration:none; -moz-outline-style: none;} a, a img{cursor:pointer;} .left {float:left; } .right {float:right;} .clear {clear:both;} .hidden {display:none;} p, dd, dl, dt, h1, h2, h3, h4, input[type=text], textarea{cursor:text;} /*#all {width:100%; margin:auto; position:relative; z-index:100; background:url(/images/completelyTransparent.png) repeat \9; *background:none;}*/ .wrapper {margin:auto; width:655px;} .wrapperWithSubMenu {margin:auto; width:875px; /*overflow:auto; *//*height:600px;*/ /* overflow:auto;*/ } .spacer {height:50px; clear:both;} .hidden {visibility:hidden} h1 {font-size:5em; color:#cc9900} #bgimg {position:fixed; z-index: -1; visibility:hidden} #contentWithSubMenu {float:left; width:650px; /*height:600px; overflow:auto; */ margin-top:50px; position:relative; } #flashBackground { position: absolute; z-index:-4; top: 0; left: 0; margin: 0; padding: 0; width: 100%; height: 100%; overflow: hidden; } /*************************************************************/ /********************************************************CONTENT*/ /*************************************************************/ #content {position:relative; overflow:hidden; top:-1500px; z-index:100; /*width:900px; */margin-left:100px; display:block; color:#cc9900; float:left; margin-right:100px; } #content_text{width:377px; background:url(../img/content_text_bg.png) repeat-y; padding:25px 15px; font-size:12px;} #content_text p {margin-bottom:12px; width:327px;} #content_text h1 {color:#ffc105; font-size:16px; text-transform:uppercase; margin-bottom:18px;} #content_text #story {display:none;} #content_text #story p {text-indent:2em;} #content #scroll_content_up {display:block; margin-left:140px; cursor:pointer;} #content_text_menu {width:247px; height:37px; background:url(../img/content_text_menu_bg.png) no-repeat; margin-left:0px; padding-left:40px;} #content_text_menu.menu_with_video{width:400px; background:url(../img/content_text_menu_bg_with_video.png) no-repeat; } #content_text_menu a {color: #CC9900; } #content_text_menu a:hover {color: #fff; } #content_text_menu li {float:left; font-weight:bold; font-size:14px; color:#cc9900; list-style:none; width:65px; display:block; padding-top:10px; cursor:pointer; } #content_text_menu li:hover {text-decoration:none; color:#fff} #content_text_menu li.active {color:#fff !important; cursor:default;} #content_text_menu li.active:hover {color:#fff; cursor:default; text-decoration:none;} #content_text_menu li img {margin-top:-5px; margin-left:-5px; margin-left:5px \9} #content_text_menu #send {width:100px; text-align:right; position:relative; z-index:200;} /*************************************************************/ /********************************************************MENU*/ /*************************************************************/ #menu {position:fixed; bottom:30px; right:0px; z-index:101; width:558px; height:70px; background:url(../img/menu_bg_es.png) no-repeat;} #menu li {float:left; display:block; margin-top:25px; margin-left:10px;} #menu li a {display:block;} body.en #menu li a#menu_songs {margin-left:50px; width:76px; height:23px; background: url(../img/btn_songs.png) no-repeat;} body.en #menu li a#menu_songs:hover {background: url(../img/btn_songs_hover.png) no-repeat;} body.en #menu li a#menu_songs.active {background: url(../img/btn_songs_hover.png) no-repeat; cursor:default;} body.fr #menu li a#menu_songs {margin-left:20px; width:115px; height:23px; background: url(../img/btn_songs_fr.png) no-repeat;} body.fr #menu li a#menu_songs:hover {background: url(../img/btn_songs_fr_hover.png) no-repeat;} body.fr #menu li a#menu_songs.active {background: url(../img/btn_songs_fr_hover.png) no-repeat; cursor:default;} body.es #menu li a#menu_songs {margin-left:15px; width:123px; height:23px; background: url(../img/btn_songs_es.png) no-repeat;} body.es #menu li a#menu_songs:hover {background: url(../img/btn_songs_es_hover.png) no-repeat;} body.es #menu li a#menu_songs.active {background: url(../img/btn_songs_es_hover.png) no-repeat; cursor:default;} body.jp #menu li a#menu_songs {margin-left:60px; width:26px; height:23px; background: url(../img/btn_songs_jp.png) no-repeat;} body.jp #menu li a#menu_songs:hover {background: url(../img/btn_songs_jp_hover.png) no-repeat;} body.jp #menu li a#menu_songs.active {background: url(../img/btn_songs_jps_hover.png) no-repeat; cursor:default;} body.en #menu li a#menu_band {margin-left:10px; width:64px; height:23px; background: url(../img/btn_band.png) no-repeat;} body.en #menu li a#menu_band:hover {background: url(../img/btn_band_hover.png) no-repeat;} body.en #menu li a#menu_band.active {background: url(../img/btn_band_hover.png) no-repeat; cursor:default;} body.fr #menu li a#menu_band {width:88px; height:23px; background: url(../img/btn_band_fr.png) no-repeat;} body.fr #menu li a#menu_band:hover {background: url(../img/btn_band_fr_hover.png) no-repeat;} body.fr #menu li a#menu_band.active {background: url(../img/btn_band_fr_hover.png) no-repeat; cursor:default;} body.es #menu li a#menu_band {margin-left:-4px; width:78px; height:23px; background: url(../img/btn_band_es.png) no-repeat;} body.es #menu li a#menu_band:hover {background: url(../img/btn_band_es_hover.png) no-repeat;} body.es #menu li a#menu_band.active {background: url(../img/btn_band_es_hover.png) no-repeat; cursor:default;} body.jp #menu li a#menu_band {margin-left:20px; width:60px; height:23px; background: url(../img/btn_band_jp.png) no-repeat;} body.jp #menu li a#menu_band:hover {background: url(../img/btn_band_jp_hover.png) no-repeat;} body.jp #menu li a#menu_band.active {background: url(../img/btn_band_jp_hover.png) no-repeat; cursor:default;} body.en #menu li a#menu_credits {margin-left:10px; width:94px; height:23px; background: url(../img/btn_credit.png) no-repeat;} body.en #menu li a#menu_credits:hover {background: url(../img/btn_credit_hover.png) no-repeat;} body.en #menu li a#menu_credits.active {background: url(../img/btn_credit_hover.png) no-repeat; cursor:default;} body.fr #menu li a#menu_credits {width:94px; height:23px; background: url(../img/btn_credits_fr.png) no-repeat;} body.fr #menu li a#menu_credits:hover {background: url(../img/btn_credits_fr_hover.png) no-repeat;} body.fr #menu li a#menu_credits.active {background: url(../img/btn_credits_fr_hover.png) no-repeat; cursor:default;} body.es #menu li a#menu_credits {margin-left:-4px; width:108px; height:23px; background: url(../img/btn_credits_es.png) no-repeat;} body.es #menu li a#menu_credits:hover {background: url(../img/btn_credits_es_hover.png) no-repeat;} body.es #menu li a#menu_credits.active {background: url(../img/btn_credits_es_hover.png) no-repeat; cursor:default;} body.jp #menu li a#menu_credits {margin-left:20px; width:94px; height:23px; background: url(../img/btn_credits_jp.png) no-repeat;} body.jp #menu li a#menu_credits:hover {background: url(../img/btn_credits_jp_hover.png) no-repeat;} body.jp #menu li a#menu_credits.active {background: url(../img/btn_credits_jp_hover.png) no-repeat; cursor:default;} body.en #menu li a#menu_contact {margin-left:10px; width:98px; height:23px; background: url(../img/btn_contact.png) no-repeat;} body.en #menu li a#menu_contact:hover {background: url(../img/btn_contact_hover.png) no-repeat;} body.en #menu li a#menu_contact.active {background: url(../img/btn_contact_hover.png) no-repeat; cursor:default;} body.fr #menu li a#menu_contact {width:98px; height:23px; background: url(../img/btn_contact.png) no-repeat;} body.fr #menu li a#menu_contact:hover {background: url(../img/btn_contact_hover.png) no-repeat;} body.fr #menu li a#menu_contact.active {background: url(../img/btn_contact_hover.png) no-repeat; cursor:default;} body.es #menu li a#menu_contact { margin-left:-4px; width:112px; height:23px; background: url(../img/btn_contact_es.png) no-repeat;} body.es #menu li a#menu_contact:hover {background: url(../img/btn_contact_es_hover.png) no-repeat;} body.es #menu li a#menu_contact.active {background: url(../img/btn_contact_es_hover.png) no-repeat; cursor:default;} body.jp #menu li a#menu_contact {margin-left:20px; width:94px; height:23px; background: url(../img/btn_contact_jp.png) no-repeat;} body.jp #menu li a#menu_contact:hover {background: url(../img/btn_contact_jp_hover.png) no-repeat;} body.jp #menu li a#menu_contact.active {background: url(../img/btn_contact_jp_hover.png) no-repeat; cursor:default;} #menu li#lang { margin-top:15px;} #menu li ul#languages {float:left; width:60px; height:37px; margin-left:10px;} #menu li ul#languages li {float:left; display:block; margin:0px;} #menu li ul#languages li a#menu_en {width:28px; height:21px; background: url(../img/btn_flag_en.png) no-repeat;} #menu li ul#languages li a#menu_en:hover {background: url(../img/btn_flag_en_hover.png) no-repeat;} #menu li ul#languages li a#menu_en.active {background: url(../img/btn_flag_en_hover.png) no-repeat; cursor:default;} #menu li ul#languages li a#menu_fr {width:28px; height:21px; background: url(../img/btn_flag_fr.png) no-repeat;} #menu li ul#languages li a#menu_fr:hover {background: url(../img/btn_flag_fr_hover.png) no-repeat;} #menu li ul#languages li a#menu_fr.active {background: url(../img/btn_flag_fr_hover.png) no-repeat; cursor:default;} #menu li ul#languages li a#menu_es {width:28px; height:21px; background: url(../img/btn_flag_es.png) no-repeat;} #menu li ul#languages li a#menu_es:hover {background: url(../img/btn_flag_es_hover.png) no-repeat;} #menu li ul#languages li a#menu_es.active {background: url(../img/btn_flag_es_hover.png) no-repeat; cursor:default;} #menu li ul#languages li a#menu_jp {width:28px; height:21px; background: url(../img/btn_flag_jp.png) no-repeat;} #menu li ul#languages li a#menu_jp:hover {background: url(../img/btn_flag_jp_hover.png) no-repeat;} #menu li ul#languages li a#menu_jp.active {background: url(../img/btn_flag_jp_hover.png) no-repeat; cursor:default;} /*************************************************************/ /********************************************************SONGS*/ /*************************************************************/ #menu #songs {background:url(../img/80_green_bg.png) repeat; padding:0px 10px 20px 10px; font-size:14px; position:absolute; z-index:100; margin-left:22px; margin-top:-269px; *margin-top:-339px; *position:relative;} #menu #songs li {list-style:none; margin-top:15px; display:block; float: none } #menu #songs li a{color:#ffc005;} #menu #songs li a:hover{color:#fff; cursor:pointer; } #menu #songs li a.active {cursor:default; color:#fff;} #menu #songs li a span.arial {font-family:Arial, Helvetica, sans-serif !important} /*************************************************************/ /********************************************************CONTROL_PANEL*/ /*************************************************************/ #control_panel {position:fixed; bottom:30px; left:50px;} #control_panel li {float:left; display:block; list-style:none; margin-right:25px;} #control_panel li#buy_album {margin-top:10px; margin-left:-5px;} #control_panel li#buy_album a.en {display:block; width:75px; height:45px; background:url(../img/buy_album_en.png) no-repeat;} #control_panel li#buy_album a.en:hover {background:url(../img/buy_album_hover_en.png) no-repeat;} /*************************************************************/ /********************************************************FOOTER*/ /*************************************************************/ #footer {} /*************************************************************/ /********************************************************LANDING*/ /*************************************************************/ #landing {width:960px; text-align:center; margin:auto; padding-top:50px;} #landing ul {display:block; list-style:none; margin:auto; margin-top:75px; padding-left:60px; width:320px; width:330px;} #landing ul li {float:left; display:block; margin-left:10px; margin-right:10px; } #landing ul li.last {margin-right:0px;} /*************************************************************/ /********************************************************CONTACT*/ /*************************************************************/ #contact label {display:block;} .text_field, .text_area{ margin-bottom:40px; border:1px solid #cc9900; background:#01494b; color:#cc9900} .text_field {padding:5px; font-size:16px;width:335px; font-weight:bold;} .text_area {height:150px; width:345px;} .fb-like-box { float:right; background-color:#FFF; margin-right:60px; } /*************************************************************/ /*****************************************************NEWSLETTER*/ /*************************************************************/ #newsletter {background:#f00; width:350px; position:absolute; top:0px; right:0px; padding:24px 10px 24px 15px; background:url(../img/content_text_bg.png) repeat-y; font-size:12px;} #newsletter legend {font-size:16px; color:#FFC105; text-transform:uppercase; display:block;} #newsletter .spacer {height:16px;} #newsletter .indicate-required{font-size:12px; font-weight:bold; margin-bottom:20px;} #newsletter .mc-field-group {} #newsletter label {display:block; } #newsletter .text_field {margin-bottom:5px;} #newsletter #mc-embedded-subscribe{margin-top:20px;} #newsletter .mce_inline_error{font-weight:bold} /*************************************************************/ /*****************************************************INDEX*/ /*************************************************************/ #introMsg { color:#FC0; width:300px; font-size:12px; position:fixed; bottom:130px; background-color: rgba(0, 0, 0, 0.6); padding:10px; padding-left:50px;} #introMsgFr { color:#FC0; width:340px; font-size:12px; position:fixed; bottom:110px; background-color: rgba(0, 0, 0, 0.6); padding:10px; padding-left:50px;} #introMsgEs { color:#FC0; width:330px; font-size:12px; position:fixed; bottom:110px; background-color: rgba(0, 0, 0, 0.6); padding:10px; padding-left:50px; } #introMsgJp { color:#FC0; width:340px; font-size:12px; position:fixed; bottom:110px; background-color: rgba(0, 0, 0, 0.6); padding:10px; padding-left:50px; }