@charset "utf-8";
/* CSS Document */

p{
	color:#CCCCCC;
	/* font-size:12px/30px; */
	/* font-family:Geneva, Arial, Helvetica, sans-serif; */
        font: 14px/22px arial;
	margin:0px;
	padding:0px;
}

p a {
        text-decoration:none; 
        color:#FFFFFF;
        font: 14px/14px arial;
}

.centeredImage{
    text-align:center;
    margin-top:20px;
    margin-bottom:50px;
    padding:0px;
}



body {
	background-color: #333333;
	font-size:12px;
	font-family:Geneva, Arial, Helvetica, sans-serif;
}

div#singleimage {
	background-color:#333333;
	margin-top: 20px;
	margin-bottom: 50px;
	margin-left: auto;
	margin-right: auto;
	padding: 0px;
}

div#outer {
	position:relative;
	width: 922px;
	background-color:#333333;
	margin-top: 50px;
	margin-bottom: 50px;
	margin-left: auto;
	margin-right: auto;
	padding: 0px;
	/* border: thin solid #000000; */
}

div#header {
	position: absolute;
	width: 896px;
	height: 50px;
	top: 0px;
	/* left: 26px; */
        left: 50px;
	background-color:#333333;
	/* background-position:left bottom; */
	padding: 0px;
	margin: 0px;
	/* margin-left:50px; */
	/* border: thin solid #000000; */
}

div#nav{
    background-color:#333333;
    position: absolute;
    width: 26px;
    height: 608px;
    top: 50px;
    left:0px;
    padding: 0px;
    margin: 0px;
    /* float: left; 
    /* border: thin solid #000000; */
}

div#main {
	background-color:#000000;
	background-image:url(./images/tausta_06.jpg); /* 896 x 608 */
	background-position:top;
	position: absolute;
	height: 608px;
	width: 896px;
	top: 50px;
	left: 26px;
	/* z-index:-1; */
	margin-left: 0px;
	margin-top: 0px;
	padding: 0px;
	/* border: thin solid #000000; */
}

div#main2 {
	background-color:#000000;
	background-image:url(./images/tausta_06.jpg); /* 896 x 608 */
	background-position:top;
	position: absolute;
	height: 608px;
	width: 896px;
	top: 50px;
	left: 26px;
	/* z-index:-1; */
	margin-left: 0px;
	margin-top: 0px;
	padding: 0px;
	/* border: thin solid #000000; */
}

div#mainbody {
	background-color:#000000;
	text-align:left;
	height: 550px;
	width: 420px;
	position:relative;
	left:420px;
	top:30px;
	margin-left: 15px;
	margin-top: 20px;
	padding: 0px;
	/* border: thin solid #000000; */
}

div#mainbody a {
        text-decoration:none; 
        color:#FFFFFF;
        font: 14px/18px arial;
}

div#footer {
	background-color:#333333;
	position: absolute;
	height: 30px;
	width: 896px;
	top: 659px;
	left: 26px;
	padding: 5px;
	margin: 0px;
	text-align:center;
	/* border-top: thin solid #000000; */
}

img#title {
	position:absolute;
	left:5px;
	bottom:0px;
	border:none;
	margin: 0px;
	padding: 0px;
}



/* .menu {list-style:none; padding:10px 0 40px 25px; margin:0; width:25px; background:url(tab_back.gif); border-top:1px solid #593; border-bottom:1px solid #593;} */
.menu {list-style:none; padding:30px 0 40px 1px; margin:0; width:25px; border-top:1px solid #333333; border-bottom:1px solid #333333;}
.menu li {display:block; width:25px; margin-bottom: -4px;}
.menu li a {text-decoration:none; color:#CCCCCC; font-size:11px; line-height: 13px;}
.menu li a em {display:block; width:25px; height:29px;background:url(./images/tabs.jpg) left top; font-style:normal;}
.menu li a b {display:block; width:12px; padding:0 4px 29px 9px; text-align:center; text-decoration:none; background:url(./images/tabs.jpg) left bottom; color:#CCCCCC;}
 
.menu li a:hover {border:0; position:relative; z-index:100; cursor:pointer;}
.menu li a:hover em {background-position: center top;}
.menu li a:hover b {background-position: center bottom; color:#CCCCCC;}
 
.menu li a.selected, .menu li a:hover.selected {border:0; position:relative; z-index:200; cursor:default;}
.menu li a.selected em, .menu li a:hover.selected em {background-position: right top;}
.menu li a.selected b,.menu li  a:hover.selected b {background-position: right bottom; color:#fff;}

/* */
#gallery {width:400px;}
#gallery ul {list-style:none; padding:20px 0 0 0; margin:0; width:400px; position:relative; left: 0px;}
#gallery ul li {display:inline; width:106px; height:106px; float:left; margin:0 10px 10px 0;}
#gallery ul li a {display:block; width:104px; height:104px; text-decoration:none; border:1px solid #000;}
#gallery ul li a img {display:block; width:104px; height:104px; border:0;}
/* #gallery ul li a:hover {white-space:normal; border-color:#ddd;}
#gallery ul li a:hover img {position:absolute; right:185px; top:0; width:auto; height:auto; border:1px solid #000;} */