* {
    margin: 0;
    padding: 0;
}

li {
    list-style: none;
}

body {
    font-family: verdana, helvetica, arial, sans-serif;
    font-size: 12px;
    margin: 0;
    padding: 0;
    background: #000 url(../img/back.jpg) top left no-repeat;
}

a {
    text-decoration: none
}

a:hover {
    text-decoration: none
}

a img {
    border: 0px none
} 

.clr {
    clear: both;
    height: 1px;
    overflow: hidden
}

img.image {
	cursor: pointer;
}

#list {
	width: 100000px;
	height: 560px;
	overflow: hidden;
	margin-left: 0px;
}

#gallery {
	overflow-x: hidden;
	overflow-y: visible;
	position: absolute;
	z-index: 10;
}

#images  {
 	vertical-align: bottom;
}

#images td {
	height: 505px;
}

#shadows {
 	vertical-align: top;
}

#shadows td {
	height: 55px;
}

#list img {
	margin: 0px 10px
}

#list img.shadow {
	display: block;
}

#nav {
	position: absolute;
	z-index: 100;
}

#left, #right {
	position: absolute;
	top: 260px;
	height:80px;
	width: 90px;
	cursor: pointer;
}

#left {
	left: 0px;
	background: url(../img/left.jpg) 0px 0px repeat-x;
}

#right {
	right: 0px;
	background: url(../img/right.jpg) 0px 0px repeat-x;
}

.left-mask, .right-mask {
	position: absolute;
	top: 0px;
	height: 80px;
	width: 30px;
}

.left-mask {
	left: 0px;
	background: url(../img/mask_left.png) 0px 0px repeat-x;
}

.right-mask {
	right: 0px;
	background: url(../img/mask_right.png) 0px 0px repeat-x;
}

#logo {
	position: absolute;
	top: 220px;
	left:20px;
}