/* CSS Document */
 html, body { height:100%; }

body {
	margin:20px 40px 40px 40px;
	padding:0 0 0 0;
	font-family:Helvetica, Arial, sans-serif;
	font-size:.7em;
	line-height:18px;
	letter-spacing:1px;
	background: #000 url(../img/bg.png) no-repeat 0 0px;
	
	color:#ddd;
	-moz-opacity: 0.9999; 
}


p {
	margin:0 0 15px 0;
	padding:0 0 0 0;
}

a:link,
a:visited,
a:active {
	color:#000000;
	text-decoration:none;
}

a:hover {
	color:#ffea00!important;
	cursor:pointer !important;
}



div {
	}

img { border:none; }


/* -- hidden layer settings --------------------------------------- */

a img {
	margin-right: 5px;
	margin-bottom: 5px;
	}
#container {
text-align: left;
float: left;
	background-color: transparent;
	width:431px;
	padding-bottom: 50px;
	}


#cont {
	background-color: #000000;
	color:#999999;
	font-size:11px;
	width: 480px;
	padding: 20px!important;
	height: 520px;
	}
#col01 {
	width: 289px;
	margin-right: 10px;
	float: left;
	border-right: 1px solid #232323;
	}	
#col02 {
	width: 180px;
	float: left;
	}
h2 {
	color:#00e1d4;
	text-transform:uppercase;
	font-size:18px;
	padding: 0;
	font-weight: 900;
	}

h1 {
	color:#FFFFFF;
	text-transform:uppercase;
	font-size:12px;
	padding: 0;
	font-weight: 900;
	margin-top:-15px;
	font-style: italic;
	}
	
h3 {
	color:#FFFFFF;
	font-size:12px;
	padding: 0;
	font-weight: 900;
	margin-bottom:-5px;
	}
	
#credits {
	text-align: justify;
	font-size: 11px;
	line-height: 15px;
	color: #CCCCCC;
	padding-top: 10px;
	width:180px;
	}


/*---Footer---*/



#footer {
	width:600px !important;
	font:normal 11px Helvetica, Arial;
	color: #9f9f9f;
	font-size: 10px;
	margin-top:15px;
	text-align:left !important;
	border: none;
  	}

#footer_dynamic_index {
	width:600px;
	font:normal 11px Helvetica, Arial;
	color: #9f9f9f;
	z-index:20;
	text-align:left;
}

#footer_dynamic {
	width:600px;
	font:normal 11px Helvetica, Arial;
	color: #9f9f9f;
	z-index:20;
	text-align:left;
}

#footer_dynamic_about {
	width:600px;
	font:normal 11px Helvetica, Arial;
	color: #9f9f9f;
	margin:37px 0 0 50px;
	z-index:20;
	text-align:left;
}

#footer_dynamic_contact {
	width:600px;
	font:normal 11px Helvetica, Arial;
	color: #9f9f9f;
	margin:281px 0 0 50px;
	z-index:20;
	text-align:left;
}



#footer a, #footer_dynamic a, #footer_dynamic_about a, #footer_dynamic_contact a, #footer_dynamic_index a   {
	color: #9f9f9f;
	text-decoration: none;
	border-bottom: dotted 1px;
}

#footer a:hover, #footer_dynamic a:hover, #footer_dynamic_about a:hover, #footer_dynamic_contact a:hover, #footer_dynamic_index a:hover {
	color: #fff;
	text-decoration: none;
	border-bottom: dotted 1px;
}

#footer img, #footer_dynamic img, #footer_dynamic_about img, #footer_dynamic_contact img, #footer_dynamic_index img {
	padding: 0px 10px 0px 10px;
}

#reel {width: 735px; padding-bottom: 4px; height: 400px; padding-top: 10px;}

#head {border-bottom: 1px solid #232323; padding-bottom: 5px; width: 735px;}

#boxes {width: 735px;  padding-top: 5px; border-top: 1px solid #232323;}

.thumb {float: left; margin: 0px 5px 5px 0px;}

#artist {font-family: arial; color: #ffea00 ; font-size: 18px; font-weight: 700; padding-right: 8px; padding-top: 8px; line-height: 20px}
#videotitle {font-family: arial; color: #fff ; font-size: 12px; font-weight: 400; padding-right: 20px; line-height: 20px}
#videodesc {font-family: arial; color: #ccc ; font-size:10px; font-weight: normal; padding-right: 0px; line-height: 15px; float: left;}

#thumb15 {width: 100px; height: 100px; background: #232323 url(15.png) no-repeat 0 -100px;}
#thumb14 {width: 100px; height: 100px; background: #232323 url(14.png) no-repeat 0 -100px;}
#thumb13 {width: 100px; height: 100px; background: #232323 url(13.png) no-repeat 0 -100px;}
#thumb12 {width: 100px; height: 100px; background: #232323 url(12.png) no-repeat 0 -100px;}
#thumb11 {width: 100px; height: 100px; background: #232323 url(11.png) no-repeat 0 -100px;}
#thumb10 {width: 100px; height: 100px; background: #232323 url(10.png) no-repeat 0 -100px;}
#thumb09 {width: 100px; height: 100px; background: #232323 url(09.png) no-repeat 0 -100px;}
#thumb08 {width: 100px; height: 100px; background: #232323 url(08.png) no-repeat 0 -100px;}
#thumb07 {width: 100px; height: 100px; background: #232323 url(07.png) no-repeat 0 -100px;}
#thumb06 {width: 100px; height: 100px; background: #232323 url(06.png) no-repeat 0 -100px;}
#thumb05 {width: 100px; height: 100px; background: #232323 url(16.png) no-repeat 0 -100px;}
#thumb04 {width: 100px; height: 100px; background: #232323 url(04.png) no-repeat 0 -100px;}
#thumb03 {width: 100px; height: 100px; background: #232323 url(03.png) no-repeat 0 -100px;}
#thumb02 {width: 100px; height: 100px; background: #232323 url(02.png) no-repeat 0 -100px;}
#thumb01 {width: 100px; height: 100px; background: #232323 url(01.png) no-repeat 0 -100px;}

#thumb15:hover, #thumb14:hover, #thumb13:hover, #thumb12:hover, #thumb11:hover, #thumb10:hover, #thumb09:hover, #thumb08:hover, #thumb07:hover, #thumb06:hover, #thumb05:hover, #thumb04:hover, #thumb03:hover, #thumb02:hover, #thumb01:hover {background-position:  0 0px;}

#blog {position: absolute; width: 80px; top: 60px; left: 730px; height: 80px; background: transparent url("blog.png") no-repeat 0 0px; z-index: 100;}
#blog:hover {background-position: 0 -80px;}

#footer ul {list-style: none;}
#footer ul li {}

ul.footer {width: 735px; height: 15px; margin: 0; padding: 0; list-style: none;}
ul.footer li {list-style: none; float: left; display: block; height: 15px; font-size: 11px; color: #ccc;}

ul.footer li a:hover {background-position: 0 0px;}

li.contact {width: 70px; color:#ccc!important; padding-top: 2px; font-weight: 700;}
li.phone {width: 110px;padding-top: 2px;}
li.email {width: 160px;padding-top: 2px;}
li.credit  {background: url(../img/credit.png) 0 0 no-repeat; width: 190px; float: right; height: 15px;}
li.credit a {width: 190px; height: 15px; text-decoration:  none!important; border: none !important;}

.archlink {position: absolute; top: 762px; left: 720px; text-align: right;}