* {margin: 0; padding: 0; outline: 0;}

body {
	font-family: Quattrocento Roman;
	color: #999;
	font-size: 12px;
	transition: background 1s ease;
	background-color: #d6efeb;
	letter-spacing:1px;
}

A:link {
 COLOR: #999 /*The color of the link*/
}
A:visited {
 COLOR: #999 /*The color of the visited link*/
}
A:hover {
 COLOR: #666 /*The color of the mouseover or 'hover' link*/
}


/* Quattrocento Roman */
 @font-face {font-family: 'Quattrocento Roman';src: url('../Quattrocento-Regular.otf') format('truetype');}


#mobile-header {
    display: none;
	z-index: 50;
		left: 50%;
		margin-left: -47px;
		top: 70px;
		position: fixed;
		color: #000;
	}
	#mobile-header a {
		color: #000;
		text-decoration: underline;
		font-size: 14px;
	}
	
#phone-nav {
	position: relative;
	z-index: 100;
}

#header_in_back {
	position: fixed;
	width: 100%;
	height: 230px;
	top: 0px;
 	bottom: auto;
	z-index: 5;
    background-image: url(../img/header_bg.png);
	display: block;
	text-align: center;
	left: 0;
}

#header_singles {
	position: fixed;
	width: 100%;
	height: 100px;
	top: 0px;
 	bottom: auto;
	z-index: 14;
    background-image: url(../img/header_bg.png);
	display: block;
	text-align: center;
	left: 0;
}

#header_on_top {
	position: fixed;
	width: 1316px;
	top: 50px;
	left: 50%;
	margin-left: -658px;
 	bottom: auto;
	z-index: 45;
    background-image: url(../img/header_bg_on_top.png);
	display: block;
	text-align: center;
}

.as_singles_logo {
	margin-top: 79px;
}
	
.lastyear {
	width: 59px;
	height: 54px;
	margin-right: 30px;
}	
	
.weeks {
	width: 97px;
	height: 97px;
	margin-left: 40px;
}	
	
.anchor{
  display: block;
  height: 175px; /*same height as header*/
  margin-top: -175px; /*same height as header*/
  visibility: hidden;
}

hr {
    border: none;
    height: 1px;
    /* Set the hr color */
    color: #525252;
    background-color: #525252;
}

img {
  height: auto; 
  width: auto;
}





h1 {
	font-size: 120px;
	font-weight: normal;
	margin: 0;
	font-family: 'Bowlby One SC',"Arial Black",Gadget,sans-serif;
	text-transform: uppercase;
	color: #FFB000;
	text-shadow: 0 2px 1px #000;
	line-height: 1;
}

h2 {
	font-size: 80px;
	font-weight: normal;
	margin: 0;
	text-shadow: 0 2px 1px #000;
	color: #FFB000;
	font-family: 'Bowlby One SC',"Arial Black",Gadget,sans-serif;
	text-transform: uppercase;
}

h3 {
	font-weight: normal;
	font-size: 12px;
	padding: 1px 4px 4px 4px;
	text-align: left;
	color: #999;
}
p {
	margin: 0 0 15px 0;
}

#navigation a {
 	background-image: url(../img/circle_bullet_clickable.png);
	background-repeat: no-repeat;
	background-position: 4px 4px;

}

#navigation .active {
	background-image: url(../img/circle_bullet_active.png);
	background-repeat: no-repeat;
	background-position: 4px 4px;  
}

.clear {
	clear: both;
}
.wrap {
		/*background:url(../images/bg.png) top left repeat-x;*/
		width: 1316px;
		position: relative;
		margin: -60px auto 0;
		padding: 0;
		height: 15400px;
   		border: 2px solid black;
		z-index: 10;
}


.section {	
	height: 320px;
	width: 100%;
	max-width: 1315px;
	min-width: 960px;
	position: relative;
	margin: 0 auto;
	padding: 0 0 0 0;
}

.bw_img {
	position: relative;
}



.week_01_track_art {
	z-index: 30;
    position: absolute;
    margin: 190px 698px;
	width: 384px;
	height: 377px;
}

.week_02_track_art {
	z-index: 30;
    position: absolute;
    margin: 390px 754px;
	width: 377px;
	height: 376px;
	}

.week_03_track_art {
	z-index: 30;
    position: absolute;
    margin: 110px 215px;
	width: 580px;
	height: 580px;
}

.week_05_track_art {
	z-index: 30;
    position: absolute;
    margin: 284px 167px;
	width: 435px;
	height: 435px;
}

.week_06_track_art {
	z-index: 30;
    position: absolute;
    margin: 95px 350px;
	width: 671px;
	height: 671px;
}

.week_07_track_art {
	z-index: 30;
    position: absolute;
    margin: 125px 565px;
	width: 564px;
	height: 564px;
}

.week_10_track_art {
	z-index: 30;
    position: absolute;
    margin: 125px 192px;
	width: 612px;
	height: 612px;
}

.week_11_track_art {
	z-index: 30;
    position: absolute;
    margin: 160px 632px;
	width: 418px;
	height: 278px;
}

.week_11_track_cover {
	z-index: 30;
    position: absolute;
    margin: 80px 160px;
	width: 455px;
	height: 455px;
}

.week_12_track_art {
	z-index: 30;
    position: absolute;
    margin: 110px 190px;
	width: 580px;
	height: 580px;
}

.week_13_track_art {
	z-index: 30;
    position: absolute;
    margin: 137px 356px;
	width: 574px;
	height: 570px;
}

.week_14_track_art {
	z-index: 30;
    position: absolute;
    margin: 141px 499px;
	width: 650px;
	height: 650px;
}

.week_15_track_art {
	z-index: 30;
    position: absolute;
    margin: 110px 151px;
	width: 745px;
	height: 745px;
}

.week_16_track_art {
	z-index: 30;
    position: absolute;
    margin: 100px 90px;
	width: 1136px;
	height: 638px;
}

.week_17_track_art {
	z-index: 10;
    position: absolute;
    margin: 135px 190px;
	width: 935px;
	height: 563px;
}

.purchase_txt_01 {
	position: absolute;
	margin: 665px 540px;
	font-family: Quattrocento Roman;
	font-size: 12px;
	letter-spacing:2px;
	width: 400px;
}
   .purchase_txt_01 a:link {color:#666;}      
   .purchase_txt_01 a:visited {color:#666;}    
   .purchase_txt_01 a:hover {color:#000;} 


.purchase_txt_02 {
	position: absolute;
	margin: 777px 755px;
	font-family: Quattrocento Roman;
	font-size: 12px;
	letter-spacing:2px;
	width: 400px;
}
   .purchase_txt_02 a:link {color:#666;}      
   .purchase_txt_02 a:visited {color:#666;}    
   .purchase_txt_02 a:hover {color:#000;} 

.purchase_txt_03 {
	position: absolute;
	margin: 700px 215px;
	font-family: Quattrocento Roman;
	font-size: 12px;
	letter-spacing:2px;
	width: 400px;
}
   .purchase_txt_03 a:link {color:#666;}      
   .purchase_txt_03 a:visited {color:#666;}    
   .purchase_txt_03 a:hover {color:#000;} 

.purchase_txt_04 {
	position: absolute;
	margin: 675px 215px;
	font-family: Quattrocento Roman;
	font-size: 12px;
	letter-spacing:2px;
	width: 400px;
}
   .purchase_txt_04 a:link {color:#666;}      
   .purchase_txt_04 a:visited {color:#666;}    
   .purchase_txt_04 a:hover {color:#000;} 

.purchase_txt_05 {
	position: absolute;
	margin: 755px 160px;
	font-family: Quattrocento Roman;
	font-size: 12px;
	letter-spacing:2px;
	width: 400px;
}
   .purchase_txt_05 a:link {color:#666;}      
   .purchase_txt_05 a:visited {color:#666;}    
   .purchase_txt_05 a:hover {color:#000;} 

.purchase_txt_06 {
	position: absolute;
	margin: 750px 730px;
	font-family: Quattrocento Roman;
	font-size: 12px;
	letter-spacing:2px;
	width: 400px;
	z-index: 35;
}
   .purchase_txt_06 a:link {color:#666;}      
   .purchase_txt_06 a:visited {color:#666;}    
   .purchase_txt_06 a:hover {color:#000;} 

.purchase_txt_07 {
	position: absolute;
	margin: 705px 845px;
	font-family: Quattrocento Roman;
	font-size: 12px;
	letter-spacing:2px;
	width: 400px;
	z-index: 35;
}
   .purchase_txt_07 a:link {color:#666;}      
   .purchase_txt_07 a:visited {color:#666;}    
   .purchase_txt_07 a:hover {color:#000;} 

.purchase_txt_10 {
	position: absolute;
	margin: 780px 161px;
	font-family: Quattrocento Roman;
	font-size: 12px;
	letter-spacing:2px;
	width: 400px;
	z-index: 35;
}
   .purchase_txt_10 a:link {color:#666;}      
   .purchase_txt_10 a:visited {color:#666;}    
   .purchase_txt_10 a:hover {color:#000;} 

.purchase_txt_11 {
	position: absolute;
	margin: 753px 163px;
	font-family: Quattrocento Roman;
	font-size: 12px;
	letter-spacing:2px;
	width: 400px;
	z-index: 35;
}
   .purchase_txt_11 a:link {color:#666;}      
   .purchase_txt_11 a:visited {color:#666;}    
   .purchase_txt_11 a:hover {color:#000;} 

.purchase_txt_12 {
	position: absolute;
	margin: 700px 190px;
	font-family: Quattrocento Roman;
	font-size: 12px;
	letter-spacing:2px;
	width: 400px;
}
   .purchase_txt_12 a:link {color:#666;}      
   .purchase_txt_12 a:visited {color:#666;}    
   .purchase_txt_12 a:hover {color:#000;} 

.purchase_txt_13 {
	position: absolute;
	margin: 714px 642px;
	font-family: Quattrocento Roman;
	font-size: 12px;
	letter-spacing:2px;
	width: 400px;
}
   .purchase_txt_13 a:link {color:#666;}      
   .purchase_txt_13 a:visited {color:#666;}    
   .purchase_txt_13 a:hover {color:#000;} 

.purchase_txt_14 {
	position: absolute;
	margin: 800px 499px;
	font-family: Quattrocento Roman;
	font-size: 12px;
	letter-spacing:2px;
	width: 400px;
}
   .purchase_txt_13 a:link {color:#666;}      
   .purchase_txt_13 a:visited {color:#666;}    
   .purchase_txt_13 a:hover {color:#000;} 

.purchase_txt_15 {
	position: absolute;
	margin: 865px 150px;
	font-family: Quattrocento Roman;
	font-size: 12px;
	letter-spacing:2px;
	width: 400px;
}
   .purchase_txt_03 a:link {color:#666;}      
   .purchase_txt_03 a:visited {color:#666;}    
   .purchase_txt_03 a:hover {color:#000;} 

.purchase_txt_16 {
	position: absolute;
	margin: 743px 90px;
	font-family: Quattrocento Roman;
	font-size: 12px;
	letter-spacing:2px;
	width: 400px;
	z-index: 35;
}
   .purchase_txt_16 a:link {color:#666;}      
   .purchase_txt_16 a:visited {color:#666;}    
   .purchase_txt_16 a:hover {color:#000;} 

.purchase_txt_17 {
	position: absolute;
	margin: 705px 190px;
	font-family: Quattrocento Roman;
	font-size: 12px;
	letter-spacing:2px;
	width: 400px;
	z-index: 35;
}
   .purchase_txt_17 a:link {color:#666;}      
   .purchase_txt_17 a:visited {color:#666;}    
   .purchase_txt_17 a:hover {color:#000;} 

.video {
	background: #FFFFFF;
  	position: absolute;
  	z-index: 20;
  	margin: 75px 250px;
  	width: 580px;
	height: 580px;
}

.video2 {
	background: #493f8d;
  	position: absolute;
  	z-index: 20;
  	margin: 50px 319px;
  	width: 580px;
	height: 580px;
}

.video4 {
	background: #3f3f3f;
  	position: absolute;
  	z-index: 20;
  	margin: 85px 215px;
  	width: 580px;
	height: 580px;
}

.week_01_box {
	width: 846px;
	height: 419px;
	margin: 148px 236px;
	position: absolute;
}
	
.week_02_box {
	width: 580px;
	height: 580px;
	margin: 56px 313px;
	position: absolute;
}	

.week_04_box {
	width: 950px;
	height: 638px;
	margin: 56px 185px;
	position: absolute;
}

.week_05_box {
	width: 1050px;
	height: 676px;
	margin: 96px 120px;
	position: absolute;
}

.week_07_background {
	width: 1018px;
	height: 765px;
	margin: 61px 117px;
	position: absolute;
}

.week_10_background {
	width: 979px;
	height: 673px;
	margin: 100px 160px;
	position: absolute;
	z-index: 10;
}

.week_11_background {
	width: 483px;
	height: 523px;
	margin: 83px 335px;
	position: absolute;
	z-index: 10;
}

.week_01_element {
	z-index: 30;
    position: absolute;
    margin: 57px 930px;
	width: 92px;
	height: 121px;
}

.week_11_element {
	z-index: 50;
    position: absolute;
    margin: 77px 162px;
	width: 993px;
	height: 666px;
}

.week_13_element {
	z-index: 50;
    position: absolute;
    margin: 233px 222px;
	width: 111px;
	height: 139px;
}

.week_13_head {
	z-index: 60;
    position: absolute;
    margin: 497px 957px;
	width: 154px;
	height: 276px;
}

.week_01_track_number {
	z-index: 30;
    position: absolute;
    margin: 37px 265px;
	width: 104px;
	height: 78px;
}

.week_02_track_number {
	z-index: 30;
    position: absolute;
    margin: 92px 142px;
	width: 104px;
	height: 78px;
}

.week_03_track_number {
	z-index: 30;
    position: absolute;
    margin: 235px 842px;
	width: 104px;
	height: 78px;
}

.week_04_track_number {
	z-index: 30;
    position: absolute;
    margin: 70px 1042px;
	width: 104px;
	height: 78px;
}

.week_05_track_number {
	z-index: 30;
    position: absolute;
    margin: 65px 1062px;
	width: 104px;
	height: 78px;
}

.week_06_track_number {
	z-index: 30;
    position: absolute;
    margin: 130px 135px;
	width: 104px;
	height: 78px;
}

.week_07_track_number {
	z-index: 30;
    position: absolute;
    margin: 145px 170px;
	width: 104px;
	height: 78px;
}

.week_10_track_number {
	z-index: 30;
    position: absolute;
    margin: 105px 1052px;
	width: 104px;
	height: 78px;
}

.week_11_track_number {
	z-index: 30;
    position: absolute;
    margin: 670px 1052px;
	width: 104px;
	height: 78px;
}

.week_12_track_number {
	z-index: 30;
    position: absolute;
    margin: 235px 817px;
	width: 104px;
	height: 78px;
}

.week_13_track_number {
	z-index: 70;
    position: absolute;
    margin: 356px 220px;
	width: 104px;
	height: 78px;
}

.week_14_track_number {
	z-index: 70;
    position: absolute;
    margin: 710px 377px;
	width: 104px;
	height: 78px;
}

.week_15_track_number {
	z-index: 30;
    position: absolute;
    margin: 765px 30px;
	width: 104px;
	height: 78px;
}

.week_16_track_number {
	z-index: 30;
    position: absolute;
    margin: 753px 447px;
	width: 104px;
	height: 78px;
}

.video_title {
	z-index: 30;
    position: absolute;
    margin: 565px 260px;
	width: 75px;
	height: 11px;
}

.video_title_week11 {
	z-index: 30;
    position: absolute;
    margin: 685px 667px;
	width: 75px;
	height: 11px;
}

.week_01_video_thumbnail {
	z-index: 30;
    position: absolute;
    margin: 582px 260px;
	width: 208px;
	height: 121px;
}

#try-2 {
	z-index: 60;
	position: absolute;
}

.week_02_video_thumbnail {
	z-index: 60;
    position: absolute;
    margin: 462px 667px;
	width: 428px;
	height: 214px;
}

.audio_player_01 {
	z-index: 35;
    position: absolute;
    margin: 570px 835px;
}

.audio_player_02 {
	z-index: 35;
    position: absolute;
    margin: 630px 290px;
}

.audio_player_03 {
	z-index: 35;
    position: absolute;
    margin: 365px 820px;
}

.audio_player_04 {
	z-index: 35;
    position: absolute;
    margin: 355px 830px;
}

.audio_player_05 {
	z-index: 35;
    position: absolute;
    margin: 625px 820px;
}

.audio_player_06 {
	z-index: 35;
    position: absolute;
    margin: 670px 45px;
}

.audio_player_07 {
	z-index: 35;
    position: absolute;
    margin: 660px 170px;
}

.audio_player_10 {
	z-index: 35;
    position: absolute;
    margin: 415px 840px;
}

.audio_player_11 {
	z-index: 70;
    position: absolute;
    margin: 545px 310px;
}

.audio_player_12 {
	z-index: 35;
    position: absolute;
    margin: 365px 795px;
}

.audio_player_13 {
	z-index: 35;
    position: absolute;
    margin: 652px 155px;
}

.audio_player_14 {
	z-index: 35;
    position: absolute;
    margin: 158px 72px;
}

.audio_player_15 {
	z-index: 35;
    position: absolute;
    margin: 160px 900px;
}

.audio_player_16 {
	z-index: 35;
    position: absolute;
    margin: 735px 557px;
}

.audio_player_17 {
	z-index: 35;
    position: absolute;
    margin: 150px 790px;
}

.week_01_title {
    position: absolute;
    margin: 21px 24px;
}

.week_17_title {
    position: absolute;
    margin: 10px 24px;
}

.play_pause_btn {
    position: absolute;
    margin: -10px 57px;
	z-index: 50;
}

.download {
    position: absolute;
    margin: 73px 24px;
	background: url("../img/audio_player_download.png");
	width: 26px;
	height: 26px;
}

.download:hover { 
	background: url("../img/audio_player_download_hover.png");
}

.download17 {
    position: absolute;
    margin: 10px 24px;
	background: url("../img/week_17_title.jpg");
	width: 272px;
	height: 47px;
}

.download17:hover { 
	background: url("../img/week_17_title_over.jpg");
}

.play {
    position: absolute;
    margin: 79px 57px;
	font-family: Quattrocento Roman;
	font-size: 12px;
	letter-spacing:2px;
}

.play17 {
    position: absolute;
    margin: 79px 24px;
	font-family: Quattrocento Roman;
	font-size: 12px;
	letter-spacing:2px;
}

.facebook {
    position: absolute;
    margin: 73px 233px;
	background: url("../img/social_facebook.png");
	width: 23px;
	height: 26px;
}

.facebook:hover { 
	background: url("../img/social_facebook_over.png");
}

.facebook_explicit {
    position: absolute;
    margin: 73px 135px;
	background: url("../img/social_facebook.png");
	width: 23px;
	height: 26px;
}

.facebook_explicit:hover { 
	background: url("../img/social_facebook_over.png");
}

.facebook_17 {
    position: absolute;
    margin: 44px 339px;
	background: url("../img/social_facebook.png");
	width: 23px;
	height: 26px;
}

.facebook_17:hover { 
	background: url("../img/social_facebook_over.png");
}

.twitter {
	background: url("../img/social_twitter.png");
    position: absolute;
    margin: 73px 255px;
	width: 33px; 
	height: 26px;
}

.twitter:hover { 
	background: url("../img/social_twitter_over.png");
}

.twitter_explicit {
	background: url("../img/social_twitter.png");
    position: absolute;
    margin: 73px 157px;
	width: 33px; 
	height: 26px;
}

.twitter_explicit:hover { 
	background: url("../img/social_twitter_over.png");
}

.twitter_17 {
	background: url("../img/social_twitter.png");
    position: absolute;
    margin: 44px 360px;
	width: 33px; 
	height: 26px;
}

.twitter_17:hover { 
	background: url("../img/social_twitter_over.png");
}

.tumblr {
	background: url("../img/social_tumblr.png");
    position: absolute;
    margin: 72px 289px;
	width: 23px;
	height: 26px;
}

.tumblr:hover { 
	background: url("../img/social_tumblr_over.png");
}

.tumblr_explicit {
	background: url("../img/social_tumblr.png");
    position: absolute;
    margin: 72px 191px;
	width: 23px;
	height: 26px;
}

.tumblr_explicit:hover { 
	background: url("../img/social_tumblr_over.png");
}

.tumblr_17 {
	background: url("../img/social_tumblr.png");
    position: absolute;
    margin: 43px 392px;
	width: 23px;
	height: 26px;
}

.tumblr_17:hover { 
	background: url("../img/social_tumblr_over.png");
}

.text {
	top: 120px;
	z-index: 20;
	position: absolute;
}

.between_artwork {
	height: 400px;
}

.inner {
	position: relative;
	width: 1315px;
	margin: 0 0;
	min-height: 50px;
	font-size: 18px;
	font-family: 'Open Sans', sans-serif;
	font-weight: 300;
}


/* This is the selector i used for my menu, it needs to be set as position:absolute; */
.subMenu {  
 	 position: absolute;
  	 top: 300px; 
	 left: 50%;
     margin-left: -668px; 
	 width: 410px;
 	 height: 420px;
 	 transition: all 0.75s ease;
	 z-index: 100; 
	 clip: rect(12px, 38px, 420px, 10px);    	
}

.subMenu:hover {
	width: 410px;
	height: 420px;
    margin-left: -668px;
	background:#FFFFFF;
	clip: rect(12px, 350px, 420px, 10px);  		 
}

.subNavBtn {
	background-image: url(../img/circle_bullet.png);
	background-repeat: no-repeat;
	background-position: 4px 4px;
	display: block;
	height: 20px;
	width: 340px;
	float: left;
	margin: 0px 0px 0 10px;
	text-decoration: none;
	font-size: 12px;
	padding: 4px 2% 0 2%;
	text-align: left;
	color: #999;
}
	
	
	
div#sidr .subNavBtn {
	width: auto;
}

.end {
	margin: 0;
}



/* SECTIONS */
.sTop {
	height: 160px;
}

.s02 {
	height: 165px;
}

.s03 {
	height: 165px;
}

.s04 {
	height: 170px;
}

.s05 {
	height: 175px;
}

.s06 {
	height: 195px;
}

.s07 {
	height: 180px;
}

.s08 {
	height: 170px;
}

.s09 {
	height: 170px;
}

.s10 {
	height: 160px;
}

.s11 {
	height: 160px;
}

.s12 {
	height: 175px;
}

.s13 {
	height: 195px;
}

.s14 {
	height: 195px;
}

.s15 {
	height: 200px;
}

.s16 {
	height: 200px;
}

.s17 {
	height: 200px;
}

@media screen and (max-width: 1280px) {

.wrap {
		height: 15400px;
		width: 1280px;
		max-width: 1176px;
		min-width: 320px;
}

#header_on_top {
	position: fixed;
	width: 1176px;
	top: 50px;
	left: 50%;
	margin-left: -588px;
 	bottom: auto;
	z-index: 45;
    background-image: url(../img/header_bg_on_top.png);
	display: block;
	text-align: center;
}

.inner {
	width: 1180px;
}

.week_10_track_art {
    margin: 125px 132px;
}

.week_11_track_art {
    margin: 160px 582px;
}

.week_11_track_cover {
    margin: 80px 110px;
}

.week_12_track_art {
    margin: 110px 83px;
}

.week_15_track_art {
    margin: 110px 40px;
}

.week_15_track_number {
    margin: 765px 796px;
}

.audio_player_15 {
    margin: 160px 776px;
}

.video2 {
  margin: 50px 260px;
}

.video4 {
  	margin: 85px 135px;
}

.week_02_box {
	width: 580px;
	height: 580px;
	margin: 56px 253px;
}

.week_04_box {
	margin: 56px 105px;
}

.week_05_box {
	margin: 96px 80px;
}

.purchase_txt_01 {
	margin: 665px 460px;
}

.purchase_txt_02 {
	margin: 777px 695px;
}

.purchase_txt_03 {
	margin: 700px 215px;
}

.purchase_txt_04 {
	margin: 675px 135px;
}

.purchase_txt_05 {
	margin: 755px 120px;
}

.purchase_txt_06 {
	margin: 750px 730px;
}

.purchase_txt_07 {
	margin: 705px 775px;
}

.purchase_txt_10 {
	margin: 780px 101px;
}

.purchase_txt_11 {
	margin: 753px 113px;
}

.purchase_txt_12 {
	margin: 700px 83px;
}

.purchase_txt_15 {
	margin: 865px 40px;
}

.purchase_txt_17 {
	margin: 705px 140px;
}

.week_02_track_art {
    margin: 390px 694px;
	width: 384px;
	height: 377px;
}

.week_17_track_art {
    margin: 135px 140px;
}

.week_02_track_number {
    margin: 92px 120px;
}

.week_04_track_number {
    margin: 70px 962px;
}

.week_05_track_number {
    margin: 65px 1022px;
}

.week_12_track_number {
    margin: 235px 710px;
}

.audio_player_02 {
    margin: 630px 230px;
}

.audio_player_04 {
    margin: 355px 750px;
}

.audio_player_05 {
    margin: 625px 780px;
}

.audio_player_12 {
    margin: 365px 688px;
}

.week_07_background {
	margin: 61px 47px;
}

.week_10_background {
	margin: 100px 100px;
}

.week_11_background {
	margin: 83px 285px;
}

.audio_player_07 {
    margin: 660px 100px;
}

.audio_player_10 {
    margin: 415px 780px;
}

.audio_player_11 {
    margin: 545px 260px;
}

.audio_player_17 {
    margin: 150px 740px;
}

.week_07_track_number {
    margin: 145px 100px;
}

.week_10_track_number {
    margin: 105px 992px;
}

.week_11_track_number {
    margin: 670px 1002px;
}

.week_16_track_number {
    margin: 753px 387px;
}

.week_16_track_art {
    margin: 100px 30px;
}

.audio_player_16 {
    margin: 735px 497px;
}

.purchase_txt_16 {
	margin: 743px 30px;
}

.week_07_track_art {
    margin: 125px 495px;
}

.week_01_track_art {
    margin: 190px 618px;
}

.week_05_track_art {
    margin: 284px 127px;
}

.video {
  margin: 75px 170px;
}

.week_01_box {
	width: 846px;
	height: 419px;
	margin: 148px 156px;
}

.week_01_element {
    margin: 57px 850px;
}

.week_11_element {
    margin: 77px 111px;
}

.week_01_track_number {
    margin: 37px 185px;
}

.video_title {
    margin: 565px 180px;
}

.video_title_week11 {
    margin: 685px 617px;
}

.week_02_video_thumbnail {
    margin: 462px 617px;
}

.week_01_video_thumbnail {
    margin: 582px 180px;
}

.audio_player_01 {
    margin: 570px 755px;
}

.subMenu {  
 	 position: absolute;
  	 top: 300px; 
	 left: 50%;
     margin-left: -588px; 
	 width: 410px;
 	 height: 420px;
 	 transition: all 0.75s ease;
	 z-index: 100; 
	 clip: rect(12px, 28px, 420px, 10px);    	
}

.subMenu:hover {
	width: 410px;
	height: 420px;
    margin-left: -588px;
	background:#FFFFFF;
	clip: rect(12px, 350px, 420px, 0px);  		 
}

.subNavBtn {
	width: 615px;
	margin: 0px 0px 0 0px;
}

.logo{
	margin:20px 0 30px 0;
}
.subMenu .inner {
	width: 100%;
	padding: 0;
}

h1.title {
	font-size: 36px;
}	

h2 {
	font-size: 20px;
}

}


/* AUDIO PLAYER STYLES */




/* @group CONTROLS */

div.jp-controls-holder {
	clear: both;
	position: relative;
	overflow:hidden;
}

div.jp-interface ul.jp-controls {
	list-style-type:none;
	padding: 0 0 0 0;
	overflow:hidden;
	width: 26px;
	height: 26px;
}

div.jp-video ul.jp-controls {
	margin:0 0 0 115px;
	float:left;
	display:inline; /* need this to fix IE6 double margin */
}

div.jp-interface ul.jp-controls li {
	display:inline;
	float: left;
}
div.jp-interface ul.jp-controls a {
	display:block;
	overflow:hidden;
	text-indent:-9999px;
	height: 34px;
	margin: 0 1px 2px 0;
	padding: 0;
}


/* @group single player controls */

div.jp-type-single  .jp-controls li a{
	width: 99px;
}

div.jp-type-single  .jp-play {
	background: url("../img/audio_player_play.png");
}

div.jp-type-single  .jp-play:hover {
	background: url("../img/audio_player_play_hover.png");
}

div.jp-type-single  .jp-pause {
	background: url("../img/audio_player_pause.png");
}

div.jp-type-single  .jp-pause:hover {
	background: url("../img/audio_player_pause_hover.png");
}

/* The right border is normally in the ul background image. */
div.jp-audio-stream .jp-play,
div.jp-audio-stream .jp-pause {
	border-right:1px solid #180920;
	margin: 100px 1px 2px 0;
}

/* @end */



/* @group progress bar */

/* The seeking class is added/removed inside jPlayer */
div.jp-seeking-bg {
	background: url("../img/jplayer.pink.flag.seeking.gif");
}

.jp-progress {
	width: 137px;
	height: 7px;
	margin: 83px 89px;
	overflow:hidden;
}

.jp-seek-bar {
	background-color: #a4b6bb;
	width:0px;
	height: 100%;
	overflow:hidden;
	cursor:pointer;
}

.jp-play-bar {
	background-color: #364ea2;
	width:0px;
	height: 100%;
	overflow:hidden;
}


/* @end */



/* @group NO SOLUTION error feedback */

.jp-no-solution {
	padding:5px;
	font-size:.8em;
	background-color:#3a2a45;
	border-top:2px solid #554461;
	border-left:2px solid #554461;
	border-right:2px solid #180a1f;
	border-bottom:2px solid #180a1f;
	color:#FFF;
	display:none;
}

.jp-no-solution a {
	color:#FFF;
}

.jp-no-solution span {
	font-size:1em;
	display:block;
	text-align:center;
	font-weight:bold;
}
/* @end */




















/* VIDEO LIGHTBOX STYLES */



  #vid_lightbox, 
  #vid_lightbox_2 {
        -moz-border-radius: 0px;
        background: #000000;
        -webkit-border-radius: 0px;
        border: 1px solid #536376;
        -webkit-box-shadow: rgba(0,0,0,.6) 0px 2px 12px;
        -moz-box-shadow:  rgba(0,0,0,.6) 0px 2px 12px;;
        padding: 6px 6px;
        width: 720px;
		height: 425px;
        position: relative;
        display: none;
    }
	
    #close_x { 
        overflow: hidden; 
        display: block;
        position: absolute; top: 5px; right: 5px;
		font-weight: normal;
		font-size: 12px;
		padding: 1px 4px 4px 4px;
		color: #999;
    }
	
	
/** LEFT MENU STYLES **/

div#sidr img {
	display: none;
}



@media screen and (max-width: 1024px) {
	#mobile-header {
		display: block;
	}
}