html, body {	 

		margin: 0;

		padding: 0; 

		border:0; 

		width:100%; 

		height:100%; 

		background: #C8C8C8;

		font-family: Arial, Helvetica, sans-serif;

		/* Mac IE5 comment hack (hides next line from this browser) \*/

		overflow: hidden

		/* end hack */	

}



#container {	

		margin: 25 auto;		

		text-align: left;

		width: 897px; 

		height: 528px; 

}



#left {	float: left;

		width: 222px;	

		height: 528px

}

#right {	float: right;

			width: 652px;

			height: 528px

}

#header { 	height: 118px;

			padding-left: 10px;	

			background: white

}

.mainmenu { font-family: Arial, Verdana, Tahoma, sans-serif;

			font-size: 11px;

			font-weight: bold;

			color: black;

			line-height: 1.2em

}

a.mainmenu { font-size: 11px;

		color: #666;

}

			

#leftmenu { height: 370px;

			margin-top: 5px;

			background: white; 	

}

#leftfooter { margin-top: 6px;

}



#largeFooter { width: 652px;

			height: 126px;

			margin-top: 5px;

}

#smallFooter { width: 652px;

			height: 50px;

			margin-top: 5px;

}



td, a, p {

		font-size: 11px;

		color: #636563;

		text-decoration:none;

}



a.leftmenu_txt {

		padding-left: 4px

}



img, table { border: 0 }



a:hover { color: black;

		  text-decoration: none;		

}



iframe {

		width:651px;

		height:528px;

		border-style:none 				

}





.featuredtext { font-size: 11px;

			line-height: 1.2em;

			font-weight: bold;

			text-transform: uppercase

}

.text { 	text-align: left;

			font-size: 11px;

			font-weight: normal;			

}

#images {

			padding-left:10px; 

			padding-top:10px;

}



.numbers { 	font-size: 11px;

			font-weight: bold;

			line-height: 12px;				

}

.numselected { color: white;

			line-height: 13px;

			background: #555555;

}		

#pic { 		float: left;

			margin: 0px 0px 6px 10px;

			width: 320px;

			height: 240px;

}

#project {	height: 274px;

			margin-top: 5px;

			background: white;

}

#center {	height: 350px;

			margin-top: 123px;

			background: white;

}

#director {	height: 350px;

			margin-top: 5px;

			background: white;

}

#whitetitle { height: 15px;

			margin-top: 84px; 

			margin-bottom: 5px;

			padding-left: 12px;

			font-size: 11px;

			line-height: 15px;

			font-weight: bold;

			background: white;

			color: #555555;

			text-transform: uppercase

}

#greytitle { height: 15px;

			padding-left: 12px;

			font-size: 11px;

			font-weight: bold;

			line-height: 15px;

			background: #B2B2B2;

			text-transform: uppercase

}

#featuredtitle { height: 15px;

			margin-top: 84px; 

			margin-bottom: 5px;

}

.image {

			width: 320px;

			height: 240px;

			background-color: #B2B2B2;

}

.vidlink { font-size: 10px;

			color: #555555;

			text-decoration: none

}

a:hover .vidlink { color: black }





.projecttitle {

			background-color:#fff;

			color: #000;

			height:15px;

			line-height:15px;

			vertical-align: middle;

			padding-left:10px;

}

.projecttext {

			font-weight:normal;

			font-size:12px;

			color:#666;

			padding-left:10px;

			height:192px;

			vertical-align:top;

}



.line {

			background-color:#c8c8c8;

			height:5px;

}



a.newslink {	

			text-decoration:none;			

			height:15px;

			line-height:15px;

			vertical-align:middle;

}

a.newslink:hover {

			color:#FFF

}



a.featuredlink {	

			text-decoration:none

}

a.featuredlink:hover {

			color:#000

}