html {
	height: 100%;
}

body {
	height: 100%;
	margin: 0px;
	font: small/180% Verdana, Arial, Helvetica, sans-serif;
	background: #fff url(../images/body.gif) 900px top no-repeat;
}

img {
	border: none;
}

#site {
	width: 928px;
	min-height: 100%;
	background: url(../images/site.gif) repeat-y;
}

#containers {
	float: left;
	width: 400px;
	height: 100%;
}

#container_1 {
	float: left;
	height: 100%;
	background-color: #fff;
}

#header {
	width: 200px;
	height: 120px;
	background: #404040 url(../images/portfolio.gif) no-repeat;
}

#header h1 {
	margin: 0px;
}

#header a {
	display: block;
	height: 120px;
}

#header span {
	display: none;
}

#category {
	width: 200px;
	height: 124px;
	background-color: #fff;
	background-repeat: no-repeat;
	border-top: 1px dotted #000;
	border-bottom: 1px dotted #000;
}

#main_navigation {
	width: 200px;
	height: 280px;
	background: #404040 url(../images/main_navigation.gif) no-repeat;
}

#main_navigation ul {
	list-style-type: none;
	padding: 16px 0px 0px;
	margin: 0px;
}
#main_navigation li {
	display: inline;
	width: 200px;
	height: 23px;
	background-color: #d9d9d9;
	background-repeat: no-repeat;
}

#main_navigation a {
	display: block;
	height: 23px;
}

#main_navigation a:hover {
	background-color: #fff;
}

#main_navigation a span {
	display: none;
}

#main_navigation #item_film a {
	background-image: url(../images/main_navigation_1.gif);
}

#main_navigation #item_web a {
	background-image: url(../images/main_navigation_2.gif);
}

#main_navigation #item_digital a {
	background-image: url(../images/main_navigation_3.gif);
}

#main_navigation #item_print a {
	background-image: url(../images/main_navigation_4.gif);
}

#main_navigation #item_audio a {
	background-image: url(../images/main_navigation_5.gif);
}

#main_navigation #item_misc a {
	background-image: url(../images/main_navigation_6.gif);
}

#main_navigation #item_teaching a {
	background-image: url(../images/main_navigation_7.gif);
}

#main_navigation #item_research a {
	background-image: url(../images/main_navigation_8.gif);
}

#main_navigation #item_me a {
	background-image: url(../images/main_navigation_9.gif);
}

#main_navigation #item_film a:hover, #main_navigation #item_film.current a {
	background-image: url(../images/main_navigation_1_active.gif);
}

#main_navigation #item_web a:hover, #main_navigation #item_web.current a {
	background-image: url(../images/main_navigation_2_active.gif);
}

#main_navigation #item_digital a:hover, #main_navigation #item_digital.current a {
	background-image: url(../images/main_navigation_3_active.gif);
}

#main_navigation #item_print a:hover, #main_navigation #item_print.current a {
	background-image: url(../images/main_navigation_4_active.gif);
}

#main_navigation #item_audio a:hover, #main_navigation #item_audio.current a {
	background-image: url(../images/main_navigation_5_active.gif);
}

#main_navigation #item_misc a:hover, #main_navigation #item_misc.current a {
	background-image: url(../images/main_navigation_6_active.gif);
}

#main_navigation #item_teaching a:hover, #main_navigation #item_teaching.current a {
	background-image: url(../images/main_navigation_7_active.gif);
}

#main_navigation #item_research a:hover, #main_navigation #item_research.current a {
	background-image: url(../images/main_navigation_8_active.gif);
}

#main_navigation #item_me a:hover, #main_navigation #item_me.current a {
	background-image: url(../images/main_navigation_9_active.gif);
}

#container_2 {
	width: 198px;
	height: 100%;
	margin-left: 200px;
	border-left: 1px solid #000;
	border-right: 1px solid #000;
}

#space_1 {
	height: 120px;
}

#space_2 {
	height: 124px;
	background: #fff url(../images/space_dark.gif) no-repeat;
	border-top: 1px dotted #000;
	border-bottom: 1px dotted #000;
}

#sub_navigation {
	
}

#sub_navigation ul {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}

#sub_navigation li {
	position: relative;
	display: block;
	width: 198px;
	height: 30px;
	background-position: center;
	background-repeat: no-repeat;
	border-bottom: 1px solid #fff;
}

#sub_navigation .current {
	height: 154px;
}

#sub_navigation .current a span {
	background-color: #c4d5e4;
}

#sub_navigation a {
	display: block;
	width: 198px;
	height: 154px;
	text-align: center;
	text-decoration: none;
	color: #fff;
	font-weight: bold;
}

#sub_navigation a:hover {
	height: 154px;
}

#sub_navigation a span {
	height: 30px;
	display: block;
	width: 198px;
	background-color: #d9d9d9;
	color: #363636;
	position: absolute;
	left: 0px;
	top: 0px;
	cursor: pointer;
	line-height: 30px;
	overflow: hidden;
}

#sub_navigation a:hover span {
	background-color: #c4d5e4;
}

#content {
	width: 526px;
	margin-left: 400px;
	background: url(../images/content.gif) repeat-y;
}

#content_year {
	position: relative;
	width: 500px;
	height: 120px;
	background: #c4d5e4 url(../images/date.gif) no-repeat;
	font: bold 100% Georgia, "Times New Roman", Times, serif;
	color: #fff;
	text-align: right;
}

#content_year span {
	position: absolute;
	bottom: 8px;
	right: 10px;
}

#content_header {
	position: relative;
	width: 500px;
	height: 124px;
	background: #fff url(../images/content_header.gif) no-repeat;
	border-top: 1px dotted #000;
	border-bottom: 1px dotted #000;
}

#content_header h3 {
	margin: 0px;
	position: absolute;
	bottom: 10px;
	left: 45px;
	width: 280px;
	font: bold 150% Georgia, "Times New Roman", Times, serif;
}

#content_media {
	position: relative;
	background-color: #fff;
	width: 526px;
}

#content_media object {
	display: block;
}

#content_media embed {
	display: block;
}

#content_media img {
	display: block;
}

#media {
	width: 500px;
	background: url(../images/loading.gif) center no-repeat;
}

#content_controls {
	position: absolute;
	width: 26px;
	right: 0px;
	top: 0px;
	height: 100%;
	background-color: #404040;
}

#content_controls ul {
	list-style-type: none;
	margin: 10px 0px 0px;
	padding: 0px;
}

#content_controls a {
	display: block;
}

#content_controls span {
	display: none;
}

#next a {
	height: 19px;
	background: #404040 url(../images/next.gif) no-repeat;
}

#next a:hover {
	background-image: url(../images/next_active.gif);
}

#previous a {
	height: 19px;
	background: #404040 url(../images/previous.gif) no-repeat;
}

#previous a:hover {
	background-image: url(../images/previous_active.gif);
}

#infobox_content_controls_container {
	position: absolute;
	top: -125px;
	left: -86px;
	width: 122px;
	height: 124px;
	display: none;
}

#infobox_content_controls {
	width: 122px;
	height: 124px;
	background: url(../images/infobox_content_controls.png) bottom no-repeat;
	display: none;
}

#infobox_content_controls_close {
	width: 17px;
	height: 17px;
	position: relative;
	top: 42px;
	left: 99px;
	cursor: pointer;
}

#magnify {
	position: absolute;
	width: 26px;
	right: 0px;
	bottom: 10px;
}

#magnify {
	display: block;
	height: 18px;
	background: #404040 url(../images/magnify.gif) bottom right no-repeat;
}

#magnify:hover {
	background-image: url(../images/magnify_active.gif);
}

#infobox_magnify_container {
	position: absolute;
	bottom: 0px;
	right: 30px;
	width: 131px;
	height: 124px;
	z-index: 100;
	display: none;
}

#infobox_magnify {
	width: 131px;
	height: 124px;
	z-index: 100;
	background: url(../images/infobox_magnify.png) bottom no-repeat;
	display: none;
}

#infobox_magnify_close {
	width: 17px;
	height: 17px;
	position: relative;
	top: 98px;
	left: 3px;
	cursor: pointer;
}

#caption {
	width: 430px;
	background: #b2c7da url(../images/caption.gif) left repeat-y;
	padding: 0px 20px 0px 50px;
	font-style: italic;
	text-align: right;
	color: #fff;
}

#album_links {
	display: none;
}

#content_info {
	position: relative;
	width: 430px;
	background: #c4d5e4 url(../images/content_info.gif) left repeat-y;
	padding: 20px 20px 50px 50px;
}

#content_info p {
	margin: 0em 0px 1.8em;
}

#contact {
	position: absolute;
	top: 526px;
	left: 0px;
	width: 200px;
	height: 180px;
	background: #363636 url(../images/contact.gif);
}

#contact address {
	visibility: hidden;
}

#contact a {
	visibility: visible;
	display: block;
	position: absolute;
	top: 20px;
	left: 22px;
	width: 50px;
	height: 150px;
}

#contact a span {
	display: none;
}

#decoration {
	background: url(../images/decoration.gif) no-repeat;
	height: 236px;
	margin: -236px 0px 0px 926px;
}