/* ################################################## */
/*  MADE BY: WWW.DIRECTBASING.COM                     */
/*  ALEX VAN DER VEGT                                 */
/* ################################################## */

/* ### GENERAL ### */
* { margin: 0px; padding: 0px; }
html, body { font-family: Arial; font-size: 10px; color: #000; }
input, select, textarea { font-family: Arial; font-size: 10px; color: #000; }
body { background: #042b42; }
img { border: 0px; display: block; }

/* ### GLOBAL CLASSES ### */
.clear { clear: both; }

/* ### WRAPPER ### */
#wrapper { padding: 20px 0px 20px 0px; display: block; position: relative; width: 100%; min-height: 100%; }

/* ### MAIN CONTAINER ### */
#mainCntr { margin: 0 auto; width: 960px; }

	/* ### HEADER CONTAINER ### */
	#headerCntr { margin-left: 35px; padding: 17px 0px 0px 230px; width: 710px; height: 110px; background: url('../images/headerBg.png') no-repeat; }
	#headerCntr h1 { display: none; }
	#headerCntr h2 { font: bold 18px 'Century Gothic', 'Trebuchet MS', Trebuchet; color: #0099cc; }
	
	/* ### CONTENT CONTAINER ### */
	#contentCntr { width: 975px; background: url('../images/contentBg.gif') repeat-y right top; }
	#contentCntr div.cTop { background: url('../images/contentTop.gif') no-repeat right top; }
	#contentCntr div.cBottom { padding: 10px 10px 10px 0px; background: url('../images/contentBottom.gif') no-repeat right bottom; }
	
		/* ### LEFT CONTAINER ### */
		#leftCntr { position: relative; top: -70px; float: left; width: 229px; }
		#leftCntr h2 { display: none;}
		#leftCntr ul { list-style: none; }
		#leftCntr li { font: normal 12px/16px 'Century Gothic', 'Trebuchet MS', Trebuchet; color: #fff; }
		#leftCntr li a { padding-left: 3px; text-decoration: none; color: #fff; }
		#leftCntr li a:hover { color: #000; }
		
			/* ### MENU BOX ### */
			.menuBox { padding: 76px 0px 0px 10px; width: 219px; background: url('../images/menuTop.png') no-repeat; }
			.menuBox div.top { padding: 0px 0px 0px 24px; width: 171px; background: url('../images/menuBg.png') repeat-y; }
			.menuBox ul { position: relative; top: -10px; }
			
			/* ### BEAT BOX ### */
			.beatBox { padding: 72px 0px 0px 9px; width: 220px; background: url('../images/beatportTop.png') no-repeat; }
			.beatBox div.top { padding: 0px 0px 0px 24px; width: 171px; background: url('../images/menuBg.png') repeat-y; }
			.beatBox ul { position: relative; top: -10px; }
			
			/* ### DANCE BOX ### */
			.danceBox { padding: 76px 0px 0px 10px; width: 219px; background: url('../images/danceTop.png') no-repeat; }
			.danceBox div.top { padding: 0px 0px 0px 24px; width: 171px; background: url('../images/menuBg.png') repeat-y; }
			.danceBox ul { position: relative; top: -10px; }
			
			/* ### ITUNES BOX ### */
			.itunesBox { padding: 68px 0px 0px 8px; width: 219px; background: url('../images/itunesTop.png') no-repeat; }
			.itunesBox div.top { padding: 0px 0px 0px 24px; width: 171px; background: url('../images/menuBg.png') repeat-y; }
			.itunesBox ul { position: relative; top: -10px; }
		
		/* ### CENTER CONTAINER ### */
		#centerCntr { float: left; width: 440px; }
		
			/* ### TEXT BOX ### */
			.textBox { margin-bottom: 10px; width: 440px; background: url('../images/textBg.gif') repeat-y; }
			.textBox div.top { background: url('../images/textTop.gif') no-repeat top; }
			.textBox div.bottom { padding: 10px 10px 0px 10px; background: url('../images/textBottom.gif') no-repeat bottom; }
			.textBox h1 { font-size: 11px; font-weight: bold; text-transform: uppercase; color: #4c3838; }
			.textBox em { padding-bottom: 2px; display: block; font-style: normal; }
			.textBox p { padding-bottom: 11px; }
		
		/* ### RIGHT CONTAINER ### */
		#rightCntr { float: right; width: 285px; }
		
			/* ### NIEUWS BOX ### */
			.nieuwsBox { margin-bottom: 10px; width: 285px; }
			.nieuwsBox h3 { padding: 0px 10px 0px 10px; height: 36px; line-height: 36px; font-weight: normal; font-size: 12px; color: #fff; background: url('../images/nieuwsH3.gif') repeat-x; }
			.nieuwsBox ul { list-style: none; }
			.nieuwsBox li { margin-top: 5px; padding: 0px 10px 0px 10px; height: 28px; line-height: 28px; background: #d0d0d0; }
			.nieuwsBox li a { padding-left: 5px; text-decoration: none; color: #000; }
			.nieuwsBox li a:hover { text-decoration: underline; }
			
			/* ### VIDEO BOX ### */
			.videoBox { margin-bottom: 10px; padding: 10px; overflow: hidden; width: 263px; border: 1px solid #acacac; background: #eee; }
			.videoBox div.pic { float: left; width: 140px; }
			.videoBox div.text { padding-right: 10px; float: right; display: inline; width: 108px; }
			.videoBox img { border: 1px solid #000; }
			.videoBox h3 { font-size: 14px; font-weight: bold; text-transform: uppercase; }
			.videoBox h2 { font-size: 14px; font-weight: bold; }
			.videoBox h1 { padding-bottom: 6px; font-size: 14px; font-weight: normal; text-transform: uppercase; }
			
			/* ### AD BOX ### */
			.adBox { margin-bottom: 10px; width: 285px; }
	
	/* ### FOOTER CONTAINER ### */
	#footerCntr { margin-left: 35px; position: relative; width: 938px; }
	#footerCntr img { position: absolute; top: -140px; left: 20px; }
	#footerCntr p { padding-top: 20px; font: 12px 'Trebuchet MS', Trebuchet; text-transform: uppercase; text-align: center; color: #fff; }