@charset "utf-8";

body,td,th {

font-family:"Arial Narrow";

font-size:15px;

font-style: narrow;

color:#464646;

}



body {

background-color:#121212;

margin:30px 0 0;

}



a:link {

color:#464646;

text-decoration:none;

}



a:hover {

text-decoration:none;

color:#fff;

}



h1 {

color:#999;

margin-top:8px;

letter-spacing:-0.1em;

line-height:0.8em;

font-size:31px;

}



h1 span {

color:#ccc;

font-size:18px;

letter-spacing:-0.053em;

text-transform:none;

}



h2 {

font-size:24px;

}



h3 {

font-size:17px;

}



#top {

	position:absolute;

	top:20px;

	left:20px;

	width:310px;

	height:500px;

	cursor:pointer;

	margin-top:30px;

	z-index: 1;

}



#logo {

float:left;

height:86px;

width:110px;

}



#title {

	width:180px;

	margin: 0 0 0 130px;	

	position: absolute;

	visibility: visible;

	z-index: 4;

}

#menu {

float:left;

width:290px;

padding-bottom:10px;

font-weight:400;

color:;

margin-top:130px;

font-size:25px;

text-transform:none;

letter-spacing: 0.2em;

}



#menu a:link,#menu a:active,#menu a:visited,#menu a:hover {

color:#888888;

}



#menu a:hover {

color:#999;

}



#menu ul li {

width:230px;

float:left;

color:#000;

margin-top:5px;

}



#contact {

float:left;

width:290px;

margin-top:96px;

text-align:center;

font-size:13px;

color:#000;

}



#container {

	height:500px;

	background-color:#fff;

	float:left;

	margin-right:0;

	margin-bottom:0;

	margin-left:0;

	padding:20px 0 20px 320px;

	position: absolute;

	z-index: 0;

}



#container img {

margin-right:13px;

}



#container ul li {

float:left;

height:500px;

margin-right:12px;

}



#arrows {

position:fixed;

top:720px;

left:20px;

width:90px;

height:30px;

cursor:pointer;

}



#arrows ul {

list-style:none;

margin:0;

padding:0;

}



#arrows ul li {

display:inline;

width:40px;

height:30px;

margin:0;

padding:0;

}



#arrows ul li a {

margin-right:5px;

float:left;

display:block;

width:40px;

height:30px;

overflow:hidden;

cursor:pointer;

font-size:50em;

text-indent:-9000px;

}



#arrows ul #left a {

background:transparent url(../assets/arr-left.gif) no-repeat;

}



#arrows ul #right a {

background:transparent url(../assets/arr-right.gif) no-repeat;

}



#back {

height:50px;

width:120px;

display:block;

outline:0;

z-index:1;

margin-top:120px;

position:absolute;

background:url('back.gif') no-repeat;

font-size:32px;

}



#back:hover {

background-position:0 -36px;

padding-left:40px;

}



#back00 {

width:120px;

height:500px;

}



#footer {

height:40px;

width:1200px;

padding-left:20px;

margin-top:550px;

font-size:12px;

position:absolute;

margin-left:0;

left:0;

text-transform:uppercase;

}







a:visited,a:active {

text-decoration:none;

color:#333;

}



#menu ul,#container ul {

list-style-type:none;

display:inline;

padding:0;

}

#about {

width: 300px;
background-color: #fff;
margin: 0px;
padding: 10px;

}

#intro {

background-color:#fff;
background: url(intro_bg.png) top no-repeat;
width: 700px;
height: 425px;
margin-top: 100px;
margin-left: auto;
margin-right: auto;
text-align: center;
padding: 35px;
}