/* ---------------------------------------------------------------------------------------------------- */
/* ---------------------------------- DMC World - Main Layout Elements -------------------------------- */

Body{
	font-family: Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	text-decoration:none;
	font-size: 10px;
	margin:0;
	background: url("../images/__l4y0ut/Background.gif") top center repeat-x;
	background-color:#2C445C;
	background-attachment:fixed;
}

.MainContainer {
	width:900px;
	text-align:left;
	margin-top:15px;
	margin-bottom:auto;
	margin-left:auto;
	margin-right:auto;
	padding:0;
}

.Header {
	width:900px;
	height:170px;
	background: url("../images/__l4y0ut/Header-Image.png") top left no-repeat;
	z-index:0;
}

.TopMenuBar {
	width:900px;
	height:36px;	
	margin-top:10px;
	padding-left:5px;
	background: url("../images/__l4y0ut/TopMenuBar.png") top left no-repeat;
	z-index:0;
	float:left;
	display:block;
}

.TopMenuBar a {
	width:auto;
	height:20px;
	line-height:20px;
	background:url("../images/__l4y0ut/ButtonBG.png") repeat;
	color:#FFFFFF;
	float:left;
	margin-top:7px;
	margin-right:5px;
	margin-left:5px;
	z-index:1;
	text-align:center;
	font-size:11px;
	font-weight:bold;
	padding-left:10px;
	padding-right:10px;
	border:1px solid #111f39;
}

.TopMenuBar a:hover {
	background:url("../images/__l4y0ut/ButtonBGOver.png") repeat;
	color:#FFFFFF;
}

.HeaderAd {
	position:absolute;
	margin-left:420px;
	margin-top:12px;
	width:468px;
	height:60px;
	z-index:99;
}

.HeaderAdClick {
	position:absolute;
	margin-left:420px;
	margin-top:12px;
	width:468px;
	height:60px;
	z-index:99;
}

.HeaderAd728 {
	position:absolute;
	margin-left:160px;
	margin-top:14px;
	width:728px;
	height:90px;
	z-index:99;
}

.HeaderAdClick728 {
	position:absolute;
	margin-left:160px;
	margin-top:14px;
	width:728px;
	height:90px;
	z-index:99;
}

.FlashBox {
	width:590px;
	height:300px;
	margin-top:-40px;
	float:left;	
}

.SquareAd {
	width:300px;
	height:250px;
	margin-top:10px;
	float:right;
}

.ChartBox {
	width:290px;
	height:650px;
	margin-top:10px;
	float:left;	
	background: url("../images/__l4y0ut/ChartLeftColumnBG.png") top left no-repeat;
}
	
.TopBoxMiddle {
	width:600px;
	height:760px;
	margin-top:10px;
	margin-right:0px;
	float:right;	
	background: url("../images/__l4y0ut/TopBoxMiddle.png") top left no-repeat;
}

.ChartBoxMiddle {
	width:600px;
	height:650px;
	margin-top:10px;
	margin-right:0px;
	float:right;	
	background: url("../images/__l4y0ut/ChartBoxMiddle.png") top left no-repeat;
}

.BotBoxRight {
	width:300px;
	height:320px;
	margin-top:10px;
	float:left;	
	background: url("../images/__l4y0ut/BotRightBox.png") top left no-repeat;
}

.SiteBox {
	width:290px;
	height:100px;
	margin-top:10px;
	margin-left:0px;
	float:left;	
	background: url("../images/__l4y0ut/SiteBoxBG.png") top left no-repeat;
}

.Footer {
	width:900px;
	height:60px;
	margin-top:10px;
	float:left;	
	background: url("../images/__l4y0ut/Footer.png") top left no-repeat;
}

.FloatClear {
	clear:both;	
}

object { outline:none; }
a {	color:#FFFFFF;text-decoration:underline;outline:none; }

/* ---------------------------------- DMC World - Main Layout Elements -------------------------------- */
/* ---------------------------------------------------------------------------------------------------- */



/* ---------------------------------------------------------------------------------------------- */
/* ---------------------------------- DMC World - Site Portfolio -------------------------------- */

img.Main {
	float:left;
	padding-left:10px;
	padding-top:10px;
	display:block;
}

a.Link {
	margin-left:10px;
}

/* ---------------------------------- DMC World - Site Portfolio -------------------------------- */
/* ---------------------------------------------------------------------------------------------- */




/* ----------------------------------------------------------------------------------------------- */
/* ---------------------------------- DMC World - W3C Image CSS ---------------------------------- */

.W3CImage {
	width:88px;
	height:31px;
	margin-top:10px;
	margin-left:10px;
	float:right;
}

/* ---------------------------------- DMC World - W3C Image CSS ---------------------------------- */
/* ----------------------------------------------------------------------------------------------- */



/* ---------------------------------------------------------------------------------------- */
/* ---------------------------------- DMC World - Inners ---------------------------------- */

.ChartBoxInner {
	width:270px;
	height:630px;
	/* background-color:black; */
	overflow:auto;
	margin-left:10px;
	margin-top:10px;
}

.TopBoxMiddleInner {
	width:580px;
	height:740px;
	/* background-color:black; */
	overflow:auto;
	margin-left:10px;
	margin-top:10px;
}

.ChartBoxMiddleInner {
	width:580px;
	height:630px;
	/* background-color:black; */
	overflow:auto;
	margin-left:10px;
	margin-top:10px;
}

.BotBoxRightInner {
	width:280px;
	height:300px;
	/* background-color:black; */
	overflow:auto;
	margin-left:10px;
	margin-top:10px;
}

.BotBoxRightInner h2 {
	font-size:15px;
	font-weight:bold;
	width:245px;
	height:auto;
	padding:5px 5px 5px 5px;
	margin-left:0px;
	margin-right:0px;
	margin-top:0px;
	margin-bottom:10px;
	background:url("../images/__l4y0ut/BlackBG-50Opacity.png") repeat;
}

.ChartBoxInner h2 {
	font-size:15px;
	font-weight:bold;
	width:235px;
	height:auto;
	padding:5px 5px 5px 5px;
	margin-left:10px;
	margin-right:10px;
	margin-top:10px;
	margin-bottom:10px;
	background:url("../images/__l4y0ut/BlackBG-50Opacity.png") repeat;
}

.ChartColumnEntry {
	width:235px;
	height:35px;
	line-height:10px;
	display:block;
	text-align:left;
	text-decoration:none;
	color:#FFFFFF;
	font-size:12px;
	font-weight:bold;
	padding:5px 5px 5px 5px;
	margin-left:0px;
	margin-right:5px;
	margin-top:0px;
	margin-bottom:5px;
	background:url("../images/__l4y0ut/SiteBoxBGColour.png") repeat;
}

.ChartColumnBottom {
	text-align:center;
	width:235px;
	height:auto;
	line-height:10px;
	display:block;
	text-decoration:none;
	color:#FFFFFF;
	font-size:11px;
	font-weight:bold;
	padding-top:10px;
	padding-bottom:10px;
	padding-left:5px;
	padding-right:5px;
	margin-left:0px;
	margin-right:5px;
	margin-top:0px;
	margin-bottom:5px;
	background:url("../images/__l4y0ut/SiteBoxBGColour.png") repeat;
}

.TopBoxMiddleInner h2 {
	font-size:15px;
	font-weight:bold;
	width:545px;
	height:auto;
	padding:5px 5px 5px 5px;
	margin-left:0px;
	margin-right:0px;
	margin-top:0px;
	margin-bottom:10px;
	background:url("../images/__l4y0ut/BlackBG-50Opacity.png") repeat;
}

.ChartBoxMiddleInner h2 {
	font-size:15px;
	font-weight:bold;
	width:545px;
	height:auto;
	padding:5px 5px 5px 5px;
	margin-left:0px;
	margin-right:0px;
	margin-top:0px;
	margin-bottom:10px;
	background:url("../images/__l4y0ut/BlackBG-50Opacity.png") repeat;
}

.TopBoxRightInner h2 {
	font-size:15px;
	font-weight:bold;
	width:245px;
	height:auto;
	padding:5px 5px 5px 5px;
	margin-left:0px;
	margin-right:0px;
	margin-top:0px;
	margin-bottom:10px;
	background:url("../images/__l4y0ut/BlackBG-50Opacity.png") repeat;
}

/* ---------------------------------- DMC World - Inners ---------------------------------- */
/* ---------------------------------------------------------------------------------------- */

.TopButton {
	width:62px;
	height:32px;
	line-height:32px;
	background:url("../images/__l4y0ut/ButtonBG.png") repeat;
	float:right;
	margin-top:129px;
	margin-right:10px;
	margin-left:-2px;
	z-index:1;
	text-align:center;
	color:#FFFFFF;
	font-size:13px;
	font-weight:bold;
	border:1px solid #111f39;
}

.TopButton:hover {
	background:url("../images/__l4y0ut/ButtonBGOver.png") repeat;	
}
.Compilation {
	float:left;
	width:245px;
	height:auto;
	background:url("../images/__l4y0ut/BlackBG-50Opacity.png") repeat;
	margin-bottom:10px;
	padding-left:5px;
	padding-right:5px;
	padding-top:5px;
	padding-bottom:5px;
	text-decoration:none;
	color:#FFFFFF;
}

.Compilation img {
	float:left;
	padding-right:5px;
}

.CompilationTitle {
	margin:0 0 0 0;
	padding:0 0 0 0;
	text-decoration:underline;
	font-size:12px;
	font-weight:bold;
}

.SiteBoxTitle {
	line-height:12px;
	display:block;
	text-align:left;
	text-decoration:none;
	color:#FFFFFF;
	font-size:12px;
	font-weight:bold;
	padding-top:3px;
	padding-bottom:0px;
	padding-left:5px;
	padding-right:5px;
	width:170px;
	height:75px;
	margin-top:10px;
	margin-bottom:0px;
	margin-left:99px;
	background:url("../images/__l4y0ut/SiteBoxBGColour.png") repeat;
}

.SiteBoxTitle:hover {
	background:url("../images/__l4y0ut/ButtonBGOver.png") repeat;	
}

.SiteBoxMainText {
	font-size:10px;
	font-weight:normal;	
	color:#FFFFFF;
}

.SiteBoxLinkText {
	font-size:10px;
	font-weight:bold;	
	color:#FFFFFF;
}

.Charty {
	float:left;
	width:235px;
	height:auto;
	background:url("../images/__l4y0ut/BlackBG-50Opacity.png") repeat;
	margin-bottom:10px;
	padding-left:5px;
	padding-right:5px;
	padding-top:5px;
	padding-bottom:5px;
	text-decoration:none;
	color:#FFFFFF;
}

.Charty img {
	float:left;
	padding-right:5px;
}

.ChartyNumber {
	font-size:16px;
	font-weight:bold;
}

.ChartyTrackArtist {
	line-height:16px;
	font-size:12px;
	font-weight:bold;
}

.ChartyTrackTitle {
	line-height:16px;
	font-size:12px;
}

.ChartyTitle {
	margin:0 0 0 0;
	padding:0 0 0 0;
	text-decoration:underline;
	font-size:12px;
	font-weight:bold;
}

.ChartTrackTitle {
	text-decoration:none;
	font-size:11px;
	font-weight:bold;
}

.MainMiddleContact {
	float:left;
	width:535px;
	height:auto;
	background:url("../images/__l4y0ut/BlackBG-50Opacity.png") repeat;
	margin-bottom:10px;
	padding-left:10px;
	padding-right:10px;
	padding-top:10px;
	padding-bottom:10px;
	text-decoration:none;
	text-align:center;
	color:#FFFFFF;
	font-size:10px;
}

.MainMiddle {
	float:left;
	width:535px;
	height:auto;
	background:url("../images/__l4y0ut/BlackBG-50Opacity.png") repeat;
	margin-bottom:10px;
	padding-left:10px;
	padding-right:10px;
	padding-top:10px;
	padding-bottom:10px;
	text-decoration:none;
	color:#FFFFFF;
	font-size:10px;
}

.MainMiddle a {
	font-weight:bold;
	font-size:10px;	
}

.MainMiddle img {
	float:left;
	padding-right:10px;
	padding-bottom:15px;
}

.MainMiddleTitle {
	margin:0 0 0 0;
	padding:0 0 0 0;
	text-decoration:underline;
	font-size:12px;
	font-weight:bold;
}

.FooterLink {
	width:138px;
	height:29px;
	line-height:29px;
	background:url("../images/__l4y0ut/ButtonBG.png") repeat;
	float:left;
	margin-top:10px;
	margin-left:10px;
	text-align:center;
	color:#FFFFFF;
	font-size:13px;
	font-weight:bold;
	border:1px solid #111f39;
}

.FooterLink:hover {
	background:url("../images/__l4y0ut/ButtonBGOver.png") repeat;	
}

.BrashLogo {
	width:auto;
	height:auto;
	float:right;
	margin-top:13px;
	margin-right:13px;
	margin-left:45px;
}
	
.Right {
	float:right;
}

.Left {
	float:left;
}

.Clear {
	clear:both;
}


/* -- Form CSS -- */

/* ----------- My Form ----------- */

.myform{
	margin:0 auto;
	width:500px;
	padding:5px;
}

	/* ----------- basic ----------- */
	#basic{
		border:solid 0px #DEDEDE;
	}
	#basic h1 {
		font-size:14px;
		font-weight:bold;
		margin-bottom:8px;
	}
	#basic p{
		font-size:11px;
		color:#666666;
		margin-bottom:20px;
		border-bottom:solid 1px #dedede;
		padding-bottom:10px;
	}
	#basic label{
		display:block;
		font-weight:bold;
		text-align:right;
		width:160px;
		float:left;
	}
	#basic .small{
		color:#666666;
		display:block;
		font-size:11px;
		font-weight:normal;
		text-align:right;
		width:160px;
	}
	#basic .validate{
		color:#ff3333;
	}
	#basic input{
		float:left;
		width:200px;
		font-size:11px;
		margin:2px 0 30px 10px;
	}
	#basic .captcha{
		float:left;
		width:200px;
		font-size:11px;
		margin:2px 0 0px 10px;
	}
	#basic textarea{
		float:left;
		width:300px;
		height:250px;
		font-size:11px;
		margin:2px 0 30px 10px;
	}
	#basic button{ 
		clear:both;
		margin-left:170px;
		background:#888888;
		color:#FFFFFF;
		border:solid 1px #666666;
		font-size:11px;
		font-weight:bold;
		padding:4px 6px;
	}

/* -- Form CSS -- */