@charset "utf-8";

html, body {
	height:100%;
	width:100%;
	margin:0;
	padding:0;
}

html {
	overflow-y: scroll;
}

body {
	background-color: #000;
	font-family: 'Lato', sans-serif !important;
	font-size:.9em;
	font-weight: 300;
	letter-spacing:0.5px;
	color:#aaa;
}


#x {
	position:absolute;
	height:100%;
	width:100%;
	z-index:3;
}



#main {
	position:relative;
	width:775px;
	height:100%;
	margin:0 auto;
	padding: 0 20px;
}

#menu {
	z-index:5;
	position:absolute;
	top:-20px;
	left:316px;
	width:470px;
	font-size:.8em;
	font-weight: 400;
	letter-spacing:4px;
    text-align: justify;
    -ms-text-justify: distribute-all-lines;
    text-justify: distribute-all-lines;	
}
#menu .menu-item {
    vertical-align: top;
    display: inline-block;
    zoom: 1;
}
.stretch {
    width: 100%;
    display: inline-block;
    font-size: 0;
    line-height: 0
}
.menu-item span {
	padding-bottom: 3px;
	border-bottom: 1px dotted #333;
}
.menu-item span:hover, body:hover {
	cursor: default;
}

.title {
	font-size: 1em;
	font-weight:400;
	padding-bottom: 30px;
	letter-spacing:1.5px;
	color:#eee;
}

#contents {
	z-index:5;
	position:absolute;
	top:265px;
	left:316px;
	width:465px;
	text-align:left;
	line-height:20px;
	padding-bottom:20px;
	letter-spacing: .9px;
}

b {
	font-weight:400;
}

ul {
	margin:0 0 0 14px;
	padding:0;	
}

li {
	font-size: .9em;
	line-height: 18px;
	padding-bottom: 7px;
}

img {
	border:none;
}

A, INPUT, SELECT { 
  noFocusLine: expression(this.onFocus=this.blur());
  outline: none;
}
*:focus { 
  outline: none; 
}
select:-moz-focusring {
    color: transparent;
    text-shadow: 0 0 0 #000;
}


A:link, A:visited {
	color: #fff; 
	text-decoration: none;
} 

A:hover {
	color: #acf; 
	text-decoration: none;
}


.thumb-items-wrap {
	float: left;
	padding-right:12px;
	padding-bottom:12px;
}

.thumb-items {
	border:1px solid #00549a;
	background-color: #eee;
	text-align:center;
	width: 78px;
	height: 78px;
	overflow:hidden;
	border-radius: 5px;
}

.thumb-items:hover {
	border:1px solid #ee2c24;
}


.hover_button {
	display: block;
	width:19px;
	height:19px;	
	overflow:hidden;
}
.hover_button:hover {
	background-position:0px -19px;
}


input, textarea {
	border:1px solid #92c1ea;
	background-color:#edf3ff;
	font-family: Arial, Helvetica, sans-serif;
	font-size:.9em;
	x-moz-border-radius: 20px;
    x-webkit-border-radius: 20px;
    x-khtml-border-radius: 20px;
    border-radius: 5px;
	padding:0 5px 0 5px;
}

/* 
=======================================
slideshow
=======================================
*/


#logo {
	position:absolute;
	top:155px;
	z-index:2;
    opacity: 0;
    filter: alpha(opacity=0);
}
#logo-block {
	position:absolute;
	top:0;
	right:0;
	z-index:3;
	width:480px;
	height:60px;
	background: #000;
}

#slideshow {
	position:absolute;
	width: 500px;
	height: 500px;
	overflow: hidden;
	top:-15px;
	left:41px;
	z-index:1;
    opacity: 0;
    filter: alpha(opacity=0);
}

#footer {
	text-align:right;
	margin-top:40px;
	margin-bottom:20px;
	border-right:2px solid #666;
	padding-right:5px;
	font-size:.8em;	
	line-height:16px;
	color:#666;
    opacity: 0;
    filter: alpha(opacity=0);
}

.svg {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index: 4;
    opacity: 0;
    filter: alpha(opacity=0);
}