/* ------------------------ Hip Hop Page */

/*
body{
	background-image: url( ../img/technoBgTile.jpg );
	background-color: #4f4f4f;
}	*/

body#technoBody{
	background-image: url( ../img/technoBg.jpg );
	background-repeat: no-repeat;
	background-position: center top;
	background-color: #151515;
}

body#technoBody #outerWrapper{
	margin: 0 auto;
	width: 1000px;
	height: auto;
}



#technoBundleWrapper{
	margin: 0 auto;
	width: auto;
	height: auto;
	color: #000;
	margin-top: 0;
	margin-bottom: 100px;
	padding-top: 20px;
	
}
#technoHead{
	margin: 0 auto;
	width: 1000px;
	height: 83px;
	background-image: url(../img/headBg.png);
}

#technoContent{
	margin: 0 auto;
	width: 1000px;
	height: auto;
	background-image: url(../img/hipHopContentTile.jpg);
	background-repeat: repeat-y;
}
a.technoHeadLogo{
	margin: 0 auto;
	display: block;
	width: 460px;
	height: 60px;
}

#technoTextLeft{
	position: relative;
	float: left;
	width: 460px;
	height: auto;
	padding: 0 0 0 40px;
}
#technoTextRight{
	position: relative;
	float: left;
	width: 440px;
	height: auto;
	font-weight: bold;
	font-size: 18px;
	padding: 30px 40px 0 20px;
	text-align: center;
}

h2.techno{
	display: block;
	font-size: 28px;
	margin-bottom: 10px;
}

#technoLoopPackRow{
	position: relative;
	float: left;
	width: 920px;
	height: auto;
	margin-left: 40px;
	margin-top: 40px;
}
#technoLoopPackRow a{
	text-decoration: none;
}
.technoLoopPack{
	position: relative;
	float: left;
	width: 200px;
	height: auto;
	margin: 0 40px 40px 0;
}
.technoLoopPack:nth-of-type(4n+0){
	margin-right: 0;
}
.technoLoopPack img{
	margin-bottom: 20px;
}
h2.loopTitle{
	font-size: 22px;
}
h3.loopArtist{
	font-size: 18px;
	font-weight: normal;
	margin-top: 0;
	margin-bottom: 0;
}

#technoPromoRow{
	position: relative;
	float: left;
	width: 920px;
	height: auto;
	margin-left: 40px;
	margin-top: 40px;
	text-align: center;
}
#technoPromoRow img{
	position: relative;
	float: left;
	margin: 0 40px;
}

#technoContentBottom{
position: relative;
margin: 0 auto 100px auto;
	width: 1000px;
	height: 99px; 
}

a.technoActionSmall{
	display: inline-block;
	width: 410px;
	height: 60px;
	background-image: url(../img/hipHopActionSmall.png);
	margin-top: 20px;
}
a.technoActionSmall:hover{
	background-position: 0 -60px;
}
a.technoActionBig{
	display: inline-block;
	width: 465px;
	height: 110px;
	background-image: url(../img/hipHopActionBig.png);
	margin-top: 20px;
	margin-bottom: 40px;
}
a.technoActionBig:hover{
	background-position: 0 -111px;
}
a.technoLink{
	text-decoration: none;
	color: #0c810c;
}
a.technoLink:hover{
	color: #000;
}

/* Start: Play/pause */
.technoLoopPack .mejs-controls .mejs-button button {
	cursor: pointer;
	display: block;
	font-size: 0px;
	line-height: 0;
	text-decoration: none;
	margin:10px 0 0 0;
	padding: 0;
	position: absolute;
	height: 20px;
	width: 20px;
	border: 0;
	background: transparent url(../img/playerControls.png) 0 0 no-repeat;
}
.technoLoopPack .mejs-controls .mejs-play button {
	background-position:0 0;
}
.technoLoopPack .mejs-controls .mejs-pause button {
	background-position:0 -20px;
}
/* End: Play/pause */