body {
	margin:0px;	

	background-color:#101010;
	color:#ffffff;
	
}

p {
	padding:0 0 10px 0;	
	margin:0px;
	
}
a {
	color: #ffffff;
}
a:focus {
	outline:none;	
}
img { 
	border: none; 
}


/* @group Elements */
#top {
	position:absolute;
	top: 30px;
	left: 30px;
	width:630px;

	z-index:1;
	//border-top: 1px solid #ffffff;
	//padding: 20px 0 0 0;
}

#text {
	position:absolute;
	top:130px;
	width:630px;
	left: 30px;
}
#image {
	position:absolute;
	top:130px;
	width:630px;
left: 30px;
}
#image img {
	width: 630px;
}
#video {
	position:absolute;
	top:130px;
left: 30px;
outline: none;
}
#thumb {
	position:absolute;
	top:130px;
	width:630px;
	left: 30px;
}
#bottom {
	position:absolute;
	top:740px;
	left:444px;
	width:424px;
	display:none;
}
#hidden {
	display: none;
}
.static{
width:820px;  
height:540px;
}
.random{
width:820px;  
height:540px;
}
#clientusername {
	background-color: #101010;
	border: 1px solid #404040;
	color: #f1f1f1;
	font-weight: normal;
	font-family: Georgia;
	letter-spacing:1px;
	padding: 0 0 0 2px;
	font-size: 10px;
	vertical-align: top;
}
#clientusernamelabel {
	padding:0 0 1px 0;
}
#clientpassword {
	background-color: #101010;
	border: 1px solid #404040;
	color: #f1f1f1;
	font-weight: normal;
	font-family: Georgia;
	letter-spacing:1px;
	padding: 0 0 0 2px;
	font-size: 10px;
	vertical-align: top;
}
#clientpasswordlabel {
	padding:5px 0 1px 0;
}
#clientloginbutton {
	padding: 5px 0 0 0;
}
#clientloginbuttonfailed{
	
	padding: 5px 0 0 0;
}
.password {
	background-color: #101010;
	border: 1px solid #404040;
	color: #f1f1f1;
	font-weight: normal;
	font-family: Georgia;
	letter-spacing:1px;
	padding: 0 0 0 2px;
	font-size: 10px;
	vertical-align: top;
}
#login {
	padding-top:18px;
}
#login_button{
	padding-left: 3px;
}
/* @end */

/* @group Dynamic Styles */
.nav {
	font-family: Helvetica;
	font-size:11px;
	line-height: 13px;
	text-transform: uppercase;
}
.nav p img {
	padding-bottom: 3px;
}
.nav img {
	margin-left: -2px;
}
.nav li {
height:15px;
display: block;
}

@media screen and (-webkit-min-device-pixel-ratio:0){
.nav li img {
	padding-bottom: 3px;
}
}

.bordertop {
	padding: 23px 0 23px 0;
	border-top: 1px solid #505050;
}
.borderbottom {
	border-bottom: 1px solid #505050;
}
/* @end */

/* @group Type Styles */
.light {
	color:#909090;
}
.light a {
	color:#909090;
	text-decoration:none;	
}
.light a:hover {
	color:#f1f1f1;
	text-decoration:none;	
}
.mid {
	color:#606060;
}
.mid a {
	color:#606060;
	text-decoration:none;	
}
.mid a:hover {
	color:#f1f1f1;
	text-decoration:none;	
}
.dark {
	color:#404040;
}
.dark a {
	color:#404040;
	text-decoration:none;	
}
.dark a:hover {
	color:#f1f1f1;
	text-decoration:none;	
}
.col {
	float:left;
	width:207px;
	//border-right: 1px dotted #cccccc;
}
.col li {
	padding:0;
	margin:0;
	display:block;
}
.col ul {
	padding:0;
	margin:0;
	list-style-type:none;	
}
.coldouble {
	float:left;
	width:410px;
}
.coldouble li {
	padding:0;
	margin:0;
	display:block;
}
.coldouble ul {
	padding:0;
	margin:0;
	list-style-type:none;	
}
.coltriple {
	float:left;
	width:615px;
}
.coltriple li {
	padding:0;
	margin:0;
	display:block;
}
.coltriple ul {
	padding:0;
	margin:0;
	list-style-type:none;	
}
.colend {
	float:left;
	width:100px;
	text-align: right;
}
.colend li {
	padding:0;
	margin:0;
	display:block;
}
.colend ul {
	padding:0;
	margin:0;
	list-style-type:none;	
}
.colextra {
	float:left;
	width:260px;
}
.colextra li {
	padding:0;
	margin:0;
	display:block;
}
.colextra ul {
	padding:0;
	margin:0;
	list-style-type:none;	
}
/* @end */



#switch {
	bottom: 0;
	right: 0;
	position: fixed;
	color: #ffffff;
}