body { text-align:center; margin:0px; padding:0; background-color:#dacfbd; }

h1 { font-family:"Perpertua", Georgia; font-size:22px; font-weight:normal; line-height:normal; }
h2 { font-family:"Perpertua", Georgia; font-size:17px; font-style:italic; font-weight:normal; line-height:normal; }
h3 { font-family:"Perpertua", Georgia; font-size:14px; font-style:italic; font-weight:normal; line-height:normal; }
img { border:0; }
p { padding-top:0; margin-top:0; }
a, a:visited, a:hover, a:active { color:#7c4d26; }

div#container { width:1067px; text-align:left; margin-left:auto; margin-right:auto; position:relative; font-family:Arial, helvetica; font-size:11px; color:#1a171b; }
div#header { position:relative; width:100%; }
div#navigationarea { width:770px; padding-top:20px; height:29px; margin-left:212px; }
div#maincontentarea { width:1067px; position:relative; background:url(../graf/kotileipomo_bodybg_top.jpg) top center #a97c50 no-repeat; }
div#contentwrapper { clear:both;width:897px; margin:0 83px; background-color:#ffffff; }
div#mainimagearea { float:left; position:relative; width:367px; }
div#mainvideoarea { float:left; position:relative; width:367px; height:320px; padding-top:121px; background:url(../graf/kotileipomo_videobg.jpg) #dacfbd repeat-x;}
div#mainimagearea div div img { display:block; }
div#bodytextarea { float:left; width:439px; height:381px; overflow-y:auto; overflow-x:hidden; background-color:#ffffff; background:url(../graf/signature.gif) right 70px #ffffff no-repeat; padding: 30px 56px 30px 35px; }
div#bodytextarea_product { float:left; width:439px; background-color:#ffffff; background:url(../graf/signature.gif) right 70px #ffffff no-repeat; padding: 30px 56px 15px 35px; }
div#scroll { height:364px; overflow-y:auto; overflow-x:hidden; }
div#bodytextarea_wide { width:831px; padding: 30px 66px 30px 0; font-family:Garamond; font-style:italic; font-size:15px; background:url(../graf/signature.gif) right 70px #ffffff no-repeat; color:#7c4d25; text-align:center; }
div#footer { position:relative; width:1067px; padding:10px; background:url(../graf/kotileipomo_footerbg.jpg) top left no-repeat; height:37px; text-align:right; font-weight:bold; font-sizze:8px; color:#ffffff; }
div#footer a, div#footer a:visited, div#footer a:hover, div#footer a:active { color:#ffffff; text-decoration:none; }

ul#navi { position:relative; width:100%; margin:0; padding:0; list-style:none; }
ul#navi li { float:left; margin:0; position:relative; width:192px; height:29px; text-align:center; }
ul#navi li { background:url(../graf/kotileipomo_menu.gif) no-repeat; }
ul#navi li.act, ul#navi li:hover, ul#navi li.over { background:url(../graf/kotileipomo_menu_act.gif) no-repeat; }
ul#navi li a { display:block; text-decoration:none; color:#000000; padding-top:4px; }
ul#navi li a img { display:block; margin-left:auto; margin-right:auto; }
ul#navi li a.act { display:block; color:#ffffff; padding-top:4px; }

/* Fix IE. Hide from IE Mac \*/
* html ul#navi li, * html ul#subnavi li { height: 1%; }
* html ul#navi li a, * html ul#subnavi li a { height: 1%; }
/* End */

ul#subnavi { position:relative; width:100%; margin:0; padding:0; padding-top:15px; list-style:none; }
ul#subnavi li { float:left; margin:0; position:relative; padding:2px 10px; font-size:10px; }
ul#subnavi li a { text-decoration:none; color:#7c4d26; }
ul#subnavi li a.act { color:#7c4d26; text-decoration:underline; }

img.prodtop { position:absolute; top:-51px; right:-18px; }

div#videoDisplay { position:relative; width:367px; }
div#imageDisplay #currentImage {
	position: relative;
}

div#imageDisplay .arrow {
	display: block;
	position: absolute;
	top: -100px;
	left: -100px;
	cursor: pointer;
	visibility: hidden;
}

div#imageDisplay #arrowLeft {
	background-image: url( '../graf/arrow_left.png' );
	background-position: center left;
	background-repeat: no-repeat;
}

div#imageDisplay #arrowLeft.active {
	background-image: url( '../graf/arrow_left_active.png' );
}

div#imageDisplay #arrowRight {
	background-image: url( '../graf/arrow_right.png' );
	background-position: center right;
	background-repeat: no-repeat;
}

div#imageDisplay #arrowRight.active {
	background-image: url( '../graf/arrow_right_active.png' );
}

div#imageDisplay #pagination a{
	font-size: 20px;
	margin-right: 5px;
	text-decoration: none;
	color: #333333;
}

div#imageDisplay #pagination a.active {
	color: #2b6989;	
}