@charset "UTF-8";
/* CSS Document */


.clear {
	clear:both;
}
img {
	border:none; -moz-opacity:.75; filter:alpha(opacity=75); opacity:.75;
}
a:hover img 
{ 
	-moz-opacity:1.0; filter:alpha(opacity=100); opacity:1.0;
	
} 
body {
	background: #262112 url(../images/bg.jpg) no-repeat center top;
	margin:0px;
	padding:0px;
	color: #ccbea6;
	font-size: 12px;
	font-family:  Arial, Tahoma, Verdana;
}
a {
	color: #457DD9;
	text-decoration: none;
}
p {
	margin:0px;
	padding:0px;
}
#wrapper {
	width:750px;
	margin:auto;
}
#header {
	height:100px;
}
.logo {
	float:left;
	position:relative;
}
.logo a {
	/*background:url(../images/logo.gif) no-repeat left top;*/
	width:400px;
	height:85px;
	text-indent:-999px;
	overflow:hidden;
	display:block;
}
#content {
	height:410px;
	padding:15px 0px 25px 50px;
}
#scrollarea {
	float: left;
	width: 650px;
	height:100%;
	background: url(../images/transparent_bg.png);
	border:#000 solid 1px;
}
.recording {
	width: 150px;
	height:150px;
	float:left;
	text-align:center;
}
.video {
	width: 600px;
	height:140px;
	float:left;
}
#footer {
	height:75px;
	padding-top:20px;
	text-align:center;
}
#nav-container {
	width:750px;
}
#nav {
	margin: 0px 50px 0px;
	padding: 0px;
	float:right;
}
#nav ul {
	float: left;
	list-style: none;
	margin: 0px;
	padding: 0px;
}
#nav li {
	list-style: none;
	margin: 0px;
	padding: 0px;
}
#nav li a, #nav li a:link, #nav li a:visited {
	color: #ccbea6;
	display: block;
	font-size: 13px;
	margin: 0px;
	padding: 0px 10px 0px 10px;
	text-decoration: none;
}
#nav li a:hover, #nav li a:active, #nav li {
	color: #457DD9;
	margin: 0px;
	padding: 0px 10px 0px 10px;
	text-decoration: none;
}
#nav li li a, #nav li li a:link, #nav li li a:visited {
	background: #2B2219;
	width: 150px;
	color: #CCCCCC;
	text-transform: lowercase;
	float: none;
	margin: 0px 0px 0px 11px;
	padding: 7px 10px;
	border-bottom: 1px solid #373737;
	border-left: 1px solid #373737;
	border-right: 1px solid #373737;
}
#nav li li a:hover, #nav li li a:active {
	background: #2B241A;
	color: #FFFFFF;
	padding: 7px 10px 7px 10px;
}
#nav li {
	float: left;
	padding: 0px;
}
#nav li ul {
	z-index: 9999;
	position: absolute;
	left: -999em;
	height: auto;
	width: 170px;
	margin: 0px;
	padding: 0px;
}
#nav li li {
}
#nav li ul a {
	width: 140px;
}
#nav li ul a:hover, #nav li ul a:active {
}
#nav li ul ul {
	margin: -29px 0 0 171px;
}
#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
	left: -999em;
}
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {
	left: auto;
}
#nav li:hover, #nav li.sfhover {
	position: static;
}
#nav #current{
	color:#457DD9;
	}
#lightbox {
	position: absolute;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
}
#lightbox img {
	width: auto;
	height: auto;
}
#lightbox a img {
	border: none;
}
#outerImageContainer {
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
}
#imageContainer {
	padding: 10px;
}
#loading {
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
}
#hoverNav {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
}
#imageContainer>#hoverNav {
	left: 0;
}
#hoverNav a {
	outline: none;
}
#prevLink, #nextLink {
	width: 49%;
	height: 100%;
	background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */
	display: block;
}
#prevLink {
	left: 0;
	float: left;
}
#nextLink {
	right: 0;
	float: right;
}
#prevLink:hover, #prevLink:visited:hover {
	background: url(../images/prevlabel.gif) left 15% no-repeat;
}
#nextLink:hover, #nextLink:visited:hover {
	background: url(../images/nextlabel.gif) right 15% no-repeat;
}
#imageDataContainer {
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%;
}
#imageData {
	padding:0 10px;
	color: #666;
}
#imageData #imageDetails {
	width: 70%;
	float: left;
	text-align: left;
}
#imageData #caption {
	font-weight: bold;
}
#imageData #numberDisplay {
	display: block;
	clear: left;
	padding-bottom: 1.0em;
}
#imageData #bottomNavClose {
	width: 66px;
	float: right;
	padding-bottom: 0.7em;
	outline: none;
}
#overlay {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #000;
}
.justify { text-align:justify; }
.text ul { margin:5px 0 10px 0; padding-top:5px; border-top:1px solid #212024;}
.text li { margin:0 0 5px 0; padding:0 0 5px 15px; background:url(bullet.gif) no-repeat 0 4px; border-bottom:1px solid #212024; }


pre { margin:5px 0; padding:5px 0; border-top:1px solid #212024; border-bottom:1px solid #212024;
white-space: pre-wrap; /* css-3 */
white-space: -moz-pre-wrap !important; /* Mozilla, since 1999 */
white-space: -pre-wrap; /* Opera 4-6 */
white-space: -o-pre-wrap; /* Opera 7 */
word-wrap: break-word; /* Internet Explorer 5.5+ */
}
pre code { display: block; margin:0; padding:0; line-height:150%; }
pre, code {font:100% "monospaced", monospace;*font-size:100%;}

#box { float:left; width:100%;}

form { margin:1.5em 0; padding:0; width:50%; float:left;  }
fieldset { margin:0; padding:0; border:none;}
legend { padding-bottom:0.5em; font-size:1.4em; margin-left:30%; color:#FFCC00; }

form div {
	padding:1em 0;
}
label {float:left; width:30%; line-height: 200%; padding-right:1em; text-align:right; } 
input, textarea { width:60%;  border:1px solid #212024; padding:3px; font-size:1em; background:#212024; color:#B3BEAD; } 
textarea { overflow:auto; font-family:Arial,Helvetica,sans-serif; font-size:1em; width:60%; border:1px solid #212024; padding:3px;}
.button input { border:none; margin-left:31%; font-size:1.2em; color:#457DD9; background:none; padding:0 4px; cursor:pointer; width:auto;}

.hoverfocus { border:1px solid #FFCC00;}

#error, #response { float:left; width:30%; padding:3em; }

#response ul { border-top:1px solid #212024; margin-top:5px; padding-top:5px; }

#error li, #response li { margin:0 0 5px 0; padding:0 0 5px 15px; background:url(bullet.gif) no-repeat 0 4px; }

#working { float:left; padding:3em; background:url(loading.gif) no-repeat left center;}