@import url('common.css');

div#content div#page_header {
	background-image: url('../images/bg_work_overview.jpg');
	height:196px;
}

body#video div#content div#page_header {
	background-image: url('../images/bg_work_video.jpg');
}

body#events div#content div#page_header {
	background-image: url('../images/bg_work_events.jpg');
}

body#interactive div#content div#page_header {
	background-image: url('../images/bg_work_interactive.jpg');
}

ul#secondary_navigation_work {
	margin:12px 0 30px 0px;
	height:28px;
	padding:0;
}

ul#secondary_navigation_work li a {
	display:block;
	margin:0;
	padding:0;
	height:28px;
}

ul#secondary_navigation_work li a {
	background-image:url('../images/bg_sprites.png');
	outline:none;
}

ul#secondary_navigation_work li#now_viewing {
	width:107px;
	background:url('../images/bg_sprites.png') 0 -186px;
	margin:0;
	padding:0;
	height:28px;
}

ul#secondary_navigation_work li#all_work a {
	width:94px;
	background-position:-107px -186px;
}

ul#secondary_navigation_work li#video a {
	width:73px;
	background-position:-201px -186px;
}

ul#secondary_navigation_work li#interactive a {
	width:109px;
	background-position:-274px -186px;
}

ul#secondary_navigation_work li#events a {
	width:80px;
	background-position:-383px -186px;
}

ul#secondary_navigation_work li {
	text-indent:-10000px;
	line-height:0.1px;
}

ul#secondary_navigation_work li#all_work a:hover,
ul#secondary_navigation_work li#all_work a:active,
ul#secondary_navigation_work li#all_work a.current {
	background-position:-107px -214px;
}

ul#secondary_navigation_work li#video a:hover,
ul#secondary_navigation_work li#video a:active,
ul#secondary_navigation_work li#video a.current {
	background-position:-201px -214px;
}

ul#secondary_navigation_work li#interactive a:hover,
ul#secondary_navigation_work li#interactive a:active,
ul#secondary_navigation_work li#interactive a.current {
	background-position:-274px -214px;
}

ul#secondary_navigation_work li#events a:hover,
ul#secondary_navigation_work li#events a:active,
ul#secondary_navigation_work li#events a.current {
	background-position:-383px -214px;
}

/* #gallery_list */

ul.gallery_list,
ul.gallery_list li {
	list-style:none;
}

ul.gallery_list li {
	float:left;
	height:140px;
	margin-right:20px;
	overflow:hidden;
}

div#content ul.gallery_list li p {
	background-color:#efefef;
	padding:2px 4px;
	margin-bottom:0;
}

ul.gallery_list li a.work_thumbnail_link {
	display:block;
	margin:0;
	padding:0;
}

/*internal pgs*/

body.internal div#panel_container {
	width:920px;
	margin-left:30px;
}

body.internal h3 {
	margin:20px 0 50px 0;
}

body.internal h4 {
	margin:0 0 15px 0;
}

/*internal nav*/

ul#internal_work_nav {
	width:920px;
	margin:0;
	padding:0;
	font-size:15px;
}

ul#internal_work_nav li {
	list-style:none;
}

ul#internal_work_nav li.return {
	float:left;
	width:200px;
}

ul#internal_work_nav li.prev {
	float:right;
	width:180px;
	text-align:right;
	padding:0 10px 0 0;
}

ul#internal_work_nav li.next {
	float:right;
	width:140px;
	padding:0 0 0 10px;
	text-align:right
}

ul#internal_work_nav li.prev a {
	background:url('../images/i_left_arrow.gif') no-repeat left;
	padding-left:15px;
}

ul#internal_work_nav li.next a {
	background:url('../images/i_right_arrow.gif') no-repeat right;
	padding-right:15px;
}

div.after:after,
ul#internal_work_nav:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

#main_panel {
	width:720px;
	height:425px;
	float:left;
	margin-bottom:30px;
}

#selection_panel {
	width:200px;
	height:425px;
	float:left;
	margin-bottom:30px;
	float:right;
}

#selection_panel ul {
	background: #fff url('../images/bg_asset_selector.gif') no-repeat 17px 0;
	height:405px;
	list-style-type:none;
	width:200px;
	padding:0;
	margin:0;
	overflow:hidden;
}


#selection_panel ul li {
	float:left;
	width:80px;
	height:65px;
	margin:0 0 12px 14px;	
	border:3px solid #ffffff;
}

#selection_panel ul li.active {
	border:3px solid #ff8e33;
}

#copy_panel {
	width:920px;
}

div.two_column {
	float:left;
	width:450px;
}

div#copy_panel div.secondary {
	margin-left:20px;
}

p.caption_text {
	font-size:10px;
	color:#999999;
	text-align:center;
	padding:0;
	margin:0
}