/*


colors

text grey	: dddddd
red			: A9122A
dark grey	: 1e1e1e
dark blue 	: 1E3041
med grey	: 3e3e3e
light grey 	: 6f6d6d
cyan		: a9d5db
khaki		: f0f779
yellow		: f0f779



<a class="block" href="javascript:void(0);" onclick="vqt('300', 'lg');resizeBGFade();fadeInBG();">
	<span class="img" style="background-image: url(/content/jobs/hp_pharrell_0000/pharrell/_thumb.jpg);"/>
		<span class="t">
			View 
		<span class="sub">
			ÔPharrellÕ
		</span>
	<span class="ml"/>
	</span>
</a>



*/

/* General. */

html,body
{
	font:12px/14px Georgia, "Times New Roman", serif;
	height:101%;
	width:100%;
	color:#ddd;
	background:#3e3e3e;
}

body {
	margin:0px auto;
	width:800px;
}

/* headlines */
h1
{
	font-size:36px;
	font-weight:normal;
	line-height:40px;
	margin:3px 0 16px;
	padding:0;
	
}

/* front page headline */
h2
{
	font-size:28px;
	font-weight:normal;
	line-height:26px;
	margin:12px 0 4px;
	padding:0;
	color:#fff;
}

/* large headline */
h3
{	color:#a9d5db;
	font-size:18px;
	font-weight:normal;
	line-height:20px;
	margin:14px 0;
	padding:0;
}

/* sub head */
h4
{
	font-size:10px;
	font-weight:normal;
	line-height:8px;
	margin:6px 0;
	padding:0;
	/*color:#e0a3ac;*/
}

/* agency 
 global elements */
.smallcaps
{
	font-size:10px;
	font-weight:normal;
	text-transform:uppercase;
}

p
{
	margin:8px 0 0;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	line-height:16px;
}






div#fader {
	padding-left: 242px;
	padding-top: 170px;
	background: #111;
	font-size: .01em;
	line-height: 0;
	position: absolute;
	top: 0;
	width: 800px;
	height: 800px;
	z-index: 1850;
	filter: alpha(opacity=0);
	opacity: 0;
	-moz-opacity: 0;
}




.qt_frame { text-align:center; }
span.title { 
	font-size:14px;
	line-height:14px;
	/*height:70px;*/
}
span.dir {
	font-size:	11px;
	color:		#C4C9CD; 
}
.agency {  color:#C4C9CD; line-height:14px; }
.mt_logo { position:absolute; width:440px; margin-top:30px;}
.mt_logo img { float:right; }


/* Main div elements. */

#movie {
	display:		block;
	position: 		absolute;
	top:			0px;
	left:			0px;
	height: 		406px;
	width:			100%;
	z-index:		0;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}

#nonmovie {
	display:		block;
	position: 		absolute;
	top: 			406px;
	padding-top:	0px;
	left:			0px;
}

#loading {
	display:		block;
	height: 		405px;
	width:			100%;
	position:		absolute;
	top:			1px;
	z-index:		100;
	background-color: #1e1e1e;
	text-align:		center;
	
}

#console {
	display: 		block;
	background-color: #1e1e1e;
	margin-left:	0px;
}

#dataDirector {
	padding:		4px 0px 3px 0px;
	margin:			0 0 0 0px;
}

#data {
	padding:		7px 0px 3px 0px;
}

#download {
	margin:			13px 0 0 6px;
	padding:		0 0 5px 0px;
}

#logo {
	margin-left:	126px;
}

#dl {
	margin:			0 0 0 0px;
}

a.dl:link {
	color:			#dddddd;
}
a.dl:visited {
	color:			#dddddd;
}

a.dl:hover {
	color:			#f0f779;
}

#nav {
	clear:			both;
	display:		block;
}



/* Nav buttons. */

img {
	float:			left;
	border:			0px;
}

div.navButton {
/*	display:		block;*/
	margin: 		8px 0 0 0;
	width:			100%;
	height:			29px;
}

a:link div.navButton {
	background-color: #1e1e1e;
	text-decoration: none;
}
a:visited div.navButton {
	background-color: #1e1e1e;
	text-decoration: none;
}

a:hover div.navButton {
	background-color: #f0f779;
	text-decoration: none;
}

div.navText {
	float:			left;
	font-size:		1.2em;
	padding:		6px 0px 0px 8px;
}

a:link div.navButton div.navText span.navTextClient {
	color:			#dddddd;
	text-decoration: none;
}
a:visited div.navButton div.navText span.navTextClient {
	color:			#dddddd;
	text-decoration: none;
}

a:hover div.navButton div.navText span.navTextClient {
	color:			#1e1e1e;
	text-decoration: none;
}

a:link, div.navButton div.navText span.navTextProject {
	color:			#a9d5db;
	text-decoration: none;
}
a:visited, div.navButton div.navText span.navTextProject {
	color:			#a9d5db;
	text-decoration: none;
}

a:hover div.navButton div.navText span.navTextProject {
	color:			#A9122A;
	text-decoration: none;
}

/* Selected nav button. */
div.navButtonSelected {
/*	display:		block;*/
	margin: 		8px 0 0 0;
	width:			100%;
	height:			29px;
}

a:link div.navButtonSelected {
	background-color: #a9d5db;
	text-decoration: none;
}
a:visited div.navButtonSelected {
	background-color: #1e1e1e;
	text-decoration: none;
}

a:hover div.navButtonSelected {
	background-color: #f0f779;
	text-decoration: none;
}

a:link div.navButtonSelected div.navText span.navTextClient {
	color:			#1e1e1e;
	text-decoration: none;
}
a:visited div.navButtonSelected div.navText span.navTextClient {
	color:			#1e1e1e;
	text-decoration: none;
}

a:hover div.navButtonSelected div.navText span.navTextClient {
	color:			#1e1e1e;
	text-decoration: none;
}

a:link, div.navButtonSelected div.navText span.navTextProject {
	color:			#A9122A;
	text-decoration: none;
}
a:visited, div.navButtonSelected div.navText span.navTextProject {
	color:			#A9122A;
	text-decoration: none;
}

a:hover div.navButtonSelected div.navText span.navTextProject {
	color:			#A9122A;
	text-decoration: none;
}




/* Margins and spacing. */

.column {
	width:			248px;
	padding-left:	8px;
	display:		block;
	float:			left;
}

.row {
	width:			520px;
	padding-left:	9px;
	display:		block;
}