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

/*html {
	background: url(../bg.jpg) no-repeat center center fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}*/
@media only screen and ( max-width: 40em ) /* 640 */ {
html {
	font-size: 75%; /* 12 */
}
}
.wrapper {
	position:relative;
}
#bg {
  position: fixed; 
  top: 0; 
  left: 0; 
	
  /* Preserve aspet ratio */
  min-width: 100%;
  min-height: 100%;
}

#sidebar {
	width: 90px;
	height: auto;
	background-color: #453f34;
	text-align: center;
	position:absolute;
	top:0;
	left:0;
	z-index:100;

}
.logo {
	padding: 20px 18px;
}

/* menu */
nav ul ul {
	-webkit-transition:width 2s; /* For Safari 3.1 to 6.0 */
    transition:width 2s;
	display: none;
}
nav ul li:hover > ul {
	display: block;
	position:absolute;
	top:0;
	left:47px;
	width:150px;
}
nav ul li:hover a { color:#fff;}
nav ul li {
	display:block;
	cursor:pointer;
	font-size:28px;
	border-top:2px solid #8a7e68;
	border-right:2px solid #8a7e68;
	border-left:2px solid #8a7e68;
	position:relative;
	width:40px;
	margin-left:20px;
	padding:7px;
}

.line {
	border-bottom:2px solid #8a7e68;
}
.unique{
	font-size:16px;
	border-bottom:2px solid #8a7e68;
	margin-bottom:20px;
	/*line-height:110%;
	letter-spacing:4px;*/
}
nav ul ul li {
	padding:0px;
	width:100%;
	font-size:24px;
	background-color:rgba(255, 255, 255, 0.5); 
	border-top:2px solid #8a7e68;
	border-right:2px solid #8a7e68;
	border-left:2px solid #8a7e68;
	line-height:2.5em;
}

nav ul ul li:hover{
	display:block;
	background-color:rgba(0, 0, 0, 0.8); 
}
a {
	text-decoration:none;
	color:#000000;
}
#sub a { 
	color:#000;
	display:block;
}
#sub a:hover{ 
	display:block;
	color:#fff;
}
/*  LINE  */
#top, #bottom, #left, #right {
	background: #8a7e68;
	position: fixed;
}
#left, #right {
	top: 10px;
	bottom: 10px;
	;
	width: 2px;
}
#left {
	left: 10px;
}
#right {
	right: 10px;
}
#top, #bottom {
	left: 10px;
	right: 10px;
	height: 2px;
}
#top {
	top: 10px;
}
#bottom {
	bottom: 10px;
}
/*  LINE2  */
#top1, #bottom1, #left1, #right1 {
	background: #3d372e;
	position: fixed;
}
#left1, #right1 {
	top: 18px;
	bottom: 18px;
	;
	width: 2px;
}
#left1 {
	left: 18px;
}
#right1 {
	right: 18px;
}
#top1, #bottom1 {
	left: 18px;
	right: 18px;
	height: 2px;
}
#top1 {
	top: 18px;
}
#bottom1 {
	bottom: 18px;
}
.content{
	width:200px;
	margin:0 auto;
	padding-top:15%;
	position:relative;
	text-align:center;
}
/* ITEM_1 */
.current{
	color:#B6B6B6;
}
.content1{
	position: fixed;
	bottom:0;
	right:0;
	width:100%;
	z-index:10;
	text-shadow: 2px 2px #000;
}
.black_bg{
	background: rgba(0, 0, 0, 0.5); 
	color: #fff;
	height: 250px;
	position: relative;
	padding-left:100px;

    -moz-animation-name: dropHeader;
    -moz-animation-iteration-count: once;
    -moz-animation-timing-function: ease-in;
    -moz-animation-duration: 1s;

    -webkit-animation-name: dropHeader;
    -webkit-animation-iteration-count: once;
    -webkit-animation-timing-function: ease-in;
    -webkit-animation-duration: 1s;
}
@-moz-keyframes dropHeader {
    0% {bottom: -250px;}
    100% {bottom: 0;}
}
@-webkit-keyframes dropHeader {
    0% {bottom: -250px;}
    100% {bottom: 0;}
}
.title{
	font-size:30px;
	padding:15px;
	letter-spacing:2px;
	
}
.article{
	padding-top:20px;
	padding-bottom:20px;
	padding-left:20px;
	font-size:20px;
	letter-spacing:2px;
}
.slogn{
	font-size:18px;
	letter-spacing:3px;
	padding-left:20px;
	line-height:1.5em;
}
.floor{
	float:right;
	padding-right:30px;
}
.floor a{
	color:#fff;
	text-shadow: 2px 2px #000;
}