/* CSS RESET */
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}body{line-height:1}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}nav ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:none}a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent}ins{background-color:#ff9;color:#000;text-decoration:none}mark{background-color:#ff9;color:#000;font-style:italic;font-weight:bold}del{text-decoration:line-through}abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}table{border-collapse:collapse;border-spacing:0}hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}input,select{vertical-align:middle}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,input,textarea,p,blockquote,th,td { margin:0; padding:0; }
table { border-collapse:collapse; border-spacing:0; }
fieldset,img { border:0; }
ol,ul { list-style:none; }
caption,th { text-align:left; }
h1,h2,h3,h4,h5,h6 { font-size:100%; font-weight:normal; }
q:before,q:after { content:''; }
abbr,acronym { border:0; }

/************************************** CSS DEFAULT **************************************/

body{ color:#FFFFFF; font: 62.5% Arial, Helvetica, sans-serif; margin:0px; padding:0px; background-attachment:fixed; background-color:#000000; background-image: url(/_assets/images/bg.jpg?v=2); background-position:center top; background-repeat:no-repeat;}
.page{ margin: 0 auto; text-align: left; width:100%; max-width: 898px;}
#content{}
strong{font-weight:bold;}
em{font-style:italic !important;}



/************************************** HEADER **************************************/

#header .snsContainer{ position:absolute; right:10px; top:10px;}
#header .iphoneLogo{display:none;}
#nav { margin:5px auto; width:560px; }
#nav ul {  display: inline; }
#nav li {  font-family:HelveticaNeueLT-LightExt; display: block; float: left;  list-style: none; }
#nav li a { color: #FFF;  display: block; text-transform:uppercase; margin: 0 1px 0 1px; font-size:1.6em; font-weight: normal; font-style: normal; letter-spacing:1px; line-height: 1.8em; padding: 5px 15px 5px 15px; text-align: center; text-decoration: none; }

#nav li a:hover, #nav li a.current { color:#96949f; }
#nav li.menu-home a {text-indent:-9999px; width:138px; height:75px; background-image: url(/_assets/images/logo.png); background-position:center center; background-repeat:no-repeat;}



/************************************** FOOTER **************************************/



/************************************** GLOBAL **************************************/

a:link{color:#515050; text-decoration:none;}
a:active{color:#515050; text-decoration:none;}
a:visited{color:#515050; text-decoration:none;}
a:hover{color:#515050; text-decoration:underline;}

.button{font-family: Arial, Helvetica, sans-serif; font-size:12px; background-color:#FFFFFF; color:#000000; padding:5px 10px 5px 10px;}
a.button:link, a.button:visited, a.button:active{ color:#000000;}
.button:hover{background-color:#d3d3d3; text-decoration:none; }

.clearfix{clear:both;}
.clear{clear:both;}



/************************************** HOME PAGE **************************************/

body#homepage{ background-color:#000000; background-image:none !important; }


.topBgFade { position:absolute; z-Index:2; top:0px; width:100%; height:458px; background-image: url(/_assets/images/top_fade.png); background-position:top left; background-repeat:repeat-x;}
.bottomBgFade{ position:absolute; z-Index:3; bottom:0px; width:100%; height:256px; background-image: url(/_assets/images/bottom_fade.png); background-position:top left; background-repeat:repeat-x;}

.birdMute{position:absolute; color:#96949f; right:10px; bottom:10px; z-Index:9999; cursor:pointer; display:none;}
.birdMute:hover{color:#FFFFFF;}
.videoCloseMobile{  cursor:pointer; width:100%; text-align:center; background-color:#000000; font-size:1.8em; padding-top:5px; padding-bottom:5px; margin-bottom:20px;}

.videoClose{ display:none; position:absolute; cursor:pointer; text-align:center; z-Index:9999; opacity:0.7; filter:alpha(opacity=70); top:5px; left:10px; width:36px; height:43px; background-image: url(/_assets/images/closeVideo.png?v=2); background-position:center bottom; background-repeat:no-repeat;}
.videoClose:hover{opacity:1; filter:alpha(opacity=100)}

.searchContent{clear:both; text-align:center; text-transform:uppercase;  width:205px; margin:0px auto; font-size:1.1em; line-height:1.6em; font-family:HelveticaNeueLT-LightExt;  margin-top:10px; padding-top:5px; padding-right:10px; padding-bottom:3px;}
.mainWrapper{overflow:hidden;}
.wrapper{position:absolute; left:0px; right:0px; z-Index:1; }
#homepage #header{ position:absolute;z-index:9998; width: 100%;}

#homepage #ytplayer{  display:block;} 
#homepage .ipadPlayButton{display:none; position:absolute; z-index:9999; top:50%; left:50%; height:60px; width:86px; margin-top:-30px; margin-left:-43px; background-repeat:no-repeat; background-position:center center; background-image: url(/_assets/images/ytplay.png);}

#homepage .mainVideoContainer{position:relative; }
#homepage .videoCloseButton{ display:none; position:absolute; cursor:pointer; margin-top:-14px; right:-14px; width:27px; height:27px; background-image: url(/_assets/images/close-but.png?v=2); background-position:center center; background-repeat:no-repeat; }
#homepage .videoContainer{ margin-top:30px; margin-bottom:30px; cursor:pointer; min-height:550px; background-image: url(/_assets/images/play-but.png); background-position:center center; background-repeat:no-repeat;}

#homepage{background-attachment:fixed; background-color:#000000; background-image: url('/_assets/images/loader.gif'); !important; background-position:center center; background-repeat:no-repeat;}
.videoBG_wrapper{background-color:#000000; background-image: url('/_assets/images/loader.gif'); !important; background-position:center center; background-repeat:no-repeat;}

#homepage .hpTitleContainer{ position:absolute; bottom:40px;  z-index:9997; width:100%;} 
#homepage .hitArea{ position:absolute;  z-index:9990; left:50%; top:50%; display:none; }

#homepage .embedBlock{display:none;  position:absolute; right:0px; width:240px; height:600px; z-index:9998;}

#homepage .hitSq{width:70px; height:70px;  position:absolute;  cursor:pointer; -webkit-transition: background-image .4s ease; -moz-transition: all 1s ease-in-out; transition: background-image .4s ease; background-image: url(/_assets/images/hitCircle.png?v=5); background-position:center center; background-repeat:no-repeat; }
#homepage .hitSq:hover {background-image: url(/_assets/images/hitCircle-hover.png?v=5); }

#homepage #player { position:absolute; width:100px; height:100px; left:-200px; top:-60px;position:absolute; }
.ui360 span {vertical-align: top;}

#homepage .hit1{left:450px; top:30px;}
#homepage .hit2{left:280px; top:50px; }
#homepage .hit3{left:400px; top:-120px;}
#homepage .hit4{left:-500px; top:60px; }
#homepage .hit5{left:-100px; top:-60px; }
#homepage .hit6{left:50px; top:-40px; }
#homepage .hit7{left:190px; top:45px;}
#homepage .hit8{left:-250px; top:40px; }
#homepage .hit9{left:130px; top:-100px; }
#homepage .hit10{left:-180px; top:-20px; }
#homepage .hit11{left:-380px; top:0px; }
#homepage .hit12{left:280px; top:-50px; }
#homepage .hit13{left:-420px; top:-120px; }
#homepage .hit14{left:-80px; top:40px; }
#homepage .hit15{left:-270px; top:-70px; }
#homepage .hit16{left:-250px; top:-110px; }
#homepage .hit17{left:-23px; top:-50px; }
#homepage .hit18{left:170px; top:-40px; }



.hpTitleContainer{ text-transform:uppercase;text-align:center; font-family:HelveticaNeueLT-LightExt; font-weight: normal; font-style: normal;}
.hpTitleContainer .albumOutText { color:#e6d8be; font-size:1.4em;}
.hpTitleContainer .albumTitleText { font-size:3.5em; padding-top:5px; padding-bottom:5px;}
.hpTitleContainer .preOrderText{ color:#e6d8be; font-size:1.6em; padding-bottom:10px;}
.hpTitleContainer .preOrderText a{ color:#e6d8be; text-decoration:none;}
.hpTitleContainer .preOrderText a:hover{ color:#ffffff; text-decoration:none;}

.hpTitleContainer .albumFeaturesText {font-size:8px; line-height:1.9em;}
.hpTitleContainer .albumFeaturesText strong{font-weight:normal; font-size:12px; padding-left:2px; padding-right:2px;}


/************************************** NEWS PAGE **************************************/

#news{background-position:  center top !important;}

#news .topNewsContainer{margin-top:30px;}
#news .storyContainer{clear:both; color:#000000; }
#news .storyContainer{clear:both; color:#000000; }

#news .newsContentContainer{margin-bottom:30px; padding-bottom:10px; background: rgba(255, 255, 255, 0.9); ;}
#news .mainImageContainer{border:px solid #FFFFFF; }
#news .mainImageContainer img {width:100%;}
#news .subjectTitle{padding:10px 20px 0px 20px; color:#000000; font-family:'HelveticaNeueLT-LightExt'; text-align:center;  font-size:2.0em; line-height:20px; text-transform:uppercase;}
#news .subjectTitle a{color:#000000;text-decoration:none; }
#news .dateText{font-family:'HelveticaNeueLT-LightExt'; text-align:center;  font-size:1.2em; line-height:20px; color:#848388; text-transform:uppercase; }
#news .shareContainer{padding-top:10px;}
#news .contentText{font-size:1.4em; line-height:16px; padding:0px 20px 20px 20px; color:#000000;}
#news p{padding-top:10px;}

#news .fyre-editor-container{height:auto !important;}
/************************************** RELEASE PAGE **************************************/


#music #releasesContainer{margin:60px auto 0px auto; padding:0px; text-align:left; max-width:985px;}
#music #topReleaseBanner { display:none;  }
#music .releases{clear:both; }
#music .releaseDetails{font-family:'HelveticaNeueLT-LightExt'; text-align:center;  font-size:12px; line-height:20px; text-transform:uppercase;}
#music .headerText{font-family:'HelveticaNeueLT-LightExt'; padding-top:5px; text-align:center; font-size:2.5em; font-weight:normal; line-height:30px; text-transform:uppercase; color:#f9fbe5; background-image: url(/_assets/images/album-bg-line.png); background-position:center center; background-repeat:no-repeat;}
#music .formatText{font-family:'HelveticaNeueLT-LightExt'; text-align:center; text-transform:uppercase; padding-bottom:10px;}

#music .artistSidebar{float:left;  width:49%; margin:0px 0px 30px 0px;}
#music .artistSidebar .featuredReleaseArtwork {margin-top:10px;}
#music .artistSidebar .featuredReleaseArtwork img{ width:100%; border:3px solid #FFFFFF; }

#music .descriptionHeaderContainer{padding:15px 0px 0px 0px; font-family:'HelveticaNeueLT-LightExt'; font-size:20px; text-transform:uppercase; color:#FFFFFF;}
#music .descriptionContainer{font-size:12px; line-height:16px; padding-top:10px;}
#music .releaseDetails strong{ color:#000000; }
#music .buyText{font-family:'HelveticaNeueLT-LightExt'; font-size:18px; padding-top:5px; text-transform:uppercase; color:#FFFFFF; text-align:right; }
#music .purchaseContainer{ margin:0px;  padding:10px 0px 20px 0px; text-align:right; }
#music .purchaseContainer .button{ margin-right:5px;}

#music .releaseContent{ float:right; width:49%; margin:10px 0px 10px 0px; color:#878181; position:relative;}
#music .artistText{ position:absolute; top:18px; right:100%; text-align:right; margin-right:25px; width:330px; z-index:2; font-family:'FuturaW01-LightCondense 774878'; font-size:2.4em; text-transform:uppercase;}

#music .tracklistingContainer{ margin-top:0px; padding:15px 12px 0px 15px; background-color:#FFFFFF;}
#music .releaseRow{padding-bottom:10px; border-bottom:1px solid #f1f1f1; margin-bottom:10px;}
#music .numCol{ float:left; width:5%;}
#music .nameCol{ float:left; width:73%; font-size:12px;}
#music .timeCol{ float:left; width:8%; text-align:right;}
#music .videoCol { float:left; width:7%; text-align:right;}
#music .downloadCol{ float:left; width:7%; text-align:right;}

/************************************** VIDEO PAGE **************************************/

#videos{background-position:  center -100px !important;}

#videos #videoContainer{ margin:30px 0px 0px 0px;}
#videos #mainVideoContainer{border:1px solid #acacac; background-color:#000000;}
#videos .typeGalleryContainer{display:none;}
#videos #mainVideoTextContainer{font-family:'HelveticaNeueLT-LightExt'; padding-top:15px; text-align:center; font-size:2.5em; font-weight:normal; line-height:30px; text-transform:uppercase; color:#f9fbe5;}
#videos .videoReleaseDate{ text-transform:uppercase; text-align:center; font-family:HelveticaNeueLT-LightExt; font-weight: normal; font-style: normal; color:#e6d8be; font-size:14px;}


#videos #videoContainer{ clear:both; width:100%;  }
#videos .releasesInnerContainer{margin: 30px auto 10px auto; text-align: left; max-width:985px; }
#videos .videoSliderContainer { margin: 20px 0px 0px 0px; padding: 0px 0px 12px 0px; position:relative;}
#videos .videoSliderContainer ul { margin: 0; padding: 0; list-style: none; display: block; }
#videos .videoSliderContainer li {font-size: 12px; font-family:'HelveticaNeueLT-LightExt';  text-transform:uppercase;color: #FFFFFF; text-align: left;  position:relative;  width:161px; padding: 0; margin:0px 6px 0px 6px; display: block; float: left;}
#videos .videoSliderContainer li .titleVideoContainer a{color:#FFFFFF;}
#videos .videoSliderContainer li .titleVideoContainer {padding-top:5px;}
#videos .videoSliderContainer li .thumbVideoContainer img{border:1px solid #646f88;}

#videos .pagination {text-align: center; margin:10px 0px 10px 0px; }
#videos .pagination a {background: url('/_assets/images/silde-nav.png') top left no-repeat transparent; width: 13px; height: 13px; margin: 0 5px 0 0; display: inline-block;}
#videos .pagination a.selected { background-position: bottom left; cursor: default;}
#videos .pagination a span { display: none;}

#videos .videoSliderContainer .featuredRelease img{width:99%; }

#videos .prev{display:none; position:absolute; top:65px; left:-50px; width:55px; height:53px; background-image:url('/_assets/images/buttons.png?v=2'); background-repeat:no-repeat; background-position:top left; text-indent:-9999px;}
#videos .next{display:none; position:absolute; top:65px; right:10px; width:55px; height:53px; background-image:url('/_assets/images/buttons.png?v=2'); background-repeat:no-repeat; background-position:top right; text-indent:-9999px;}


/************************************** PRE-ORDER PAGE **************************************/

#pre-order{ text-transform:uppercase; text-align:center; font-family:HelveticaNeueLT-LightExt; font-weight: normal; font-style: normal;}
#pre-order .preOrdderContainer{text-align:center; margin:0px auto; width:650px;}
#pre-order .releaseDateContainer{ color:#e6d8be; font-size:14px; padding-top:30px; }
#pre-order .albumTitleText { font-size:20px; padding-top:5px;  padding-bottom:5px;}
#pre-order .preOrderTextContainer { padding-top:20px; font-size:13px;  margin:0px auto; line-height:1.2em; }

#subscribe-form{ padding-top:10px;}
#subscribe-form .email {width:430px; }
#subscribe-form #postcode {width:228px; }
#subscribe-form #countrycode  {width:200px; margin-top:4px; font-size:15px !important; height:27px !important;}

#subscribe-form input {background:#fff; margin:5px 0px 0px 8px; padding:4px;color:#333;}
#subscribe-form label{color:#33241a !Important;}
#subscribe-form input,  #subscribe-form select {border:1px solid #c4c6ca; 
	font-size:14px;
	-webkit-border-bottom-right-radius: 5px;  
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-bottomright: 5px;
	-moz-border-radius-bottomleft: 5px;
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;	
	-webkit-border-top-right-radius: 5px;
	-webkit-border-top-left-radius: 5px;
	-moz-border-radius-topright: 5px;
	-moz-border-radius-topleft: 5px;
	border-top-right-radius: 5px;
	border-top-left-radius: 5px;	}
	
#subscribe-form .submitButton { line-height:20px; width:100px; height:20px; margin:0px auto 40px auto ;  border:none; cursor:pointer; background  : none !important;
-webkit-border-bottom-right-radius: 5px;  
	-webkit-border-bottom-left-radius: 0px;
	-moz-border-radius-bottomright: 0px;
	-moz-border-radius-bottomleft: 0px;
	border-bottom-right-radius: 0px;
	border-bottom-left-radius: 0px;	
	-webkit-border-top-right-radius: 0px;
	-webkit-border-top-left-radius: 0px;
	-moz-border-radius-topright: 0px;
	-moz-border-radius-topleft: 0px;
	border-top-right-radius: 0px;
	border-top-left-radius: 0px;	}	
#subscribe-form select {padding:3px !important; }
#subscribe-form .privacyPol{ font-size:9px; padding-top:5px;}
#subscribe-form #chkPrivPol{ margin:0px 0px 0px 0px; }
#subscribe-form .privacyPol a:link, #subscribe-form .privacyPol a:visited, #subscribe-form .privacyPol a:active{ color:#fcffc0; }
#subscribe-form .errorText {color:#fcffc0; font-weight:bold;}
#subscribe-form .videoContainer{margin-top:30px;}



/************************************** IPAD **************************************/

@media only screen and (device-width: 768px) {
	.birdMute{display:none;}
	#homepage .hitArea{ display:block;}
}	

@media all and (device-width: 768px) and (device-height: 1024px) and (orientation:portrait) {
 	.bottomBgFade{ bottom:0px; }
	.searchContent{margin-top:35px;}
}


