/* MAIN STYLES */

* { 
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}

html {
	width:100%;
	height:100%;
}

body { 
	position:absolute;
	background-color:#2f230f;
	margin:0px; 
	font-family: Verdana,Arial,sans-serif;
	font-size: 70%;
	width:100%;
	min-width:1010px;
	min-height: 700px;
	height:100%;
	}
	
body#workpage { 
	background-color:#f6f3ee;
}
	
img {
	border:none;
}
	
a {
	color: #FFF;
	text-decoration:underline;
	}
	
a, a:link, a:visited, a:active, a:focus {
	outline:none;
}

/* NAV STYLES */

#nav_overlay { 
	background-color:#2f230f;
	width: 380px;
	filter:alpha(opacity=80);
	-moz-opacity:0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;
	height:100%;
 }
 
body#index #nav_overlay { 
	position: absolute;
	top: 0; right:0;
	z-index: 100;

 }
 
 body#workpage #nav_overlay { 
 	float:right;
 	width: 30%
 	min-width: 380px;
 }
 
 #nav_overlay h1#site_name {
 	background: url("../images/mm_name.png") no-repeat;
 	*background: url("../images/mm_name_ie.png") no-repeat;
 	position:relative;
 	text-indent: -1000px;
 	overflow:hidden;
 	height: 107px;
 	width: 352px;
 	margin: 15px;
 	filter:alpha(opacity=60);
	-moz-opacity:0.6;
	-khtml-opacity: 0.6;
	opacity: 0.6;
 }
 
  #nav_overlay h2#site_title {
 	background: url("../images/mm_title.png") no-repeat;
 	*background: url("../images/mm_title_ie.png") no-repeat;
 	text-indent: -1000px;
 	overflow:hidden;
 	height: 95px;
 	width: 352px;
 	margin: 15px;
 	filter:alpha(opacity=60);
	-moz-opacity:0.6;
	-khtml-opacity: 0.6;
	opacity: 0.6;
	position:relative;
	top: 375px;
	left: 0;
 }
 
#nav {
	position: absolute;
	top: 125px; right:0;
	z-index: 101;
	width: 355px;
	height:370px;
	filter:alpha(opacity=80);
	-moz-opacity:0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;
	font-family:"Lucida Sans",verdana,sans-serif;

}
 
body#workpage #nav {
 float:right;
}
 
#nav ul#viewtoggle {
	position: absolute;
	top:0px;
} 

#nav ul#viewtoggle li {
	float: left;
	padding: 0 10px 0 0;
	color:#D6C7B8;
}

#nav ul#menu {
	position:absolute;
	top:20px
}

#nav ul#menu li.mainlink {
	margin: 20px 0 10px 0;
	height: 15px;
}

.mainlink a {
	background-image:url("../images/menu.png");
	height:15px;
	width:88px;
	text-indent:-1000px;
 	overflow:hidden;
 	display:block;
 	float:left;
}

#viewtoggle .mainlink a {
	margin: 0px 0 0px 0;
}

.sublink a {
	letter-spacing: 0em;
	text-decoration:none; 
	font-size: 1.1em;
}

.sublink a:hover {
	color:#D6C7B8;
}

a#timelinelink { width:73px }
a#menulink { background-position:0 -24px; }
a#info { background-position:0 -48px; }
a#work{ background-position:0 -72px; }
a#news { background-position:0 -96px; }
a#press { background-position:0 -120px; }
a#contact { background-position:0 -144px; }

.timelineselected, a#timelinelink:hover { background-position:-100px 0px; }
a#menulink:hover, #nav ul#viewtoggle .menuselected { background-position:-100px -24px; }
a#info:hover{ background-position:-100px -48px; }
a#work:hover { background-position:-100px -72px; }
a#news:hover { background-position:-100px -96px; }
a#press:hover { background-position:-100px -120px; }
a#contact:hover { background-position:-100px -144px; }


#nav #timeline {
	padding: 0 0 0 10px;
	position: absolute;
	top:30px;
}


#nav #timeline #year_slider {
	height:323px;
 }
 
 #nav #timeline #year_list {
 	position: absolute;
 	top:0px;
 	left: 25px;	
 	color:#D6C7B8;
 }
 
 #nav #timeline #year_list li {
	font-size:10px;
	height:10px;
}
 
  #nav #timeline #year_description {
	position:absolute;
	top: 0;
	left: 75px;
 	color:#D6C7B8;
 	border-color:#D6C7B8;
 	width:205px;
 	height:300px;
 	background-color:#544838;
 	padding: 15px;
 	display:none;
 }
 
#nav #timeline #year_description p {
	margin: 0 0 5px 0;
	text-align: justify;
}

ul#year_links li {
	margin: 0px 15px;
	list-style-type: disc;
}

ul#year_links li a {
	color:#FFF;
	text-decoration:none;
}

ul#year_links li a:hover {
	text-decoration:underline;
}

.plink, #instructions {
	cursor:pointer;
	color: #FFF;
	text-decoration: none;
}
 
/* POPUP STYLES */

#work_wrapper {
	height: 620px;
	position: relative;
 	padding:10px;
}

#worklist_wrapper a {
	text-decoration: none;
	color:#2f230f;
	font-weight: bold;
}

#welcome_wrapper a {
	text-decoration: underline;
	color:#286F00;
	font-weight: bold;
}

#welcome_wrapper a:hover, #worklist_wrapper a:hover {
	text-decoration: underline;
}

#welcome_wrapper {
	background-color:#f6f3ee;
}

#welcome_wrapper {
	padding: 30px;
}

#welcome_wrapper p, #worklist_wrapper p {
	padding: 0 0 10px 0;
}

#worklist_wrapper { 
	height: 100%;
	float: right;
	overflow:auto;
	width:600px;
}

#worklist_wrapper ul { 
	padding:10px;

}

#worklist_wrapper li {
	float:left;
	display: inline;
	padding:10px;
	width:150px;
	height: 185px;
	font-size: .9em;

}

#worklist_wrapper li a {
color: #2f230f;
text-decoration: none;
text-align: center;
display: block; 
text-transform: uppercase;
}

#worklist_wrapper li a span {
 clear: both;
 padding-top: 5px;
 text-align: center;
}

#worklist_wrapper li a img {
	padding-bottom: 5px;
}

#worklist_wrapper li a:hover {
color: #6e4604;
text-decoration: none;
}

.kicker {
clear:both;
}

#image_wrapper {
	width: 712px;
	padding: 5px;
	height: 610px;
	position: absolute;
	border: 1px solid #FFF;
}

#video_wrapper {
	width:692px;
	height:500px;
	float:left;
	color: #FFF;
	padding: 40px;
}
 
 #titlebar {
 	padding:5px 10px;
 	position:absolute;
 	float:left;
 	top:11px;
 	left:11px;
 	width: 700px;
 	z-index:100;
 	color: #FFFFFF;
 	background-color: #2f230f;
 	filter:alpha(opacity=70);
	-moz-opacity:0.7;
	-khtml-opacity: 0.7;
	opacity: 0.7;
 }
 
 #titlebar h2 {
 	float:left; 
 	text-transform: uppercase;
 	font-size: 1.2em;
 	font-weight: normal
 	}
 	
 #titlebar span {
 	float:right;
 	}
 	
 #description {
 	display:none;
 	clear:both;
 	padding: 10px;
 }
 
#description p {
	margin-bottom: 5px
 }
 
 #work_wrapper {
 
 }
 
.scroll-pane {
	padding: 0 10px;
	margin:0;
	height:600px;
 	overflow:auto;
 	width: 160px;
 	float:left;
 }
 
 #scroll_wrapper {
 	width: 180px;
 	position:absolute;
 	top: 10px;
 	right:10px;
 }
 
 .scroll-pane li {
 	padding: 0;
	margin:0;
 }
 
 /* jScrollPane styles */
 
 .jScrollPaneContainer {
	position: relative;
	overflow: hidden;
	z-index: 1;
}

.jScrollPaneTrack {
	position: absolute;
	cursor: pointer;
	right: 0;
	top: 0;
	height: 100%;
	border: 1px solid #888;
}
.jScrollPaneDrag {
	position: absolute;
	background: #888;
	cursor: pointer;
	overflow: hidden;
}
.jScrollPaneDragTop {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
}
.jScrollPaneDragBottom {
	position: absolute;
	bottom: 0;
	left: 0;
	overflow: hidden;
}
a.jScrollArrowUp {
	display: block;
	position: absolute;
	z-index: 1;
	top: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	/*background-color: #666;*/
	height: 9px;
}
a.jScrollArrowUp:hover {
	/*background-color: #f60;*/
}

a.jScrollArrowDown {
	display: block;
	position: absolute;
	z-index: 1;
	bottom: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	/*background-color: #666;*/
	height: 9px;
}
a.jScrollArrowDown:hover {
	/*background-color: #f60;*/
}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {
	/*background-color: #f00;*/
}

/* MAP STYLES */

#map_canvas {
width: 100%;
height: 100%;
position: absolute;
}

#map_canvas a {
color: #000066;
}

#cboxNext, #cboxPrevious {
	display: none;
}