#body
{
	margin:0px;
	padding:0px;
}

/* Play box
-----------------------------------------------*/

#playboxtitle
{
	font-size:32px;
	color:#3366fc;
	font-weight:normal;
	margin:31px 0px 16px 0px;
}

#playbox
{
	width:591px;
	height:303px;
	padding-right:23px;
	float:left;
	text-align:left;
}

.blackbox
{
	background-color:#000000;
	width:591px;
	height:303px;
	text-align:center;
}

#projectbox
{
	width:591px;
	padding-right:23px;
	float:left;
	text-align:center;
}


#projectboxcontent
{
	text-align:left;
	padding:14px 15px;
	margin-top:0px;
	width:561px;
}

#projectplayerbox
{
	height:302px;
	background-color:#000000;
	text-align:center;
}

#projectplayerbox img
{
	width:591px;
}

#projectspacing
{
	height:19px;
	background-color:#00000e;
}

#alt-versions-box
{
	height:153px;
}

#project-title-box
{
	margin:0px;
	padding:0px;
	width:898px;
}

#project-title-box #dynamic-title
{
	float:left;
	min-width:594px;
}

#project-title-box #back-to-project-landing
{
	float:right;
	height:27px;
	margin:20px 0px 0px 0px;
}

.expandable-bg
{
	background: #090c16 url("../images/ui/project-expandable-bg.gif") repeat-y;
}

.expandable-bg-bottom
{
	background: url("../images/ui/project-expandable-bg-bottom.gif") no-repeat bottom;
}

/* Info for play box
-----------------------------------------------*/

#infowatchbox
{
	width:241px;
	float:left;
	padding:11px 20px;
	color:#cccccc;
}

#infobox
{
	width:241px;
	height:281px;
	float:left;
	background-color:#090c16;
	padding:11px 20px;
	color:#cccccc;
	background: #090c16 url("../images/ui/corner-box.gif") no-repeat bottom right;
}

#brandinginfobox #infobox
{
	width:244px;
	height:281px;
	float:left;
	background-color:#090c16;
	padding:11px 20px;
	color:#cccccc;
	background:none;
}

#infobox th, #infowatchbox th
{
	text-align:left;
	width:65px;
	font-weight:normal;
}

#infobox #infobox-description, #infowatchbox #infobox-description
{
	padding:20px 0px 20px 0px;
	font-size:12px;
}

#infobox h5, #infowatchbox h5
{
	font-weight:normal;
	font-size:11px;
	margin:0px 0px 6px 0px;
}

#infobox ul, #infowatchbox ul
{
	margin:0px;
	padding:0px 0px 18px 0px;
}

#infobox li, #infowatchbox li
{
	list-style:none;
	font-size:11px;
	margin-bottom:2px;
}

/* Project item
-----------------------------------------------*/
.project-item
{
	padding-top:24px;
}
.project-item h3
{
	font-size:20px;
	margin:0px;
	padding:0px;
	color:#397afb;
	font-weight:normal;
}

.project-item img
{
	margin:5px 0px 10px 0px;
}

/* Thumbnails
-----------------------------------------------*/

#thumbnailsbox
{
	
}

#thumbnailsbox td.thumbnail, #thumbnailsbox td.thumbnail-4col
{
	width:282px;
	color:#3080ff;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-style:normal;
	padding-right:23px;
	padding-bottom:20px;
	vertical-align:top;
}

#thumbnailsbox td.thumbnaillast, #thumbnailsbox td.thumbnaillast-4col
{
	width:282px;
	color:#3080ff;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-style:normal;
	padding-bottom:20px;
	vertical-align:top;
}

#thumbnailsbox td.thumbnail img, #thumbnailsbox td.thumbnaillast img
{
	display:block;
	margin-bottom:5px;
	border:none;
}

#thumbnailsbox td.thumbnail-4col img, #thumbnailsbox td.thumbnaillast-4col img
{
	display:block;
	margin-bottom:5px;
	border:none;
	width:207px;
	height:89px;
}

#thumbnailsbox h4
{
	display:inline;
	margin:0px;
	padding:0px;
	color:#cccccc;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:11px;
	font-style:normal;
	font-weight:normal;
}

#thumbnailsbox #thumbpaginationbox
{
	float:right;
}

#thumbnailsbox #thumbpaginationbox ul
{
	margin:0px;
	padding:0px;
}

#thumbnailsbox #thumbpaginationbox li
{
	list-style:none; 
	display:inline;
	padding-left:30px;
}

#thumbnailsbox #thumbpaginationbox li a
{
	color:#cccccc;
}

#thumbnailsbox #thumbpaginationbox li a.active
{
	color:#3080ff;
}

/* Fantasy Files
-----------------------------------------------*/

#bluescontainer
{
	margin:27px 0px 0px 0px;
}

#bluebox
{
	width:561px;
	height:389px;
	padding:18px 15px;
	margin:0px 23px 0px 0px;
	float:left;
	background: #090c16 url("../images/ui/corner-box.gif") no-repeat bottom right;
}

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

#infobluebox #infobox
{
	width:244px;
	height:403px;
	float:left;
	background-color:#090c16;
	padding:11px 20px;
	color:#cccccc;
}

#fantasyplaybox
{
	width:591px;
	height:335px;
	padding-right:23px;
	float:left;
	text-align:center;
}

#fantasyinfobox
{
	width:284px;
	height:335px;
	float:left;
	padding:0px;
	color:#cccccc;
}

#fantasyinfobox ul
{
	margin:0px;
	padding:0px;
}

#fantasyinfobox li
{
	list-style:none;
	padding-bottom:16px;
}

#ff-2009 a
{
	display:block;
	width:284px;
	background:url("../images/ui/ff-montage-2009.jpg") no-repeat;
	padding-top:50px;
	color:#CCCCCC;
}

#ff-2008 a
{
	display:block;
	width:284px;
	background:url("../images/ui/ff-montage-2008.jpg") no-repeat;
	padding-top:50px;
	color:#CCCCCC;
}

#ff-2007 a
{
	display:block;
	width:284px;
	background:url("../images/ui/ff-montage-2007.jpg") no-repeat;
	padding-top:50px;
	color:#CCCCCC;
}

#ff-2006 a
{
	display:block;
	width:284px;
	background:url("../images/ui/ff-montage-2006.jpg") no-repeat;
	padding-top:50px;
	color:#CCCCCC;
}

table.ff-headshot-table
{
	padding-bottom:0px;
}

td.ff-headshot
{
	padding:0px 19px 10px 0px;
	font-size:9px;
	vertical-align:top;
}

td.ff-headshot-2nd-last
{
	padding:0px 18px 10px 0px;
	font-size:9px;
	vertical-align:top;
}

td.ff-headshot-last
{
	padding:0px 0px 10px 0px;
	font-size:9px;
	vertical-align:top;
}

td.ff-headshot img, td.ff-headshot-2nd-last img, td.ff-headshot-last img
{
	display:block;
}

/* Editorial
-----------------------------------------------*/
#editorssbox ul
{
	margin:0px;
	padding:2px 0px 0px 0px;
}

#editorssbox li
{
	list-style:none;
	display:inline;
	margin-right:10px;
	
}

#editorssbox li a
{
	font-size:14px;
	color:#CCCCCC;
}

#editorssbox #active-michael li a.editor-link-michael, #editorssbox #active-david li a.editor-link-david, #editorssbox #active-greg li a.editor-link-greg
{
	color:#193e7d;
}

/* Trailer
-----------------------------------------------*/
#trailerthumbs img
{
	border:none;
	display:block;
}

#trailerthumbs a, #trailerthumbs .nolink
{
	padding-top:5px;
	display:block;
	color:#CCCCCC;
}

#trailerthumbs td.trailerthumb
{
	padding:22px 19px 23px 0px;
	vertical-align:top;
}

#trailerthumbs td.trailerthumb-2nd-last
{
	padding:22px 18px 23px 0px;
	vertical-align:top;
}

#trailerthumbs td.trailerthumb-last
{
	padding:22px 0px 23px 0px;
	vertical-align:top;
}

/*	Logo
-----------------------------------------------*/
#logoscrollerbox
{
	margin-bottom:32px;
	float:left;
	
}

#scrollbody
{
	width:264px;
	height:402px;
	padding:15px 10px 10px 10px;
	background: #090c16 url("../images/ui/corner-box.gif") no-repeat bottom right;
}

#scrollwindow
{
	height:356px;
	overflow:auto;
	margin-bottom:19px;
}

#scrollwindow img
{
	width:123px;
}

#scrollarrows #scrollarrows-up, #scrollarrows #scrollarrows-down
{
	float:right;
}

#scrollarrows a
{
	display:block;
	text-indent:-5000px;
	width:17px;
	height:14px;
}

#scrollarrows-up a
{
	background:url("../images/ui/button-scrollup.png") no-repeat;
}

#scrollarrows-down a
{
	margin-right:8px;
	background:url("../images/ui/button-scrolldown.png") no-repeat;
}

#logobluebox
{
	width:561px;
	height:70px;
	padding:18px 15px;
	margin:17px 23px 0px 0px;
	float:left;
	text-align:left;
	background: #090c16 url("../images/ui/corner-box.gif") no-repeat bottom right;
}

/*	Branding
-----------------------------------------------*/

#branding-topbox
{

}

#brandingbluebox
{
	width:561px;
	height:357px;
	padding:18px 15px;
	margin:17px 23px 0px 0px;
	float:left;
	text-align:left;
	background-color:#090c16;
	background: #090c16 url("../images/ui/corner-box.gif") no-repeat bottom right;
}

#brandinginfobox
{
	width:284px;
	height:711px;
	float:left;
	background-color:#090c16;
	color:#cccccc;
	background: #090c16 url("../images/ui/corner-box.gif") no-repeat bottom right;
}

#widebox
{
	width:898px;
}

#widebox h3
{
	font-size:20px;
	font-weight:bold;
	color:#397afb;
	margin:0px 0px 7px 0px;
	padding:0px;
}

#widebox img
{
	display:block;
	margin-bottom:18px;
}

#widebox div.wide
{
	width:898px;
}

#widebox div.shortwidth
{
	width:608px;
}