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

@media screen and (max-width:985px){
	body{ font-size: 62.5%;}
}
@media screen and (max-width:840px){
	body{ font-size: 57.5%;}
}
@media screen and (max-width:720px){
	body{ font-size: 55%;}
	#nav { margin:5px auto; width:510px; }	
	#nav li.menu-home a {background-position:center right; }
	#nav li a { letter-spacing:1px; line-height: 1.8em; padding: 5px 13px 5px 13px;}
	#nav li.menu-videos a{ padding: 5px 11px 5px 14px; }
	#header .snsContainer{ position:absolute; top:100px; right:50%; margin-right:-40px;}
	
	
}	


@media screen and (max-width:600px){
	body{ font-size: 52.5%;}

}
@media screen and (max-width:565px){
	body{ font-size: 50%;}
	#nav { margin:5px auto; width:480px; }	
	#nav li a { letter-spacing:1px; line-height: 1.8em; padding: 5px 11px 5px 11px;}
	#nav li.menu-videos a{ padding: 5px 11px 5px 16px; }
	
}
@media screen and (max-width:480px){
	body{ font-size: 47.5%;}
	#nav { margin:5px auto; width:445px; }	
	#nav li a { letter-spacing:1px; line-height: 1.8em; padding: 5px 9px 5px 9px;}
	#nav li.menu-videos a{ padding: 5px 9px 5px 14px; }
	
}

@media screen and (max-width:445px){
	body{ font-size: 46%;}
	#nav { margin:5px auto; width:310px; }	
	#header .iphoneLogo{display:block; clear:both; height:55px;  background-image: url(/_assets/images/logo_sml.png?v=2); background-position:top center; background-repeat:no-repeat;}
	#header .iphoneLogo span { display:block;text-indent:-9999px;   }	
	#nav li a { letter-spacing:1px; line-height: 1.8em; padding: 5px 11px 5px 11px;}
	#nav li.menu-videos a{ padding: 5px 11px 5px 14px; }
	
	#nav li.menu-home { display:none; }
	
}

@media screen and (max-width:320px){
	body{ font-size: 45%;}	
	#nav { margin:5px auto; width:290px; }	
	#nav li a { letter-spacing:1px; line-height: 1.8em; padding: 5px 5px 5px 15px !important;}
}



/************************************** HOMEPAGE **************************************/

@media screen and (max-width:1100px){	
	#homepage .hit1{left:425px !important;}
	#homepage .hit2{left:280px !important; }
	#homepage .hit3{left:380px !important;}
	#homepage .hit4{left:-450px !important; }
	#homepage .hit5{left:-100px !important; }
	#homepage .hit6{left:50px !important; }
	#homepage .hit7{left:190px !important;}
	#homepage .hit8{left:-250px !important; }
	#homepage .hit9{left:130px !important; }
	#homepage .hit10{left:-180px !important; }
	#homepage .hit11{left:-380px !important; }
	#homepage .hit12{left:280px !important; }
	#homepage .hit13{left:-390px !important; }
	#homepage .hit14{left:-80px !important; }
	#homepage .hit15{left:-270px !important; }
}

@media screen and (max-width:985px){	
	#homepage .hit1{left:360px !important;}
	#homepage .hit2{left:280px !important; }
	#homepage .hit3{left:350px !important;}
	#homepage .hit4{left:-450px !important; }
	#homepage .hit5{left:-100px !important; }
	#homepage .hit6{left:50px !important; }
	#homepage .hit7{left:190px !important;}
	#homepage .hit8{left:-250px !important; }
	#homepage .hit9{left:130px !important; }
	#homepage .hit10{left:-180px !important; }
	#homepage .hit11{left:-350px !important; }
	#homepage .hit12{left:250px !important; }
	#homepage .hit13{left:-370px !important; }
	#homepage .hit14{left:-80px !important; }
	#homepage .hit15{left:-270px !important; }
}

@media screen and (max-width:880px){	
	#homepage .hit1{left:310px !important;}
	#homepage .hit2{left:270px !important; }
	#homepage .hit3{left:300px !important;}
	#homepage .hit4{left:-410px !important; }
	#homepage .hit5{left:-100px !important; }
	#homepage .hit6{left:25px !important; }
	#homepage .hit7{left:150px !important;}
	#homepage .hit8{left:-250px !important; }
	#homepage .hit9{left:110px !important; }
	#homepage .hit10{left:-180px !important; }
	#homepage .hit11{left:-325px !important; }
	#homepage .hit12{left:225px !important; }
	#homepage .hit13{left:-350px !important; }
	#homepage .hit14{left:-80px !important; }
	#homepage .hit15{left:-270px !important; }
}

@media screen and (max-width:800px){	
	#homepage .hit1{left:290px !important;}
	#homepage .hit2{left:270px !important; }
	#homepage .hit3{left:270px !important;}
	#homepage .hit4{left:-390px !important; }
	#homepage .hit5{left:-100px !important; }
	#homepage .hit6{left:0px !important; }
	#homepage .hit7{left:120px !important;}
	#homepage .hit8{left:-230px !important; }
	#homepage .hit9{left:80px !important; }
	#homepage .hit10{left:-160px !important; }
	#homepage .hit11{left:-325px !important; }
	#homepage .hit12{left:200px !important; }
	#homepage .hit13{left:-350px !important; }
	#homepage .hit14{left:-60px !important; }
	#homepage .hit15{left:-250px !important; }
}

@media screen and (max-width:750px){	
	#homepage .hit1{left:260px !important;}
	#homepage .hit2{left:230px !important; }
	#homepage .hit3{left:240px !important;}
	#homepage .hit4{left:-340px !important; }
	#homepage .hit5{left:-70px !important; }
	#homepage .hit6{left:0px !important; }
	#homepage .hit7{left:120px !important;}
	#homepage .hit8{left:-230px !important; }
	#homepage .hit9{left:60px !important; }
	#homepage .hit10{left:-160px !important; }
	#homepage .hit11{left:-300px !important; }
	#homepage .hit12{left:200px !important; }
	#homepage .hit13{left:-320px !important; }
	#homepage .hit14{left:-60px !important; }
	#homepage .hit15{left:-250px !important; }
}


@media screen and (max-width:700px){	
	.searchContent{ line-height:1.6em; margin-top:0px; padding:5px 0px 0px 0px;}
}

@media screen and (max-width:680px){	
	#homepage .hit1{left:230px !important;}
	#homepage .hit2{left:200px !important; }
	#homepage .hit3{left:210px !important;}
	#homepage .hit4{left:-310px !important; }
	#homepage .hit5{left:-70px !important; }
	#homepage .hit6{left:0px !important; }
	#homepage .hit7{left:100px !important;}
	#homepage .hit8{left:-230px !important; }
	#homepage .hit9{left:60px !important; }
	#homepage .hit10{left:-160px !important; }
	#homepage .hit11{left:-270px !important; }
	#homepage .hit12{left:170px !important; }
	#homepage .hit13{left:-320px !important; }
	#homepage .hit14{left:-60px !important; }
	#homepage .hit15{left:-225px !important; }
}


@media screen and (max-width:600px){	
	#homepage .hit1{left:210px !important;}
	#homepage .hit2{left:175px !important; }
	#homepage .hit3{left:190px !important;}
	#homepage .hit4{left:-285px !important; }
	#homepage .hit5{left:-70px !important; }
	#homepage .hit6{left:0px !important; }
	#homepage .hit7{left:60px !important;}
	#homepage .hit8{left:-205px !important; }
	#homepage .hit9{left:60px !important; }
	#homepage .hit10{left:-140px !important; }
	#homepage .hit11{left:-270px !important; }
	#homepage .hit12{left:150px !important; }
	#homepage .hit13{left:-320px !important; }
	#homepage .hit14{left:-60px !important; }
	#homepage .hit15{left:-225px !important; }
}

@media screen and (max-width:600px){	
	#homepage .hit1{left:170px !important;}
	#homepage .hit2{left:100px !important; }
	#homepage .hit3{left:150px !important;}
	#homepage .hit4{left:-245px !important; }
	#homepage .hit5{left:-70px !important; }
	#homepage .hit6{left:0px !important; }
	#homepage .hit7{left:20px !important;}
	#homepage .hit8{left:-170px !important; }
	#homepage .hit9{left:60px !important; }
	#homepage .hit10{left:-120px !important; }
	#homepage .hit11{left:-240px !important; }
	#homepage .hit12{left:110px !important; }
	#homepage .hit13{left:-320px !important; }
	#homepage .hit14{left:-60px !important; }
	#homepage .hit15{left:-200px !important; }
}


@media screen and (max-width:480px){
	#homepage #header{ z-index:9999;}

	#homepage .hitArea{ position:relative !important;  z-index:9990;  display:none; left:0% !important; width:100%; padding-top:80px;}
	#homepage .hpTitleContainer{  position:relative !important; bottom:auto;  z-index:9997; width:100%;} 
	#homepage .hitSq{ position:relative !important; left:0px !important;  top:0px !important; margin-top:0px !important; margin-left:100px !important;}
	.searchContent{ line-height:1.4em; margin-top:0px; padding:5px 0px 0px 0px;}
	.hpTitleContainer .albumTitleText { padding-top:0px; padding-bottom:0px;}
	#homepage #player {height:auto;}
	.hpTitleContainer .albumOutText { }
	#homepage .hitSq{width:30px; height:30px; margin-top:30px; margin-left:30px; }
	#homepage .hit16{margin-left:400px !important;  margin-top:-10px !important;}

	#homepage .hit9{margin-left:10px !important; }
	#homepage .hit5{margin-top:-10px !important; margin-left:70px !important; }
	#homepage .hit6{margin-left:200px !important; margin-top:-10px !important;}
	#homepage .hit10{margin-top:-10px !important; margin-left:300px !important; }
	#homepage .hit13{margin-left:40px !important; margin-top:-10px !important;}
	#homepage .hit17{margin-left:30px !important;margin-top:-10px !important; }
	#homepage .hit18{margin-left:160px !important; margin-top:-10px !important;}
	
	#homepage .hit3{margin-left:150px !important;}
	#homepage .hit7{margin-top:-10px !important; margin-left:220px !important;}
	#homepage .hit8{margin-left:380px !important; margin-top:-20px !important;}
	#homepage .hit14{margin-left:260px !important;}
	#homepage .hit15{margin-left:290px !important;}
	
	#homepage .hit11{margin-top:-20px !important; margin-left:40px !important; }
	#homepage .hit1{margin-top:-10px !important; margin-left:120px !important;}
	#homepage .hit2{margin-top:-10px !important; margin-left:50px !important;}
	#homepage .hit4{margin-top:-30px !important; margin-left:250px !important; margin-bottom:10px;}


}


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

	.hpTitleContainer .albumOutText { font-size:10px; }
	.hpTitleContainer .albumTitleText { font-size:2.5em; padding-top:3px; padding-bottom:3px;}
	
	#homepage .hit9{margin-left:280px !important; }
	#homepage .hit5{margin-top:-10px !important; margin-left:30px !important; }
	#homepage .hit6{margin-left:160px !important;}
	#homepage .hit10{margin-top:-10px !important; margin-left:240px !important; }
	#homepage .hit3{margin-left:70px !important;}
	#homepage .hit7{margin-top:-10px !important; margin-left:170px !important;}
	#homepage .hit8{margin-left:270px !important;}
	
	#homepage .hit1{margin-top:-10px !important; margin-left:120px !important;}
	#homepage .hit2{margin-top:-10px !important; margin-left:20px !important;}
	#homepage .hit4{margin-top:-30px !important; margin-left:250px !important; }
	
}

/************************************** NEWS **************************************/


@media screen and (max-width:900px){
	#news .mainImageContainer{border-left:0px solid #FFFFFF; border-right:0px solid #FFFFFF; }
	#news .subjectTitle{padding:10px 17px 0px 17px;}
	#news .contentText{padding:0px 17px 20px 17px;}
	#news .newsContentContainer{margin-bottom:28px;}
	
}
@media screen and (max-width:840px){
	#news .subjectTitle{padding:10px 15px 0px 15px;}
	#news .contentText{padding:0px 15px 20px 15px;}
	#news .newsContentContainer{margin-bottom:25px;}

}
@media screen and (max-width:720px){
	#news .newsContainer{ padding-top:10px;clear:both; }
	#news .shareContainer{display:none;}
	#news .subjectTitle{padding:10px 13px 0px 13px;}
	#news .contentText{padding:0px 13px 20px 13px;}
	#news .newsContentContainer{margin-bottom:23px;}

}	

@media screen and (max-width:600px){
	#news .subjectTitle{padding:10px 10px 0px 10px;}
	#news .contentText{padding:0px 10px 20px 10px;}
	#news .newsContentContainer{margin-bottom:22px;}

}
@media screen and (max-width:565px){
	#news .shortStoryContainer .contentText{ display:none;}
	
}
@media screen and (max-width:480px){

	
}

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

}

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

}


/************ MOBILE ************/

@media only screen {

}




/****HEIGHT ****/

@media screen and (max-height:700px){	

	#homepage .hitArea{ position:absolute;  z-index:9998; left:50%; top:47%; }
	#homepage .hit1{ top:70px;}
	
}
@media screen and (max-height:620px){	
	#homepage .hitSq{width:30px; height:30px; margin-top:30px; margin-left:30px; }
	#homepage .hitArea{ position:absolute;  z-index:9998; left:50%; top:42%; }	
	#homepage .hitSq:hover {background-image: url(/_assets/images/hitCircle-hover-sml.png?v=5); }

}
@media screen and (max-height:550px){	
	#homepage .hpTitleContainer{ b2ottom:10px; } 
	#homepage .hit3{ top:-90px;}
	
}

/************ CHANGE BACKGOUND DEPENDING ON HEIGHT ************/


@media screen and (min-height:1280px) and (max-height:1920px){		
	body#homepage{ background-image: url('/_assets/images/mobile/1920x1280.jpg') !important; background-position:0% 50% ; background-repeat:no-repeat; }
}
@media screen and (min-height:800px) and (max-height:1280px){		
	body#homepage{ background-image: url('/_assets/images/mobile/1920x1280.jpg') !important; background-position:0% 50%; background-repeat:no-repeat; }
}
@media screen and (min-height:480px) and (max-height:800px){	
	body#homepage{ background-image: url('/_assets/images/mobile/1280x800.jpg') !important; background-position:0% 50%; background-repeat:no-repeat; }
}
@media screen and (max-height:480px){	
	body#homepage{ background-image: url('/_assets/images/mobile/800x480.jpg') !important; background-position:0% 50%; background-repeat:no-repeat; }
}
@media screen and (max-height:350px){	
}