/******************************************************* Global ********/

html, body { 
	font: 10px arial, tahoma, sans-serif;
	color: #333333; 
	height: 100%;
	margin: 0px;
	padding: 0px;
	background: #FFFFFF url(../img/bg.gif) repeat-x; }


p,ul,ol,li,dt,dl,dd,h1,h2,h3,h4,h5,h6 {margin: 0; padding: 0;}
	
p { font: 10px tahoma, arial, sans-serif; }

a { color: #a12528; text-decoration: none; }
	
a:hover { color: #666666; text-decoration: none; }

a img { border: none; }

#container {
	height: 100%;
	margin: 0px;
	padding: 0px;
	width: 850px; }
	

/******************************************************* Navigation ********/

#navigation { 
	float: left; 
	width: 253px;
	padding: 20px 0px 0px 20px; }
	
#navigation .logo {
	float: left;
	width: 260px;
	height: 70px;
	padding: 0px 0px 10px 0px; }

#navigation .blurb {
	float: left;
	width: 260px;
	padding: 0px 0px 20px 0px;
	font: 11px/17px arial, verdana, sans-serif; }

#navigation .blurb a {
	color: #a12528;
	background: #ffcdcd;
	margin: 2px 0px 0px 0px;
	padding: 2px 4px 2px 4px; }

#navigation .blurb a:hover {
	color: #d44242;
	background: #f8cccc;
	padding: 2px 4px 2px 4px; }

#navigation .blurb span {
	float: left;
	padding: 4px 0px 0px 0px; }

#navigation .blurb #p2 {
	float: left;
	width: 260px;
	padding: 10px 0px 0px 0px;
	font: 11px/17px arial, verdana, sans-serif; }



#navigation .work { 
	float: left; 
	width: 260px; }

#navigation .work .nav_title,
#navigation .contact .nav_title { 
	float: left; 
	width: 263px;
	height: 30px;
	margin: 0px 0px 5px -15px;  }

#navigation .work .title_bottom,
#navigation .contact .title_bottom { 
	float: left; 
	width: 263px;
	height: 15px;
	margin: 0px 0px 10px -15px;  }


#navigation .work .work_list { 
	float: left; 
	width: 260px;
	margin: 0px 0px 0px -6px; }




#navigation .work .work_list ul {
	width: 205x;
	border: 0;
	padding: 0;
	margin: 0px 0px 0px 0px;
	list-style-type: none; }

#navigation .work .work_list ul li {
	display: block;
	margin: 0px;
	padding: 0px;
	float: left; }

#navigation .work .work_list ul li a {
	float: left;
	display: block;
	width: 240px;
	text-align: left;
	padding: 7px 7px 7px 7px;
	margin: 0px 0px 5px 0px;
	border: 0px;
	color: #f3f3f3;
	background: #f9f9f9; }

#navigation .work .work_list ul li span.thumb {
	float: left;
	width: 70px;
	height: 40px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	border: 0px; }
   
#navigation .work .work_list ul li span.thumb_title {
	float: left;
	font: 12px/15px georgia, serif;
	color: #333333;
	width: 157px;
	height: 27px;
	padding: 13px 5px 0px 8px;
	margin: 0px 0px 0px 0px;
	border: 0px; }

#navigation .work .work_list ul li span.thumb_title.two_lines {
	padding: 6px 5px 0px 8px; }

#navigation .work .work_list ul li span.thumb_title strong {
	font: bold 10px georgia, serif;
	color: #111111; }

#navigation .work .work_list ul li a:hover	{
	background: #eeeeee; }

#navigation .work .work_list ul li a:hover p.title {
	color: #fff; }
#navigation .work .work_list ul li a:hover p.type {
	color: #fff; }




#navigation .work .work_list ul li.project_title {
	float: left;
	display: block;
	width: 240px;
	text-align: left;
	font: 11px georgia, serif;
	text-transform: uppercase;
	color: #a12528;
	padding: 20px 7px 4px 7px;
	margin: 0px 0px 5px 0px;
	border: 0px;
	border-bottom: 1px #eeeeee solid;
	text-align: center; }





#navigation .contact .people {
	float: left;
	padding: 10px 0px 10px 5px;
	color: #333333; }

#navigation .contact .people h2 {
	font: 13px georgia, serif;
	color: #333333; }

#navigation .contact .people h2 span {
	font: italic 13px georgia, serif;
	padding: 0px 0px 0px 5px;
	
	color: #888888; }

#navigation .contact .people h3 {
	font: 11px arial, verdana, sans-serif;
	color: #777777;
	padding: 0px 0px 10px 0px; }



#navigation .contact .copyright {
	float: left;
	padding: 10px 0px 10px 5px;
	color: #333333; }


/************************************************ Navigation, Works ********/



body#montage #navigation .work .work_list ul li.montage a, 
body#rice_counter #navigation .work .work_list ul li.rice_counter a, 
body#boggle #navigation .work .work_list ul li.boggle a,
body#spiral_of_poison #navigation .work .work_list ul li.spiral_of_poison a,
body#theres_a_dead_girl #navigation .work .work_list ul li.theres_a_dead_girl a,
body#we_need_a_tarp #navigation .work .work_list ul li.we_need_a_tarp a {
	background: #f8cccc; }

body#montage #navigation .work .work_list ul li.montage span.thumb_title,
body#rice_counter #navigation .work .work_list ul li.rice_counter span.thumb_title,
body#boggle #navigation .work .work_list ul li.boggle span.thumb_title,
body#spiral_of_poison #navigation .work .work_list ul li.spiral_of_poison span.thumb_title,
body#theres_a_dead_girl #navigation .work .work_list ul li.theres_a_dead_girl span.thumb_title,
body#we_need_a_tarp #navigation .work .work_list ul li.we_need_a_tarp span.thumb_title {
	color: #000000; }








/******************************************************* Navigation ********/

#stage {
	float: left;
	width: 480px;
	height: 100%;
	padding: 0px 30px 0px 30px;
	margin: 0px 0px 0px 30px;
	background: #000000; }

#stage .film {
	float: left;
	padding: 100px 0px 10px 0px; }

#stage .description {
	float: left;
	padding: 15px 0px 0px 0px; }

#stage .description h2 {
	float: left;
	width: 480px;
	font: 18px georgia, serif;
	color: #eeeeee;
	padding: 15px 0px 0px 0px; }

#stage .description p {
	float: left;
	width: 480px;
	font: 11px/15px arial, verdana, sans-serif;
	color: #dddddd;
	padding: 10px 0px 0px 0px; }