html { overflow-y: scroll; }
input[type=button]::-moz-focus-inner,button::-moz-focus-inner{ border:0; }
::-moz-selection{ background: #FF5E99; color:#fff; text-shadow: none; }
::selection { background:#FF5E99; color:#fff; text-shadow: none; } 
/* Non-semantic helper classes */
.ir { display: block; text-indent: -999em; overflow: hidden; background-repeat: no-repeat; text-align: left; direction: ltr; }
.hidden { display: none; visibility: hidden; } 
.visuallyhidden { position: absolute !important; clip: rect(1px 1px 1px 1px); clip: rect(1px, 1px, 1px, 1px); }
.invisible { visibility: hidden; }
.clearfix:after  { content: "\0020"; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { zoom: 1; }


/* Primary Styles
   Author: 
*/
body {
	background: url(g/pattern-2.png) 0 0 repeat;
}
#header {
	position: absolute;
	z-index: 1;
	width: 100%;
	min-width: 1000px;
	height: 135px;
	background: url(g/header.png) 50% 0 no-repeat;
}
.page-width {
	width: 1000px;
	margin: 0 auto;
	position: relative;
}
#logo {
	display: block;
	position: absolute;
	left: 0;
	top: 21px;
	width: 81px;
	height: 83px;
	background: url(g/logo.png);
	text-indent: -9999px;
	overflow: hidden;
}
#header-text {
	position: absolute;
	left: 206px;
	top: 0;
	width: 640px;
	height: 125px;
	background-position: 0 0;
	background-repeat: no-repeat;
}
#lngmenu {
	position: absolute;
	top: 47px;
	right: 25px;
}
#lngmenu a {
	padding: 0 5px;
	color: #999;
	text-decoration: none;
	font-size: 10px;
	font-weight: bold;
	text-transform: uppercase;
}
#lngmenu a:hover,
#lngmenu a.open {
	color: #ffc00d;
}

#header-gallery {
	position: relative;
	padding: 128px 0 0;
	height: 407px;
}
#header-pic {
	z-index: 0;
	position: absolute;
	height: 407px;
	width: 100%;
}
#header-pic .pic {
	position: absolute;
	left: 0;
	top: 0;
	height: 407px;
	width: 100%;
	background-position: 50% 0;
	background-repeat: no-repeat;
	display: none;
}
#header-pic .pic.pic-0 {
	display: block;
}
#header-prev {
	display: block;
	width: 66px;
	height: 64px;
	position: absolute;
	left: 8px;
	top: 307px;
	background: url(g/prev.png) 0 0 no-repeat;
	cursor: pointer;
}
#header-next {
	width: 66px;
	height: 64px;
	position: absolute;
	right: 8px;
	top: 307px;
	background: url(g/next.png) 0 0 no-repeat;
	cursor: pointer;
}
#header-prev:hover,
#header-next:hover {
	opacity: .7;
}

#menu {
	height: 76px;
	background: url(g/menu.png) 50% 0 no-repeat;
	position: relative;
	top: -14px;
}
#menu ul {
	margin: 0;
	list-style-type: none;
	padding-left: 166px;
	list-style-image: none;
}
#menu li {
	padding: 14px 0 0;
	width: 167px;
	float: left;
	background: url(g/menu-arrow.png) -100% 0 no-repeat;
}
#menu.dynamic-arrow li {
	background: transparent;
}
#menu a {
	height: 60px;
	line-height: 60px;
	text-align: center;
	display: block;
	font-size: 17px;
	color: #333;
	text-transform: uppercase;
	text-decoration: none;
}
#menu a:hover,
#menu a.open {
	color: #000;
}
#menu a.open {
	font-size: 23px;
	font-weight: bold;
}
#menu li.open {
	background-position: 50% 0;
}
#menu-arrow {
	width: 28px;
	height: 14px;
	margin-left: -14px;
	position: absolute;
	top: 0;
	background: url(g/menu-arrow.png) -100% 0 no-repeat;
}

#wrapper {
	min-width: 1000px;
	overflow: hidden;
}
#content {
	position: relative;
	width: 964px;
	margin: 10px auto;
}
#content-top {
	height: 40px;
	background: url(g/box.png) 0 0 no-repeat;
}
#content-bottom {
	height: 40px;
	background: url(g/box.png) 50% 0 no-repeat;
}
#content-middle {
	background: url(g/box.png) 100% 0 repeat-y;
	overflow: hidden;
	padding: 0 94px;
}
#content-left {
	float: left;
	width: 370px;
}
#content-left.contact {
	text-align: right;
}
#content-left-wide {
	float: left;
	width: 470px;
}
#content-right {
	float: right;
	width: 370px;
}
#content-right.contact img {
	border-radius: 3px;
	box-shadow: -1px 1px 3px rgba(0,0,0,.3);
}
#content-right-narrow {
	float: right;
	width:280px:
	overflow: hidden;
}


/* Overlay */
#overlay {
	display: none;
	position: fixed;
	z-index: 9999;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: #000;
	opacity: .6;
	filter:alpha(opacity=60);
}
#overlay-picture {
	display: none;
	position: fixed;
	z-index: 10000;
	left: 50%;
	top: 50%;
	padding: 5px 5px 0;
	background: #fff;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
#overlay-picture img {
	display: block;
}
#overlay-close {
	position: absolute;
	right: 0;
	top: -30px;
	text-transform: uppercase;
	font-size: 20px;
	white-space: nowrap;
	cursor: pointer;
	color: #fff;
	font-family: Verdana;
	
	width: 30px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	font-weight: bold;
}



.video-link {
	position: relative;
	left: 10px;
	display: block;
	width: 244px;
	float: right;
	text-align: center;
	color: #666;
	font-size: 20px;
	font-weight: bold;
	text-decoration: none;
	line-height: 37px;
}
.video-link:hover {
	color: #000;
}
.video-link .pic {
	display: block;
	height: 148px;
	background: url(g/video.jpg) 50% 0 no-repeat;
}

ul {
	margin-left: 0;
	list-style-type: image;
	list-style-image: url(g/bullet.png);
}


#pic-data {
	display: none;
}

.prh {
	width: 27px;
	height: 27px;
	position: absolute;
	background: url(g/kollanemumm.png) 50% 50% no-repeat;
}
.prh:hover {
	background-image: url(g/kollanemumm-hover.png);
}
.prh-1 { left: 567px; top: 70px; }
.prh-2 { left: 512px; top: 162px; }
.prh-3 { left: 605px; top: 194px; }
.prh-4 { left: 695px; top: 281px; }
.prh-5 { left: 196px; top: 169px; }
.prt {
	position: absolute;
	white-space: nowrap;
	font-size: 16px;
	color: #666;
	font-weight: bold;
	line-height: 22px;
}
.prt-1 { right: 429px; top: 55px; }
.prt-2 { right: 482px; top: 206px; }
.prt-3 { right: 459px; top: 280px; }
.prt-4 { right: 314px; top: 328px; }
.prt-5 { right: 766px; top: 126px; }

#hpic-info {
	z-index: 10;
	position: absolute;
	width: 267px;
	padding-left: 13px;
}
#hpic-info-top {
	height: 34px;
	background: url(g/popup.png) 0 0 no-repeat;
}
#hpic-info-bottom {
	height: 34px;
	background: url(g/popup.png) 100% 100% no-repeat;
}
#hpic-info-middle {
	background: url(g/popup.png) 50% 0 repeat-y;
	line-height: 16px;
	font-size: 12px;
}
#hpic-info-inner {
	position: relative;
	left: -13px;
	background: url(g/popup-arrow.png) 0 50% no-repeat;
	padding: 0 13px 0 51px;
	overflow: hidden;
}
#hpic-info-middle p {
	margin-bottom: 0;
}


#mummud {
	position: absolute;
	left: 50%;
	top: 491px;
	text-align: center;
}
#mummud div {
	float: left;
	width: 27px;
	height: 27px;
	margin-right: 9px;
	background: url(g/mustmumm.png) 50% 50% no-repeat;
	cursor: pointer;
}
#mummud div.open {
	background-image: url(g/kollanemumm.png);
}


#footer {
	height: 50px;
	padding: 20px 0;
	/*background: url(g/fondid.png) 50% 50% no-repeat; */
	
}


/* FONT SIZES
px %    px %      px %
10 77   16 123.1  22 167
11 85   17 131    23 174
12 93   18 138.5  24 182
13 100  19 146.5  25 189
14 108  20 153.9  26 197
15 116  21 161.6
*/


/* Print styles */
@media print {
  * { background: transparent !important; color: #444 !important; text-shadow: none !important; }
  a, a:visited { color: #444 !important; text-decoration: underline; }
  a:after { content: " (" attr(href) ")"; } 
  abbr:after { content: " (" attr(title) ")"; }
  .ir a:after { content: ""; }
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; }
  tr, img { page-break-inside: avoid; }
  @page { margin: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3{ page-break-after: avoid; }
}



@media all and (orientation:portrait) { 
  /* Style adjustments for portrait mode goes here */
}
@media all and (orientation:landscape) { 
  /* Style adjustments for landscape mode goes here */
}

/* Grade-A Mobile Browsers (Opera Mobile, iPhone Safari, Android Chrome) */
@media screen and (max-device-width: 480px) {
  /* Uncomment if you don't want iOS and WinMobile to mobile-optimize the text for you
  html { -webkit-text-size-adjust:none; -ms-text-size-adjust:none; } */
}