/* --------------------------------------------------------------------------------- */	

	ul	{ list-style: none; }
	
	.brightgrey	{ color: #aaa; }
	
	.lightgrey	{ color: #5c5e61; }
	.midgrey	{ color: #272b31; }
	.darkgrey	{ color: #1e2124; } /* use for image borders */
	
	.black		{ color: #101318; }
	
	.red		{ color: #d94527; }
	
	#jquerylist a { display: block; font-size: 14pt; font-weight: bold; cursor: pointer; }
	#jquerylist p { margin: 5px; }
	
	body
	{
		width: 730px;
		margin: 0px auto;
		background-color: #101318;
		color: #aaa;
		font-family: Arial, Helvetica, sans-serif;
		letter-spacing: 0.003em;
	}
	
	.none	{ background-image: none ! important; }
	
	a
	{
		text-decoration: none;
		color: white;
	}
	

/* -- HEADER ----------------------------------------------------------------------- */
	
	#header
	{
		float: left;
		margin-top: 35px;
		height: 124px;
	}
	
	#header h1
	{
		float: left;
		width: 172px;
		height: 81px;
		margin: 1px 0px 0px 23px;
		text-indent: -1000em;
	}
	
	#header ul li
	{
		float: left;
	}
	
	#header #contact
	{
		margin: 35px 20px 0px 0px;
		float: right;
		font-size: 0.75em;
		font-weight: bold;
		color: #5c5e61;
	}

	#header #contact div
	{
		margin-bottom: -1px;
	}

	#header #contact #title
	{
		color: #fff;
	}
	
	#header #contact #email a
	{
		padding-right: 12px;
		font-size: 1em;
		color: #5c5e61;
	}
	
	#header #menu
	{
		float: left;
		width: 730px;
		align: center;
	}
	
	#header #menu ul
	{
		float: left;
		margin: 16px 0px 0px 80px;
		padding: 0px;
	}
	
	#header #menu a
	{
		float: left;
		padding: 5px 11px;
		font-size: 0.75em;
		font-weight: bold;
		color: #5c5e61;
	}
	
	#header #menu a.first { background: none; }
	#header #menu a.selected { color: white; }

/* --------------------------------------------------------------------------------- */

/* home page styles */

	#homepage
	{
		float: left;
	}

	#homepage #features
	{
		float: left;
		padding: 0px;
		margin: 43px 70px 8px 70px;
	}
	
	#homepage #features li
	{
		float: left;
		padding: 17px 17px 17px 18px;
	}
	
	#homepage #features li.first
	{
		float: left;
		padding: 17px;
	}
	
	#showreelpane,
	#page #credits #picture img,
	#page #lifestyle img,
	#homepage #features img
	{
		border: 5px solid #1e2124;
	}
	
	#homepage #text
	{
		float: left;
		width: 553px;
		margin: 0px 88px;
		border-top: 1px solid #5c5e61;
		padding-top: 18px;
		color: #5c5e61;
		line-height: 1.3em;
		letter-spacing:0.01em;
		background: #101318;
	}
	
	.banner-slumdog #homepage #text
	{
		margin-top: 247px;
	}
	
	#homepage #link
	{
		margin: 20px 0px 0px 88px;
		float: left;
		padding-right: 15px;
		font-size: 0.9em;
		color: #fff;
	}

/* --------------------------------------------------------------------------------- */

	#newsitems
	{
		float: left;
	}
	
	#newsitems h2
	{
		color: #fff;
		font-size: 1.1em;
		margin: 49px 0px 0px 184px;
	}
	
	#newsitems p
	{
		font-size: 0.8em;
		margin: 15px 0px 0px 184px;
	}
	
	#newsitems #jquerylist
	{
		margin-left: 184px;
	}
	
	#newsitems #jquerylist #title
	{
		margin-top: 17px;
		border-top: 1px solid #272b31;
		padding: 8px 0px 0px 18px;
		font-size: 0.8em;
		color: #5c5e61;
		width: 435px;
		letter-spacing:0.001em;
		line-height: 1.3em;
	}
	
	#newsitems #jquerylist #title.selected
	{
		color: #aaa;
	}
	
	#newsitems #jquerylist #title #date
	{
		margin-top: 10px;
		clear: both;
		font-size: 0.85em;
		font-weight: normal;
		color: #aaa;
	}
	
	#newsitems #jquerylist #article
	{
		width: 430px;
		margin-top: 0px;
		margin-left: 17px;
		font-size: 0.7em;
		color: #5c5e61;
		letter-spacing:0.03em;
		line-height: 1.6em;
	}
	
	#newsitems #jquerylist #article #link
	{
		clear: both;
		font-size: 1em;
		font-weight: normal;
		color: #aaa;
	}

/* --------------------------------------------------------------------------------- */

	#page
	{
		float: left;
		width: 730px;
		margin-top: 60px;
	}
	
	#showreels #title #submenu,
	#page #submenu
	{
		float: left;
		width: 160px;
		margin-right: 24px;
	}
	
	#page #text ul,
	#showreels #title #submenu ul,
	#page #submenu ul
	{
		margin: 0px;
		padding: 0px;
	}
	
	#showreels #title #submenu ul li,
	#page #submenu ul li
	{
		float: left;
		width: 160px;
		border-top: 1px solid #5c5e61;
	}
	
	#showreels #title #submenu a,
	#page #submenu a
	{
		font-size: 0.8em;
		padding: 5px 0px 8px 28px;
		float: left;
		color: #aaa;
	}
	
	#showreels #title #submenu a.selected,
	#page #submenu a.selected
	{
		color: #fff;
	}
	
	#page #lifestyle, #page #text, #page #credits
	{
		float: right;
		width: 546px;
	}
	
	#page #text h2
	{
		color: #aaa;
		font-size: 1.1em;
		font-weight: normal;
		border-bottom: 1px solid #5c5e61;
		letter-spacing:0.001em;
		padding: 13px 0px 19px 0px;
		width: 496px;
	}
	
	#page #text ul li,
	#page #text p
	{
		width: 410px;
		color: #5c5e61;
		letter-spacing:0.01em;
		line-height: 1.72em;
		font-size: 0.8em;
	}
	#page #text p { margin-top: -10px; }
	#page #text ul li { padding-left: 10px; }	
	
	#showreels #jquerylist
	{
		float: left;
	}
	
	#showreels #jquerylist #title,
	#page #jquerylist #title
	{
		padding: 8px 0px 0px 17px;
		font-size: 0.8em;
		color: #5c5e61;
		width: 435px;
		letter-spacing:0.001em;
		line-height: 1.3em;
	}
	
	#showreels #jquerylist #title
	{
		border: 0px ! important;
		margin: 0px ! important;
	}
	
	#showreels #jquerylist #title.selected,
	#page #jquerylist #title.selected
	{
		color: #aaa;
	}

	#showreels #jquerylist #article,
	#page #jquerylist #article
	{
		width: 430px;
		margin-top: 0px;
		margin-left: 17px;
		font-size: 0.8em;
		color: #5c5e61;
		letter-spacing:0.001em;
		line-height: 1.6em;
	}
	
	#showreels #jquerylist #article #link,
	#page #jquerylist #article #link
	{
		clear: both;
		font-size: 1em;
		font-weight: normal;
		color: #aaa;
	}
	
	#page #credits
	{
		margin-top: 55px;
	}
	
	#page #credits.first
	{
		margin-top: 0px;
	}
	
	#page #credits #picture
	{
		float: left;
		margin-right: 19px;
	}
	
	#page #credits #text
	{
		float: left;
		width: 415px;
	}
	
	#page #credits #text h3
	{
		margin-top: -2px;
		font-weight: normal;
		padding-bottom: 17px;
		border-bottom: 1px solid #272b31;
		width: 362px;
	}
	
	#page #credits #text p
	{
		margin-bottom: 3px;
		margin-top: -13px;
		width: 340px;
		letter-spacing:0.001em;
		line-height: 1.7em;
	}
	
	#contact a,
	#page #credits #text a
	{
		padding-right: 15px;
		font-size: 0.8em;
	}
	
/* --------------------------------------------------------------------------------- */
	
	#page.glenn #lifestyle
	{
		float: left;
		width: 177px;
		margin-right: 6px;
	}
	
	#page.glenn #text
	{
		float: left;
	}
	
	#page.glenn #text
	{
		width: 360px;
	}

	#page.glenn #text h2
	{
		color: #aaa;
		font-size: 1.1em;
		font-weight: normal;
		border-bottom: 1px solid #1e2124;
		letter-spacing:0.001em;
		padding: 0px 0px 19px 6px;
		width: 358px;
		margin-top: -1px;
	}
	
	#page.glenn #text p
	{
		margin-top: -12px;
		width: 310px;
		color: #5c5e61;
		letter-spacing:0.01em;
		line-height: 1.72em;
		font-size: 0.8em;
		padding-left: 7px;
	}
	
/* --------------------------------------------------------------------------------- */

	#contact
	{
		float: left;
		margin-left: 184px;
	}
	
	#contact h2
	{
		color: #fff;
		font-size: 1.1em;
		font-weight: normal;
		margin: 49px 0px 0px 0px;
		padding-bottom: 17px;
		border-bottom: 1px solid #272b31;
		width: 454px;
	}
	
	#contact img
	{
		margin: 9px 0px 0px 0px;
	}
	
	#contact p
	{
		letter-spacing:0.001em;
		line-height: 1.7em;
		font-size: 0.8em;
		margin-top: 27px;
	}
	
	#contact p a
	{
		font-size: 1em;
	}
	
	#contact #maplink
	{
		margin-top: 8px;
		margin-bottom: -17px;
		padding-bottom: 10px;
		padding-left: 1px;
		border-bottom: 1px solid #272b31;
		width: 454px;
	}
	
/* --------------------------------------------------------------------------------- */

	#showreelpane
	{
		float: left;
		width: 550px;
		margin: 53px 85px 10px 85px; 
	}
	
	#awardssummary
	{
		float: left;
		text-indent: -2000em;
		width: 268px;
		height: 55px;
		margin: 10px 0px 20px 87px; 
	}
	
	#showreels
	{
		float: left;
	}
	
	#showreels #title
	{
		float: left;
		width: 555px;
		margin: 0px 88px;
		border-top: 1px solid #5c5e61;
		background: #101318;
	}
	
	#showreels #title h2
	{
		float: left;
		color: #aaa;
		font-size: 0.8em;
		font-weight: normal;
		padding: 5px 20px 4px 20px;
		letter-spacing:0.04em;
	}
	
	#showreels #title #quicktimelink
	{
		float: right;
		text-indent: -2000em;
		width: 88px;
		height: 31px;
		margin: 8px 10px 7px 10px;
	}
	
	#showreels #title #submenu ul li.first,
	#showreels #title #submenu
	{
		margin-right: 0px;
		width: 555px;
	}
	
	#showreels #title #submenu ul li
	{
		border-color: #272b31;
	}
	
/* --------------------------------------------------------------------------------- */

	#footer
	{
		padding: 8px 5px;
		margin-top: 87px;
		float: left;
		width: 720px;
		border-top: 1px solid #272b31;
		font-size: 0.6em;
		text-align: right;
		color: #5c5e61;
		letter-spacing: 0.001em;
	}
	
	#footer a
	{
		margin-left: 3px;
		padding-right: 12px;
		color: #fff;
	}
	
/* --------------------------------------------------------------------------------- */
	
	.banner-slumdog #features img
	{
		border: 0px ! important;
	}
	
	.banner-slumdog #features li
	{
		float: left;
		padding: 14px 17px 14px 378px ! important;
	}
	
	.banner-slumdog #title h2
	{
		color: #fff ! important;
	}
	
	.banner-slumdog #title p
	{
		float: left;
		width: 515px;
		margin: 0px;
		font-size: 0.8em;
		color: #AAAAAA;
		letter-spacing:0.03em;
		line-height: 1.6em;
		border-bottom: 1px solid #5C5E61;
		border-top: 1px solid #5C5E61;
		padding: 20px;
	}
	
	.banner-slumdog #title p.last
	{
		border-bottom: 0px;
	}

/* --------------------------------------------------------------------------------- */