/*
* 	JOB LIST
*/

SELECT {
	font:10px Arial, Helvetica, sans-serif;
	letter-spacing:normal;
	width:auto;
	padding:1px;
}

#jobs {
	background:#000;
	color:#CCC;
	padding:20px;
}

#jobs .job {
	float:left;
	font:10px Arial, Helvetica, sans-serif;
	letter-spacing:normal;
}

#jobs LI {
	list-style:none;
}

#jobs H2 {
	color:#FFF;
	font:16px Helvetica, Arial, sans-serif;
	font-weight:bold;
	letter-spacing:-1px;
	margin-top:0px;
}

#jobs A {
	display:block;
	width:250px;
	height:100px;
	border:none;
}

#jobs A IMG {
	border:none;
}

#jobs A.view:hover {
	background:url(links/view.gif)!important;
}

#jobs A.not_available:hover {
	background:url(links/notavailable.gif)!important;
	width:250px;
	height:100px;
}

#jobs A.download:hover {
	background:url(links/download.gif)!important;
}

#jobs A.link:hover {
	background:url(links/link.gif)!important;
}

div.hrW {
	clear:both;
	height:18px;
	border:none;
	margin-bottom:10px;
	margin-top:10px;
}


#reel A {
	font-size:58px;
	display:block;
	width:485px;
	height:75px;
	background:#000;
	text-decoration:none;
	padding:13px 2px 12px 13px;
	line-height:0.8em;
	color:#FFF;
	font-weight:bold;
}

#reel {
	padding-bottom:10px;
}

#reel A:hover {
	background:#aa0001;
	color:#FFF;
	text-decoration:none;
}

.off {
	font-size:58px;
	display:block;
	width:485px;
	height:75px;
	background:#000;
	text-decoration:none;
	line-height:0.8em;
	color:#FFF;
	font-weight:bold;
	margin-bottom:10px;
	padding:13px 2px 12px 13px;
}

#filters {
	padding:15px 0px;
	margin-top:0px;
}

#filters TD {
	font:10px Arial, Helvetica, sans-serif;
	letter-spacing:normal;
	color:#000;
}

#filters A {
	display:block;
	background:#000;
	color:#FFF!important;
	padding:5px 15px;
	text-decoration:none;
}

#filters A:hover {
	background:#aa0001;
}


/*
*  JOB DETAILS
*/

#work {
	background:#000;
	margin-top:15px;
	padding:15px;
	color:#FFF;
	position:relative;
}

#work h2 {
	border-bottom:#666 1px solid;
	padding-bottom:10px;
	margin-bottom:10px;
}

	#work #toplink {
		position:absolute;
		right:15px;
		top:23px;
	}

#worksidebar {
	font:10px Arial, Helvetica, sans-serif;
	letter-spacing:normal;
	float:left;
	width:220px;
	color:#CCC;
}

#worksidebar UL {
	list-style:none;
	margin-bottom:40px;
}

#worksidebar LI {
	margin-bottom:2px;
}

#worksidebar A {
	color:#C00;
}

#media {
	width:500px;
	margin-left:270px;
	text-align:right;
	position:relative;
	overflow:visible;
	background-color:#000;
}

#media IMG {
	margin-bottom:15px;
	width:500px;
}

#media EMBED {
	width:480px;
	height:375px;
	position:relative;
	overflow:visible;
	background-color:#000;
}


#media OBJECT {
	width:480px;
	height:375px;
	margin-bottom:15px;
	position:relative;
	overflow:visible;
	background-color:#000;
}

#media.reel {

	width:640px;
}

#media.reel OBJECT, #media.reel EMBED {
	width:640px;
	height:496px;
}

.joblink {
	margin-top:10px;
}

.joblink A {
	background:#666;
	color:#FFF!important;
	text-decoration:none;
	padding:0px 1px;
	width:auto;
}

.joblink A:hover {
	background:#aa0001;
}

A.back {
	font-size:18px;
	text-decoration:none;
	color:#FFF!important;
	margin-top:20px;
	font-weight:bold;
	background:url(bg_back.gif) left no-repeat;
	padding-left:15px;
}

.reel #worksidebar {
	width:100px!important;
	
}

.reel #media {
	margin-left:130px!important;
	margin-bottom:20px!important;
}