/** GLOBAL **/

	html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote,  
	pre, form, fieldset, table, th, td { margin: 0; padding: 0;} 	
	
	body{
		background:#000;
		font-size:62.5%;
		font-family:Arial, Helvetica, sans-serif;
	}
	
	h1,h2,h3,h4,h5,h6{
		color:#BBB;
		font-size:1em;
		font-weight:normal;
	}
	
	p{
		font-size:1em;
		line-height:1.5em;
	}
	
	ul{
		font-size:1em;
	}
	
	ul li{list-style:none;}
	
	ul ul{font-size:1em;}
	
	a{text-decoration:none;}
	
	a:hover{text-decoration:underline;}
	
	img{border:0px;}
	

/** Container and Layout Elements**/

	#container{
		width: 1000px;
		margin: 0px auto;
		padding: 0px;
	}
	
	#nav, #header, #content{
		margin:0px;
	}

/** Header**/

	#header{
		height:95px;
		width:1000px;
		background:url("../images/site/header-bg.gif");
	}
	
	#header #logo{
		text-indent:-30000px;
	}
	
	#header #logo a{
		display:block;
		height:95px;
		width:217px;
		background:url("../images/site/logo.gif") no-repeat;
	}
	
/** Navigation **/

	#nav{
		padding:5px 0px 10px 48px;
		background:url("../images/site/nav-divider.gif") 0px 25px no-repeat;
	}
	
	#nav ul{
	 }
	
	#nav li{
		float:left;
		padding: 0px 30px 0px 0px;
	}
	
	#nav a{
		color:#BBB;
		font-size: 1.8em;
	}

	#nav a:hover{
		color:#FFF;
		text-decoration:none;
	}
	
	/*** Secondary Nav ***/
	#sub-nav{
		padding:7px 0px 17px 48px;
	 }
	
	#sub-nav li{
		float:left;
		padding: 0px 30px 0px 0px;
	}
	
	#sub-nav a{
		color:#BBB;
		font-size: 1.30em;
	}

	#sub-nav a:hover{
		color:#FFF;
		text-decoration:none;
	}
	
	/*** Project List & Category List ***/

	#project-list li,#category-list li{
		padding:0px 0px 5px 0px;
		color:#BBB;
		font-size: 1.25em;
	}
	
	#project-list li a,#category-list li a{
		color:#BBB;
	}

	#project-list a:hover, #category-list a:hover{
		color:#FFF;
		text-decoration:none;
	}
	
	#category-list li{
		margin-left:10px;
	}
	
	#category-list li.category-name{
		color:#BBB;
		font-size: 1.50em;
		margin-left:0px;
	}
	
	/*** Navigation Highlight ***/
	#nav a.highlight, #sub-nav a.highlight, #project-list a.highlight,#category-list a.highlight{ color:#FFF;}
	
/** Content **/

	#content{
		margin:35px 0px 0px 48px;
	}

	#content h2{
		font-size: 3.5em;
		margin:0px 0px 8px 0px;
	}
	
	#content p{
		color:#BBB;
		font-size: 1.25em;
		margin-bottom:10px;
	}

	#content a{
		color:#FFF;
	}


/** Footer **/

	#footer{
		height:86px;
		margin:35px 0px;
		padding:30px 0px 10px 48px;
		background:url("../images/site/footer-bg.gif") no-repeat;
	}
	
	#footer p{
		float:left;
		margin:0px 20px 0px 0px;
		color:#BBB;
	}

	#footer a{
		color:#BBB;
	}


/** Typography **/

	#content.theater-view h2,#content.preview-view h2{ color:#FFF; font-size:1.75em;}
	
	#content h3.subheading {font-size:1.2em;margin-bottom:18px;}

	#project-list .news-date {font-size:1.1em; line-height:0em; margin-top:20px;}
	#project-list .news-date:first-child {margin-top:0px;}
	
	#content.news h2{color:#FFF; font-size:1.65em; margin-bottom:7px;}
	
/** Columns **/

	#col-a, #col-b, #col-c{ float:left;}
	
	#col-b, #col-c{ margin-left:25px;}
	
	/*** Home Page ***/
	#content.home #col-a{ width:550px;}
	#content.home #col-b{ width:340px;}

	/*** About Page ***/
	#content.about #col-a{ width:470px;}
	#content.about #col-b{ width:420px;}

	/*** Contact Page ***/
	#content.contact #col-a{ width:430px;}
	#content.contact #col-b{ width:430px; padding-left:30px; border-left:2px #333 solid;}

	/*** Theater View ***/
	#content.theater-view #col-a{ width:180px;}
	#content.theater-view #col-b{ width:470px;}
	#content.theater-view #col-c{ width:220px;}
	
	/*** Preview View ***/
	#content.preview-view #col-a{ width:180px;}
	#content.preview-view #col-b{ width:370px;}
	#content.preview-view #col-c{ width:333px;}
	
	/*** News View ***/
	#content.news #col-a{ width:180px;}
	#content.news #col-b{ width:170px;}
	#content.news #col-c{ width:450px;}

/** Slideshow **/

	#slideshow-controller{
		float:right;
		margin:15px 0px 0px 0px;
	}

	#slideshow-controller li{
		float:left;
		padding: 0px;
	}
	
	#slideshow-controller li a{
		display:block;
		width:16px;
		height:16px;
		background:url("../images/site/dot-nonactive.gif") no-repeat;
	}
	
	#slideshow-controller li a:hover,#slideshow-controller li a.active{
		background:url("../images/site/dot-active.gif") no-repeat;
	}

/** Contact Page **/

	#content.contact #col-b .contact-block a.email{ color:#FFF; font-size:1.6em;}

	#content.contact #col-b .contact-block p{ margin:0px 0px 20px 10px;}

/** MISC **/

	.clear{ clear:both; }
	.indent{ margin-left:5px;}