/**
 * Styles for Will Bex
 * By Edward Jung
 **/
@import url(thickbox.css);

body {
	margin:0;
	padding:0;	
	background:#000;
	color:#fff;
	font:x-small/1.5em Times, 'Times New Roman', serif;
	voice-family: "\"}\""; voice-family:inherit;
	font-size:small;
	overflow:hidden;
} html>body {font-size:small;}

img {
	border:0;
}

a, a:visited {
	color:#fff;
}

#holder {
	margin:100px auto;
	width:780px;
}

#header {
	margin:0 0 1em 0;
}

#menuHolder {
	float:left;
	width:440px;
}

#header h1 {
	position:relative;
	width:345px;
	height:95px;
	font-family:Helvetica, Arial, Verdana, sans-serif;
	font-size:1.5em;
	line-height:1.3em;
	font-weight:normal;
	overflow:hidden;
}

#header span {
	position:absolute;
	width:100%;
	height:100%;
	background:url(../images/willbex_title.gif) no-repeat top left;
}

/** menu definitions **/
#menu {
	float:left;
	width:120px;
}

#menu ul {
	list-style-type:none;
}

#menu li {
	font-family:Helvetica, Arial, sans-serif;
	font-size: 1em;
	letter-spacing:-1px;
}

div.mainMenuItem {
	width: 100px; height: 16px;
	margin:0.2em 0 0 0;
}

div.mainMenuItem a {
	display:block;
	margin: 0; padding:0;
	width:100%; height:100%;
	overflow:hidden;
	font: bold 13px/1 Georgia, serif;
	color:#039;
	text-decoration: none;
}

div.mainMenuItem span {
	display:none;
	margin:0; padding:0;
}

#contact div.mainMenuItem {
	width: 125px; 
	height: 16px;
}

#work {
	background:#000 url(../images/latestwork.gif) no-repeat 0 0;
}

#work a {
	background:#000 url(../images/latestwork.gif) no-repeat -100px 0;
}

#downloadcv {
	background:#000 url(../images/downloadcv.gif) no-repeat 0 0;
}

#downloadcv a {
	background:#000 url(../images/downloadcv.gif) no-repeat -100px 0;
}

#agent {
	background:#000 url(../images/wizzo.gif) no-repeat 0 0;
}

#agent a {
	background:#000 url(../images/wizzo.gif) no-repeat -125px 0;
}

#email {
	background:#000 url(../images/email.gif) no-repeat 0 0;
}

#email a {
	background:#000 url(../images/email.gif) no-repeat -125px 0;
}

#work a:hover, #downloadcv a:hover, #agent a:hover, #email a:hover {
	background-image: none;
	background-color:transparent;
}

#contact {
	margin-top:160px;
}

/** Clip listing definition **/
#clips {
	float:right;
	width:280px;
}

#clips ul {
	margin:0;
	padding:0;
	list-style-type:none;
}

#clips li { 
	margin:0;
	padding:0;
	line-height:1.5em;
}

#clips li a {
	color:#69939E;
	font-size:0.9em;
	text-decoration:none;
	padding:0;
	margin:0;
}

#clips li a:hover, #clips li.selected a {
	color:#D2920A;
}

#clipDisplay {
	float:right;
	width:323px;
}
.clipDisplay {
	float:left;
	width:320px;
}

#view {
	font-style:italic;
	font-size:1em;
	text-align:right;	
}

#clipInfo {
	color:#D2920A;
	padding:1em 0 0 0;
	line-height:1.2em;
}

#clipStills {
	width:320px;
	height:240px;	
}

#clipStills a img {
	border:1px solid #000;
}

#clipStills a img:hover {
	border:1px solid #D2920A;
}
.clipStills {
	width:320px;
	height:240px;	
}

.clipStills a img {
	border:none
}

.clipStills a img:hover {
	border:none;
}



/** for overlay **/
#playClipHolder {
	background:#333;
	margin:0 auto;
	text-align:center;
	overflow:hidden;
	font:x-small/1.5em Times, 'Times New Roman', serif;
	voice-family: "\"}\""; voice-family:inherit;
	font-size:small;
} html>#playClipHolder {font-size:small;}

#playClipHolder #pad {
	padding:0.5em;
}

#playClipHolder #close {
	text-align:right;
	padding-right:0.2em;
}

#playClipHolder #close a {
	text-decoration:none;
}

#playClipHolder #close a, #playClipHolder #close a:visited {
	color:#fff;
}

#playClipHolder #close a:hover {
	color:#D2920A;
}

#playClipHolder #clip {
	padding:0.5em 0;
	margin:0 auto;
	height:100%;
	
}

#playClipHolder #clipName {
	color:#D2920A;
	font-weight:bold;
	text-align:left;
} 

/* clearing elements */
.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}
#holderHome {width:1920px;height:1200px;margin-top:0px;}

.clearfix { display: inline-table; }

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */