@charset "utf-8";

/* CSS Document */



body,html{
	margin: 0;
	padding:0;
	font-family:Arial, Tahoma, Helvetica, sans-serif;
	color:white;
	font-size:12px;
	line-height:18px;
	height:100%;
	background-color: #040003;
	background-image: url(images/graphika-bg02.jpg);
	background-repeat: no-repeat;
	background-position: center top;

}

p{

	padding:0;

	margin:0;

}

h1{

	padding:0;

	margin:0;

}



#main-container{

	width:100%;

	margin:auto;

	display:block;

	position:relative;

}



#CM{

	margin:auto;

	float:left;

	position:relative;

	width:916px;

}



#content-cont{

	margin:auto;

	/*float:left;

	position:relative;

	padding-bottom:120px;*/

	width:916px;

}

#footer{

	float:left;

	width:100%;

	height:40px;

	background:url(images/footer.gif) repeat-x bottom;

	text-align:center;

}

#footer a:link,#footer a:visited,#footer a:active{

	color:white;

}

#footer a:hover{

	color:white;

}



#footer-bg{

	width:916px;

	margin:auto;

	float:left;

	padding-top:60px;

}



#logo{

	background:url(images/tdp-logo.png) no-repeat left;

	margin:90px 0 0 110px;

	_margin-left:50px;

	float:left;

	font-family:Arial, Tahoma, Helvetica, sans-serif;

	font-size:18px;

}

#logo a:link, #logo a:hover, #logo a:visited, #logo a:active{

	display:block;

	width:268px;

	height:54px;

	text-indent:-9999px;

	outline:none;

}



#tagline{

	margin-left:60px;

}



#top-nav{

	width:222px;

	height:64px;

	float:right;

	position:relative;

	margin-top:94px;

	margin-right:45px;

	_margin-right:20px;

}



#player{

	width:720px;

	height:414px;

	margin:auto;

	margin-top:25px;

}



#content{

	margin:auto;

	margin-top:30px;

	position:relative;

}



#col-1{

	width:425px;

	margin-left:20px;

	_margin-left:0;

	_width:390px;

	float:left;

	position:relative;

}



h3{

	margin:0;

	padding:0;

}



#title1{

	float:left;

	color:white;

	font-family:Arial, Tahoma, Helvetica, sans-serif;

	width:428px;

}

#title1 h3{

	background:url(images/demo-reel.png) no-repeat left top;

	height:38px;

	padding-top:10px;

	text-indent:-9999px;

}

#title1 p{

	padding-left:36px;

	width:428px;

	padding:10px;

	margin-top:10px;

	margin-bottom:10px;

}

#col-1-cont{

	width:310px; 

	margin:auto; 

	margin-top:10px;

	_margin-top:0;

}

#col-1-cont p{

	margin-top:10px;

}





#col-2{

	width:448px;

	_width:430px;

	float:left;

	position:relative;

}



#title2{

	float:left;

	color:white;

	font-family:Arial, Tahoma, Helvetica, sans-serif;

	width:428px;

}

#title2 h3{

	padding-left:36px;

	background:url(images/openings.png) no-repeat left top;

	height:38px;

	padding-top:10px;

	text-indent:-9999px;

}



#col2-nav{
	_width:390px;
	float:left;
	margin-left:35px;
	_margin-left:30px;
	margin-top: auto;
	margin-right: auto;
	margin-bottom: auto;
	width: 400px;

}

#col-2-cont{

	width:310px; 

	margin:auto; 

	margin-top:130px;

	_margin-top:5px;

	margin-left:44px;

	float:left;

}

#col-2-cont p{

	margin-top:10px;

}

#col-2-cont a:link, #col-2-cont a:active, #col-2-cont a:visited{

	color:#8dc63f;

	text-decoration:underline;

}

#col-2-cont a:hover{

	color:#8dc63f;

	text-decoration:underline;

}



#post-it{
	float:left;
	width:112px;
	height:85px;
	margin-top:14px;
	font-size:14px;
	text-align:center;
	margin-right: 5px;
	margin-left: 5px;

}
#post-it img {
	height: 85px;
	width: 112px;
}


#post-it a:link, #post-it a:active, #post-it a:visited{

	font-weight:bold;

	text-align:center;

	text-decoration:none;

	color:white;

}

#post-it a:hover{

	font-weight:bold;

	text-align:center;

	text-decoration:underline;

	color:white;

}



.sep{

	width:32px;

	_width:25px;

	float:left;

}



.gray{

	color:#999999;

}