/* CSS Document */

html { 	height: 100%; overflow: hidden;	}
/**********************************************
* Main positional elements
***********************************************/
body {	text-align: center; background-color:#393839; color:#9d9fa1; font-size: 62.5%;	font-family:  Arial, Verdana, sans-serif; height: 100%;	margin: 0;	padding: 0;	}
#wrapper {	text-align: left;	height: 100%;	margin: auto; position: relative; padding-top:5px;}

/*#nav {width:230px; float:left; height:100%}*/
#content {  padding:30px; width:500px;}
#footer {clear:both;}

/* Screen reader links */
#srLinks {	position: absolute;	left: -9999px;	top: 0px;}

/** galleries **/
#flashcontent {height: 100%; width: 100%; margin:auto; }

/* index */
h1 {position:relative; width:225px; height:42px;background:#393839 url(../../images/logo.gif) no-repeat; margin-bottom:20px;}
h1 a{width:225px;height:42px;position:relative;display:block;}
h1 a span {	background:#393839 url(../../images/logo.gif) no-repeat;	position:absolute;	width:100%;	height:100%;	display:block;	left: 1px;}
h2 {font-weight:bold; font-size:1.5em; padding-bottom:1em;}

ul {width:150px;}
li { line-height:1.5em; font-size:1.2em; position:relative; width:150px; height:25px; background:#393839 url(../../images/enter.gif) no-repeat;}
li a {  position:relative; width:150px; height:25px; display:block; padding-right:20px; text-align:right; color:#9d9fa1; text-decoration:none; text-transform:uppercase; font-weight:bold;}
li a span {	background:#393839 url(../../images/enter.gif) no-repeat;	position:absolute;	width:100%;	height:100%;	display:block;	}
li a:hover span{color:#FFFFFF; background:#393839 url(../../images/enter.gif) -180px no-repeat;}

p {font-size:1.2em; padding-bottom:1em; line-height:1.2em;}
p a {color:#9d9fa1;text-transform:uppercase; font-weight:bold;}
p a:hover {color:#FFFFFF; text-decoration:none;}