@charset "utf-8";

body,html {height:100%;}
body {
	background-image:url("../../images/pix05.png");
background-position:center center;
background-repeat:non-repeat;
background-attachment:fixed;
background-size:cover;
background-color:#000000;
overflow:auto;}

#wrapper {position:relative;
	width: 100%;
    min-height: 100%;
    height: auto !important;
	height:100%;}
	
#content {padding-bottom:150px;}
#logo {
	height: 55px;
	width: 55px;
	float: right;
	margin-top: 20px;
	margin-right:50px;
}
#content ul{
	width: 800px;
	float: left;
	font-family:"Courier New", Courier, monospace;
}

#content ul li{
	float: left;
	display: block;
	font-size: 20px;
	margin: 15px 0 15px 30px;
	letter-spacing: 0.08em;
}

#content ul li a{
	color: #fff;
	text-decoration: none;
}
#content ul li a:hover {color:#CC0000;}
#content ul li a:active {color:#FFFFFF;}
#content a.thispage {color:#CC0000;}

footer {
	width: 100%;
	height: 20px;
	color: #000000;
	background-color: rgba(153,153,153,0.3);
	position: absolute;
	bottom: 0;
	text-align: center;
}
#top {clear:left;
	color: #ffffff;
	align-text: center;
	margin-left: 100px;
	margin-top: 100px;
}
	
#video01 {
	clear: left;
	margin-left: 298px;
	width: 479px;
	margin-top: 0px;
	-webkit-box-shadow: 26px 34px 38px -10px #000000;
	box-shadow: 26px 34px 38px -10px #000000;
}
#list {
	color: #ffffff;
}
#list a {color:#FFFFFF;}
#smart a {color:#ffffff;}
#smart a:hover {color:#cc0000;}
#smart a:active {color:#ffffff;}

#tiny a {color:#ffffff;}
#tiny a:hover {color:#cc0000;}
#tiny a:active {color:#ffffff;}

#list a:hover {color:#cc0000;}
#list a:active {color:#FFFFFF;}

#works {
	color: #ffffff;
	text-align: left;
	margin-left: 105px;
}
h3 {
	background-color: #0089CC;
	width: 150px;
	text-align:center;
}
.opa a:hover img{opacity: 0.7;
  filter: alpha(opacity=70);
  -ms-filter: "alpha(opacity=70)"}
  
  .month {
	background-color: #cc0000;
	color: #ffffff;
	/* [disabled]text-align: center; */
	/* [disabled]text-decoration: none; */
}