/* reset */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}table{border-collapse:collapse;border-spacing:0}

body{
/* /	background: url(img/bg.jpg) no-repeat center center fixed;  */
	background-color: #000;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-color: black;
	font-family: Sans-Serif;
	color: #f9f9f9;
	line-height: 26px;
}

h1 { font-size: 22px;  font-weight: normal; margin-bottom: 20px; }

p { }

a { color: #887a80; text-decoration: none; outline: none; }
a:hover { color: #f9f9f9;  }

#f {
	position: fixed;
	top: 75px;
	left: 5%;
	background: url(img/f.png) no-repeat;
	width: 77px;
	height: 150px;	
}
#password-box {
	position: relative;
	margin: auto;
	margin-top: 200px;
	background: url(img/password-box.png);
	width: 582px;
	height: 382px;
	overflow: auto; 
}
#password-input {
	display: block;
	margin: auto;
	margin-top: 190px;
	padding: 0px;
	background: url(img/password-input-bg.png);
	border: none;
	width: 437px;
	height: 58px;
	font-weight: bold;
	font-style: italic;
	font-size: 48px;
	text-align: center;
}
#password-input-spec {
	display: block;
	position: absolute;
	top: 190px;
	left:72px;
	background: url(img/password-input-spec.png);
	width: 437px;
	height: 58px;
	cursor: text;
}
#password-go {
	display: block;
	position: absolute;
	top: 275px;
	left: 265px;
	background: url(img/password-go.png);
	width: 35px;
	height: 41px;
	cursor: pointer;
}


#box {
	position: relative;
	background: #000;
	display: block;
}

#box-content {
	position: relative;
	margin: auto;
	padding: 10px;
	width: 962px;
	background: #000;
	
}
#box-content-vertical {
	position: relative;
	margin: auto;
	padding: 50px;
	width: 362px;
	background: #000;
	
}

#box-close {
	position: absolute;
	right: -12px;
	top: -12px;
	width: 13px;
	height: 13px;
	background-image: url(img/box-close.png);
}

#player {

	width: 960px;
	border: 1px solid #655a61;
}

#player_vertical {
	width: 360px;
	border: 1px solid #655a61;
}


#video-title {
	position: relative;
	text-align: left;
 	width: 270px; 
}
#video-title-vertical {
	position: relative;
	text-align: left;
 	width: 270px; 
 	margin-top: 35px;
}

#video-desc {
	float: left;
	font-weight: 100;
	letter-spacing: 1px;
}


.download {
	font-weight: 200;
	font-style: italic;
	font-size: 14px;	
}

a.download { 
	float: left;
	display: block;
	margin-left: 20px;
	padding: 0  0  0 20px;
	background-repeat: no-repeat;
	background-position: 0 50%;
}

/*
.flv {background-image: url(img/files/flv.png)}
.mov {background-image: url(img/files/mov.png)}
.mp4 {background-image: url(img/files/mp4.png)}
.zip {background-image: url(img/files/zip.png)}
.pdf {background-image: url(img/files/pdf.png)}
.mpg ,.wmv {background-image: url(img/files/wmv.png)}
*/

.shadow {
	-moz-box-shadow:    10px 10px 25px 0px #000;
	-webkit-box-shadow: 10px 10px 25px 0px #000;
	box-shadow:         10px 10px 25px 0px #000;
}