@charset "UTF-8";

body, table, ul, ol, dl, h1, h2, h3, h4, h5, h6 {
  color: #FFF;
  font-family: arial, helvetica, sans-serif;
  font-size: 12px;
  font-weight: normal;
  line-height: 150%;
}

body {
	background-color: #000;
}

* { margin: 0px; padding: 0px; border: none; }

a { text-decoration: none; }
a:link, a:visited, a:active { color: #0cf; }
a:hover { color: #FFF; text-decoration: underline; }

li { list-style-type: none; }

/* ////////////////////////////// layout */

div#Top-wrapper {
	width: 1024px;
	height: 768px;
	background: url(../images/bg01.jpg) top center no-repeat;
	position:relative;
	margin: 0 auto;
	}

body#Second {
		background: url(../images/bg02.jpg) #000 fixed center center no-repeat;
		position:relative;
	}

div#Top-wrapper div#Nav {
	background: url(../images/nav_bg.png) top left repeat-x;
	position: absolute;
	top: 0px;
	left: 42px;
	width: 122px;
	padding-bottom: 496px;
	behavior: url(images/iepngfix.htc);
	}
	
#Nav ul {
	margin: 192px 0 0 18px;
	}

#Nav ul li {
	margin: 0 0 12px 0;
	line-height: 100%;
	}

* html body #Nav ul li {
	margin: 0 0 10px 0;
	}

*:first-child+html #Nav ul li {
	margin: 0 0 10px 0;
	}

#Nav ul li a {
	display: block;
	cursor: pointer;
	text-indent: -9999px;
	overflow: hidden;
	}

#Nav ul li a:hover img {
	background-color: #FFF;
	}

#Nav ul li.nav0 a {	width: 32px;	height: 18px;	background: url(../images/nav0_off-trans.png) top left no-repeat; }
#Nav ul li.nav01 a {	width: 54px;	height: 18px;	background: url(../images/nav01_off-trans.png) top left no-repeat;	}
#Nav ul li.nav02 a {	width: 88px;	height: 18px;	background: url(../images/nav02_off-trans.png) top left no-repeat;	}
#Nav ul li.nav03 a {	width: 86px;	height: 15px;	background: url(../images/nav03_off-trans.png) top left no-repeat;	}
#Nav ul li.nav04 a {	width: 75px;	height: 15px;	background: url(../images/nav04_off-trans.png) top left no-repeat;	}

#Nav ul li.nav0 a:hover {	background: url(../images/nav0_ov-trans.png) top left no-repeat;	}
#Nav ul li.nav01 a:hover {	background: url(../images/nav01_ov-trans.png) top left no-repeat;	}
#Nav ul li.nav02 a:hover {	background: url(../images/nav02_ov-trans.png) top left no-repeat;	}
#Nav ul li.nav03 a:hover {	background: url(../images/nav03_ov-trans.png) top left no-repeat;	}
#Nav ul li.nav04 a:hover {	background: url(../images/nav04_ov-trans.png) top left no-repeat;	}

div#Top-wrapper #footer {
	position: absolute;
	bottom: 10px;
	right: 10px;
	}

div#Second-wrapper {
	width: 940px;
	position:relative;
	margin: 0 auto;
	}

div#Second-wrapper div#Nav {
	width: 122px;
	behavior: url(images/iepngfix.htc);
	}

div#Second-wrapper div#profile {
	position: absolute;
	top: 0px;
	left: 400px;
	}

* html body div#Second-wrapper div#profile {
	top: 200px;
	}

*:first-child+html body div#Second-wrapper div#profile {
	top: 200px;
	}

div#Second-wrapper dl {
	margin: 16px 0 0 0;
	}

div#Second-wrapper dl dt {
	margin: 0 0 8px 0;
	}

div#Second-wrapper dl dd {
	margin: 0 0 12px 0;
	}

div#Second-wrapper #footer {
	position: absolute;
	top: 600px;
	right: -20px;
	}

* html body div#Second-wrapper #footer {
	top: 805px;
	}
	
*:first-child+html div#Second-wrapper #footer {
	top: 805px;
	}
