/* GLOBAL SELECTORS ------------------------------------------------------------------------------------------------------------ */

* {
	margin: 0px;
	padding: 0px;
}
body {
	background-color: black;
	color: #666;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 11px;
	line-height: 13px;
}
a {
	cursor: pointer;
	outline: none;
}
a:hover {
	color: white;
}


/* PAGE ------------------------------------------------------------------------------------------------------------------------ */

h1 {
	display: none;
}
#page {
	width: 740px;
	margin-left: auto;
	margin-right: auto;
}
#navBox {
	float: left;
	width: 470px;
	margin-top: 42px;
	margin-left: 20px !important;
	margin-left: 10px;
	display: none;
}
#mainMenu {
	float: left;
	width: 120px;
	list-style-type: none;
}
#mainMenu li {
	width: 120px;
}
#subMenuContainer {
	float: left;
	width: 330px;
}
.subMenu {
	width: 330px;
	list-style-type: none;
	display: none;
}
.subMenu li {
	width: 330px;
}
#minHeightBox {
	float: left;
	width: 20px !important;
	width: 10px;
	height: 140px;
}


/* DIASHOW --------------------------------------------------------------------------------------------------------------------- */

#showBox {
	position: relative;
	width: 700px;
	height: 485px;
	margin-left: 20px;
}
#showBox img {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 8;
	opacity: 0.0;
	cursor: pointer;
}
#showBox .homeFirstPic {
	z-index: 10;
	opacity: 1.0;
	cursor: default;
}
#showBox img.active {
	z-index: 10;
	opacity: 1.0;
}
#showBox img.lastActive {
	z-index: 9;
}
#controlBox {
	float: left;
	width: 230px;
	margin-top: 42px;
	display: none;
}
#diaShowStart, #backLink {
	float: left;
	cursor: pointer;
}
.diaShowStartOn {
	color: white;
}		
#picNav, #pseudoPicNav {
	float: right;
	list-style-type: none;
}
#picNav li, #pseudoPicNav li{
	display: inline;
	margin-left: 7px;
}
#picNav li a, #pseudoPicNav li a {
	cursor: pointer;
}
.selected a {
	color: white;
}
.twoPicsSpecialCase {
	display: none;
}


/* MEDIAS ---------------------------------------------------------------------------------------------------------------------- */

#mediaContent {
	width: 740px;
	height: 485px;
	color: white;
}
#leftColumn {
	position: relative;
	float: left;
	width: 324px;
	height: 485px;
	margin-left: 20px !important;
	margin-left: 10px;
	overflow: hidden;
}
#leftColumnContainer {
	position: absolute;
	width: 304px;
	left: 0px;
	top: 0px;
}
#leftColumnContainer h3 {
	width: 304px;
	margin-bottom: 13px;
}
#leftShaft, #rightShaft {
	position: relative;
	float: left;
	width: 21px;
	height: 485px;
	background: url(../img/ui/shaftSlice.gif) repeat-y;
}
#leftLift, #rightLift {
	position: absolute;
	width: 21px;
	height: 47px;
	left: 0px;
	top: 0px;
	background: url(../img/ui/liftSlice.gif) repeat-y;
	cursor: move;
}
#rightColumn {
	position: relative;
	float: left;
	width: 344px;
	height: 485px;
	overflow: hidden;
}
#rightColumnContainer {
	position: absolute;
	width: 304px;
	left: 20px;
	top: 0px;
}
#rightColumnContainer h3 {
	width: 304px;
	margin-bottom: 13px;
}
#leftColumnContainer h3, #rightColumnContainer h3 {
	width: 254px;
	margin-left: 50px;
	font-weight: bold;
	font-size: 11px;
	line-height: 13px;
}
.mediaList {
	width: 304px;
	list-style-type: none;
}
.mediaList li {
	clear: both;
	width: 304px;
}
.year {
	float: left;
	width: 40px;
	height: 13px;
}
.hyphen {
	float: left;
	width: 10px;
	height: 13px;
	text-align: right;
}
.docTitle {
	float: left;
	width: 214px;
}
.docLink {
	float: left;
	width: 40px;
	height: 13px;
	text-align: right;
	color: #666;
}
#mediaContent br {
	clear: both;
	display: block;
	width: 304px;
}


/* CONTACT --------------------------------------------------------------------------------------------------------------------- */

#contactPageFilling {
	width: 740px;
	height: 485px;
}
#contactBox {
	float: left;
	width: 465px;
	margin-left: 95px !important;
	margin-left: 100px;
}
#contactBox_leftCol {
	float: left;
	width: 240px;
	color: white;
}
#contactBox_leftCol p, #contactBox_leftCol br {
	clear: both;
	width: 240px;
}
#contactBox_rightCol {
	float: left;
	width: 225px;
}
#contactBox_rightCol p, #contactBox_rightCol br {
	clear: both;
	width: 225px;
}
#contactBox_leftCol a {
	text-decoration: none;
	color: white;
}
#contactBox_leftCol a:hover {
	color: #666;
}
#contactBox_rightCol a {
	text-decoration: none;
	color: #666;
}
#contactBox_rightCol a:hover {
	color: white;
}