@import url("editori.css");

html, body {
	padding: 0;
	margin: 0;
	background-color: #2a2a2a;
	text-align: center;
	height: 100%;
}

a {
        outline: none;
}

a img {
	border: 0;
}

#gallery {
        list-style-type: none;
        padding: 0;
        margin: 0;
}

.formTextinput,
.formTextarea {
        font-family: "Tahoma", sans-serif;
        font-size: 100%;
        color: #FFFFFF;
        width: 250px;
        padding: 3px;
        margin: 0 0 2px 0;
        border: 1px solid #494949;
        background: #282828;
        }

.tableForm .col1 {
        width: 100px;
        padding: 0 0 5px 0;
        }

.button {
        background-color: #545454;
        color: white;
        border: 0;
        cursor: pointer;
}

.button:hover {
        background-color: #5f5f5f;
}


#bodyTable {
	width: 100%;
	height: 100%;
	border-collapse: collapse;
}

#bodyTable td {
	text-align: center;
	padding: 0px;
}

#bodyTable .top {
	background-color: #000000;
	vertical-align: bottom;
	height: 24%;
	padding-top: 2%;
}

#bodyTable .center {
	padding: 0 0 5px 0;
	background-color: #000000;
	background-image: url('/media/ulkoasu/bodybg.jpg');
	background-repeat: repeat-x;
	background-position: center bottom;
}

#bodyTable .bottom {
	background-color: #2a2a2a;
	vertical-align: top;
	padding-bottom: 2%;
	height: 40%;
}

#mainWrapper1, #mainWrapper2, #mainWrapper3, #main {
	width: 728px;
	text-align: left;
}

#mainWrapper1 {
	margin: 0 auto;
}

#mainWrapper2 {
	float: left;
	background-image: url('/media/ulkoasu/mainbg.jpg');
	background-repeat: repeat-y;
	background-position: center center;
	background-color: #585858;
}

#mainWrapper3 {
	background-image: url('/media/ulkoasu/topbg.jpg');
	background-repeat: no-repeat;
	background-position: center top;
	padding-top: 15px;
}

#main {
	position: relative;
	float: left;
	background-image: url('/media/ulkoasu/bottombg.jpg');
	background-repeat: no-repeat;
	background-position: center bottom;
	padding-bottom: 15px;
  	min-height:447px;
        /* IE6 Hack */  
        height:auto !important;
        height:447px;
}

#topImage {
	position: relative;
	padding: 0 15px;
	z-index: 0;
}

#topImage p {
	margin: 0;
	padding: 0;
	}

#colCont {
	float: left;
	padding: 0 15px;
	min-height: 311px;
	/* IE Hack */
	/*height:auto !important;
        height:311px;*/
	overflow: hidden;
	}

* html #colCont {
	height: 311px;
	overflow: visible;
	}

#colCont .cont {
	float: left;
	padding: 30px 20px 0px 45px;
	}

#colLeft {
	float: left;
	width: 223px;
	padding-bottom: 32767px !important;
	margin-bottom: -32767px !important;
	background: #282828;
	}

#colLeft .cont {
        float: left;
        padding: 30px 30px;
        }

#colLeft ul {
	list-style: none;
	margin: 0;
	padding: 0;
	}

#colLeft ul li {
	clear: both;
}

#colLeft ul#submenu li a:link, #colLeft ul#submenu li a:active, #colLeft ul#submenu li a:visited {
	clear: both;
	color: #aaa9a9;
	padding: 0 0 2px 0;
	float: left;
}

#colLeft ul#submenu li a:hover {
	color: white;
	text-decoration: none;
}  

#colLeft ul#submenu li h1.current a:link, #colLeft ul#submenu li h1.current a:active, #colLeft ul#submenu li h1.current a:visited {
	color: white;
}

#colLeft h1,
#colLeft h2 {
	margin: 0;
	}

#colRight {
	float: left;
	width: 445px;
	}

#colRight .cont {
        float: left;
        padding: 30px 45px
        }

#colRight h1 {
	margin: 0 0 10px 0;
	}

#colRight h2 {
	margin: 0;
	}

#colRight td {
	text-align: left;
	vertical-align: top;
	}

#colRight td p {
	margin: 0 0 15px 0;
	}

#galleryLeftImage {
        float: left;
        padding-left: 15px;
}

#galleryLeftImageWrapper {
	width: 440px;
	background-color: white;
 	min-height: 479px;
        /* IE6 Hack */  
        height:auto !important;
        height:479px;
	overflow: hidden;
}

#galleryLeftImageWrapper img {
	float: left;
}

#imgInfoWrapper {
	clear: both;
	background-color: white;
	float: left;
	position: absolute;
	bottom: 15px;
	left: 15px;
	color: #000000;
	width: 440px;
	opacity: 0.9;
	filter: Alpha(opacity=80);
}

#imgInfoWrapper #imgInfo {
	float: left;
	width: 390px;
	padding: 10px 25px 20px 25px;
	display: none;
	cursor: pointer;
}

#imgInfoWrapper .pagination {
	float: left;
	width: 400px;
	padding: 10px 20px;
	background-color: #f0f2f6;
}

#imgInfoWrapper .pagination div {
	float: left;
	width: 132px;
}	

#imgInfoWrapper .pagination div a {
	color: black;
}

#imgInfoWrapper .pagination div.prevImage a {
	float: left;
	padding-left: 10px;
 	background-image: url('/media/ulkoasu/arrow_left.gif');        
	background-repeat: no-repeat;        
	background-position: left center;
}

#imgInfoWrapper .pagination div.imgInfoLink {
	text-align: center;
}

#imgInfoWrapper .pagination div.nextImage a {
	float: right;
	padding-right: 10px;
 	background-image: url('/media/ulkoasu/arrow_right.gif');        
	background-repeat: no-repeat;        
	background-position: right center;
}

#imgInfo a {
	color: #e5a665;
}

#galleryLeftImage .image {
	float: left;
	width: 440px;
	height: 479px;
}

#galleryLeftImage .image img {
}

#galleryRightColumn {
	float: left;
	width: 258px;
 	min-height: 479px;
        /* IE6 Hack */  
        height:auto !important;
        height:479px;
}

#galleryRightColumn p {
	margin: 10px 0;
}

#galleryRightColumn .text {
	float: left;
	width: 200px;
	padding: 0px 20px 0px 30px;
	min-height: 220px;
	height: auto !important;
	height: 220px;
	line-height: 1.3em;
}

#galleryRightColumn  .gallery {
	float: left;
	padding: 5px 30px 10px 30px;
}

#galleryRightColumn .gallery .painting {
	float: left;
	margin: 0 6px 6px 0;
}

#galleryRightColumn .gallery .painting a {
	display: block;
	float: left;
	width: 60px;
	height: 60px;
	text-decoration: none;
}

#galleryRightColumn .gallery .painting a div {
	float: left;
	width: 60px;
	height: 60px;
	cursor: pointer;
	background-repeat: no-repeat;
	background-color: white;
	opacity: 0.9;
	filter: Alpha(opacity=90);
}

#galleryRightColumn .gallery .painting a:hover div {
	opacity: 1;
	filter: Alpha(opacity=100);
}

#galleryRightColumn .pagination {
	position: absolute;
	bottom: 15px;
	clear: both;
	width: 218px;
	padding: 10px 20px;
	background: #2E2E2E;
	}


#galleryRightColumn .pagination div {
	float: left;
	width: 109px;
}	

#galleryRightColumn .pagination div a {
	color: white;
}

#galleryRightColumn .pagination div.prev a {
	float: left;
	padding-left: 10px;
 	background-image: url('/media/ulkoasu/arrow_left_white.gif');        
	background-repeat: no-repeat;        
	background-position: left center;
}


#galleryRightColumn .pagination div.next a {
	float: right;
	padding-right: 10px;
 	background-image: url('/media/ulkoasu/arrow_right_white.gif');        
	background-repeat: no-repeat;        
	background-position: right center;
}


#navigation {
	float: left;
	width: 100%;
	padding: 5px 0 0 0;
}

ul.level1, ul.level1 ul { 
	list-style: none;
	margin: 0;
	padding: 0;
}

ul.level1 span {
	display: none; 
}

ul.level2 span {
	display: block;
}

ul.level2 img {
	display: none;
}

ul.level1 li.first img {
	margin-left: 30px;
}

ul.level1 img {
	margin: 10px 0 5px 0;
}

ul.level1 {
	width: 720px;
	margin: 0 auto;
	z-index: 100;
  	position: relative;
	padding-left: 100px;
}

ul.level1 li {
	float: left;
  	margin: 0;
  	padding: 0;
  	position: relative;
	z-index: 100;
	display: block;
}

ul.level1 li a:link, ul.level1 li a:visited, ul.level1 li a:active {
	color: #7b7b7b;
	text-decoration: none;
	text-transform: uppercase;
	font: normal 100%/27px Verdana, Helvetica, sans-serif;
	display: block;
  	padding: 0 9px;
	background-image: url('/media/ulkoasu/menudivider.gif');
	background-repeat: no-repeat;
	background-position: right 10px;
}

ul.level1 li.last a {
	background-image: none;
}

ul.level1 li.current a, ul.level1 li a:hover {
	color: white;
}


ul.level1 ul {
	margin: 0;
  	position: absolute;
	width: 170px;
	z-index: 200;
	display: none;
}

ul.level1 li:hover ul,
ul.level1 li.sfHover ul {
}

ul.level1 ul li {
	float: none;
	clear: both;
}

ul.level1 li ul a:link, ul.level1 li ul a:visited, ul.level1 li ul a:active {
	float: left;
	width: 150px;
  	white-space: nowrap;
	font-size: 90%;
	text-transform: none;
	text-align: left;
	color: white;
	background-color: #575757;
	background-image: none;
	border-left: 1px solid #3b3b3b;
	border-right: 1px solid #3b3b3b;
}

ul.level1 li ul a:hover {
	background-color: #6c6c6c;
}

ul.level2 li.last a {
	border-bottom: 7px solid #282828;
}

#teasers {
	position: relative; 
	top: 324px;
	left: 15px;
	width: 698px;
	float: left;
}

#teasers div.teaser {
	float: left;
	margin-right: 2px;
	width: 173px;
	overflow: hidden;
}

#teasers p, #teasers div.teaser p, #galleryLeftImage p {
	padding: 0;
	margin: 0;
}

#teasers div.last {
	margin: 0;
}

#teasers a:link, #teasers a:visited, #teasers a:active {
	float: left;
        display: block;
	text-decoration: none;
	color: white;
	background-color: #282828;
	width: 173px;
	text-align: right;
	text-transform: uppercase;
        border-left: 1px solid #585858;
        border-right: 1px solid black;
	padding: 7px 10px;
        width: 152px;
}

#teasers a:hover { 
	background-color: #575757;
}

#teasers div.teaser a div {
	float: left;
	color: white;
	padding: 5px;
	width: 162px;
	text-align: right;
	text-transform: uppercase;
	border-left: 1px solid #585858;
	border-right: 1px solid black;
}

#teasers div.teaser img {
	float: left;
}

#teasers div.first a {
	border-color: #282828;
}

#teasers div.last a div {
	border-right: 0;
	width: 162px;
}

#footer {
	color: #898989;
}

#gallery li {
	position: absolute;
}