/* CSS Document */

html, body {
	margin:0;padding:0;
	width:100%;
}
h1 {
	font:21px Verdana, Arial, Helvetica, sans-serif;
	padding-top:0;margin-top:0;
	border-bottom:1px solid #333;
	padding-bottom:10px;
}

body {
	margin:0;padding:0;background:#000 url(img/bg.jpg) no-repeat top left;
	color:#fff;
	font:11px/18px Verdana, Arial, Helvetica, sans-serif;
}

#container {
	margin-top:120px;
	width:100%;height:auto;min-height:600px;
	background:none;
	text-align:center;
}

#wrap {
	margin:0 auto;text-align:left;
	width:1000px;height:auto;
	border-top:1px dotted #666;
	border-left:1px dotted #666;
	background:#111;
}

#left {
	width:600px;min-height:600px;height:auto;
	background:#111;
	float:left;
}

#right {
	width:400px;height:600px;
	background:#111;
	float:right;
}

#logo {
	width:600px;height:105px;background:#111 url(img/logo.jpg) no-repeat top left;
}

#menu {
	width:600px;height:30px;background:url(img/menu.jpg) repeat-x;
}

#main {
	width:560px;height:auto;min-height:400px;background:none;
	padding:20px;
}

ul.nav {
	margin:0;padding:0;
	margin-left:10px;line-height:30px;
}

ul.nav li {
	list-style:none;
	display:inline;
	text-transform:uppercase;
	font-size:9px;
}

.nav li a {
	text-decoration:none;
	display:block;
	float:left;
	margin-right:15px;
	font-weight:bold;
	color:#666;
}
.nav li a:hover {
	text-decoration:none;
	color:#000;
}

/* */

#slideshow {
    position:relative;
    height:600px;
    width:400px;
}

#slideshow IMG {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
}

#slideshow IMG.active {
    z-index:10;
}

#slideshow IMG.last-active {
    z-index:9;
}