HTML, BODY {
	height: 100%;
	margin: 0;
	padding: 0;
}

BODY {
	background: #D0B89B url(../_img/bg/board-tile.jpg) 0 0 repeat;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	color: #222;
}

DIV, IMG, P, UL, OL, FORM, DL, DT, DD, H1, H2, H3, H4 {
	display: block;
	margin: 0;
	padding: 0;
}

A, A:VISITED {
	text-decoration: none;
	cursor: pointer !important;
	outline: none;
	color: #BB3;
}

A:HOVER, A:VISITED:HOVER {
	color: #DDB !important;
}

A IMG {
	border: 0;
}

BIG {
	font-size: 1.4167em;
	line-height: 1;
}

SMALL {
	font: normal 0.909em/1.3 Tahoma, Arial, Helvetica, sans-serif;
}

@font-face {
	font-family: 'Fontti';
	src: url('_font/font.eot');
	src: local('☺'), url('_font/font.woff') format('woff'), url('_font/font.ttf') format('truetype'), url('_font/font.svg#webfontgPcHSkwy') format('svg');
	font-weight: normal;
	font-style: normal;
}



DIV#photo {
	min-height: 100%;
	background: transparent url(../_img/bg/photo1.jpg) center 0 no-repeat;
}

BODY.galtsu DIV#photo { background-image: url(../_img/bg/photo2.jpg); }


DIV#wrap {
	position: relative;
	width: 1026px;
	background: transparent url(../_img/bg/cardboard-tile.png) 0 0 repeat-y;
	margin: auto;
	padding: 0 0 31px;
	font-size: 0.75em;
	line-height: 1.75;
}



DIV#head {
	position: relative;
	width: 1035px;
	height: 268px;
	background: transparent url(../_img/bg/head.png) 0 0 no-repeat;
	z-index: 30;
}

DIV#head UL {
	position: absolute;
	left: 393px;
	top: 116px;
	padding: 0;
	list-style: none;
	font: normal 41px/1 Fontti, Tahoma, Geneva, sans-serif;
	float: left;
}

DIV#head UL LI {
	padding: 0 10px;
	text-shadow: #EEE 0 -1px 0;
	float: left;
}

DIV#head UL LI A {
	padding: 0 4px;
}

DIV#head UL LI.act A {
	color: #991;
}



DIV#sectionnavi {
	position: relative;
	left: 45px;
	top: 0;
	width: 936px;
	height: 315px;
	background: transparent url(../_img/bg/sectionnavi.jpg) 0 0 no-repeat;
	margin-top: -233px;
	z-index: 10;
}



A#gallist {
	position: absolute;
	left: 323px;
	top: 283px;
	font: normal 25px/1 Fontti, Tahoma, Geneva, sans-serif;
	text-shadow: #CCC 0 -1px 0;
	color: #222;
	z-index: 50;
}

A#addimg {
	position: absolute;
	left: 103px;
	top: 283px;
	font: normal 25px/1 Fontti, Tahoma, Geneva, sans-serif;
	text-shadow: #CCC 0 -1px 0;
	color: #222;
	z-index: 50;
}

A#gallist:HOVER,
A#addimg:HOVER {
	color: #331 !important;
}

A#sect1,
A#sect2 {
	display: block;
	position: absolute;
	top: 233px;
	width: 195px;
	height: 60px;
	background: transparent none 0 0 no-repeat;
	font: normal 37px/59px Fontti, Tahoma, Geneva, sans-serif;
	text-align: center;
	text-shadow: #220 0 3px 0;
	z-index: 50;
}

A#sect1 { left: 99px; }
A#sect2 { left: 316px; }

A#sect1.act { background-image: url(../_img/misc/sect1-act.png); }
A#sect2.act { background-image: url(../_img/misc/sect2-act.png); }



DIV#content {
	position: relative;
	width: 936px;
	margin: -21px 0 0;
	padding: 0 45px;
	z-index: 20;
}

DIV#content.gal {
	margin: -21px 0 0;
	padding: 0 45px;
}

DIV.breaker {
	clear: both;
}



DIV#content H1 {
	height: 155px;
	background: transparent url(../_img/bg/heading1.png) -12px 0 no-repeat;
	padding: 61px 0 0;
	font: normal 51px/1 Fontti, Tahoma, Geneva, sans-serif;
	text-align: center;
	text-shadow: #2C2708 0 4px 0;
	color: #FFF;
}

DIV#content H1.alt1 {
	height: 116px;
	background: transparent url(../_img/bg/heading2.png) 106px 0 no-repeat;
	padding: 23px 0 0 33px;
}

DIV#content H1.alt2 {
	height: 150px;
	background: transparent url(../_img/bg/heading3.png) 36px 0 no-repeat;
	padding: 19px 0 0 11px;
}

DIV#content H1.alt3 {
	height: 138px;
	background: transparent url(../_img/bg/heading4.png) 16px 0 no-repeat;
	padding: 31px 0 0;
	margin: 0;
}



DIV#content H1 SPAN.date {
	display: block;
	font: normal 29px/1 Fontti, Tahoma, Geneva, sans-serif;
}

DIV#content H1 SPAN.year {
	font: normal 23px/1 Fontti, Tahoma, Geneva, sans-serif;
}

DIV#content P {
	padding-bottom: 25px;
}

DIV#content UL {
	padding: 0 0 25px 19px;
}



DIV#newimg {
	display: none;
	position: absolute;
	width: 443px;
	height: 419px;
	left: 41px;
	top: -15px;
	background: transparent url(../_img/bg/newimg.png) 0 0 no-repeat;
	padding: 45px 0 0 55px;
	font: normal 21px/25px Fontti, Tahoma, Geneva, sans-serif;
	text-shadow: #CCC 0 1px 0;
	color: #222;
	z-index: 160;
}

A#closenewimg {
	position: absolute;
	left: 400px;
	top: 57px;
	color: #222;
}

A#closenewimg:HOVER {
	color: #553 !important;
}

DIV#newimg H2 {
	padding-bottom: 11px;
	font: normal 39px/1 Fontti, Tahoma, Geneva, sans-serif;
	text-shadow: #CCC 0 2px 0;
	color: #222;
}

DIV#konetekee {
	display: none;
	padding: 51px 0 0 49px;
	font: normal 39px/1 Fontti, Tahoma, Geneva, sans-serif;
	text-decoration: blink;
	color: #F33;
}



DIV.text {
	margin-top: -37px;
	padding: 0 105px 15px 81px;
	font: normal 21px/25px Fontti, Tahoma, Geneva, sans-serif;
	text-shadow: #CCC 0 -1px 0;
}

DIV.text.alt1 {
	margin-top: 5px;
	padding: 0 72px 15px 114px;
}

DIV.text.alt2 {
	margin-top: -25px;
	padding: 0 93px 15px 93px;
}



DIV#sectionlinks {
	position: relative;
	width: 936px;
	height: 315px;
	background: transparent url(../_img/bg/sectionlinks.jpg) 0 0 no-repeat;
	margin: -84px 45px 0;
	z-index: 20;
}

DIV#sectionlinks A {
	display: block;
	position: absolute;
	top: 128px;
	font: normal 51px/1 Fontti, Tahoma, Geneva, sans-serif;
	text-align: center;
	text-shadow: #220 0 4px 0;
	filter: DropShadow(Color=#222200, OffX=0, OffY=4);
	z-index: 50;
}

A#sect-rand {
	left: 157px;
}

A#sect-albu {
	left: 512px;
}



DIV#content H1.galtitle {
	height: auto;
	background: none;
	padding: 0;
	margin: 0;
	filter: DropShadow(Color=#2C2708, OffX=0, OffY=4);
}

P.galinfo {
	padding-bottom: 11px !important;
	font: normal 23px/27px Fontti, Tahoma, Geneva, sans-serif;
	text-align: center;
	text-shadow: #CCC 0 -1px 0;
}



DIV#galthumbs {
	width: 876px;
	padding: 0 0 21px 60px;
	float: left;
}

DIV.galthumb {
	width: 111px;
	height: 103px;
	background: transparent url(../_img/bg/galthumb.png) 0 0 no-repeat;
	margin: 0 9px 0 0;
	padding: 15px 0 17px 18px;
	float: left;
}

DIV.galthumb A {
	display: block;
	width: 95px;
	height: 95px;
	background: transparent none 5px 5px no-repeat;
}



DIV#galnavi-wrap {
	width: 936px;
}

UL#galnavi {
	margin: -21px 60px 0;
	padding: 0 0 11px 0;
	list-style: none;
	font: normal 23px/31px Fontti, Tahoma, Geneva, sans-serif;
	text-shadow: #CCC 0 -1px 0;
}

UL#galnavi LI {
	background: transparent url(../_img/bg/galnavi-row.png) 0 bottom repeat-x;
	padding: 0 0 1px 3px;
}

UL#galnavi LI SPAN.galdate {
	display: block;
	width: 110px;
	float: left;
}

UL#galnavi LI SMALL {
	padding-left: 5px;
	font: normal 17px/1 Fontti, Tahoma, Geneva, sans-serif;
}

UL#galnavi LI A {
	color: #222;
}

UL#galnavi LI.act A {
	text-shadow: #222 0 -1px 0;
	color: #FFF;
}

UL#galnavi LI A:HOVER {
	text-shadow: #CCC 0 -1px 0;
	color: #331 !important;
}



DIV#boksishade {
	display: none;
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: transparent url(../_img/bg/shade.png) 0 0 repeat;
	z-index: 110;
}

IMG#webimageboxloader {
	display: none;
	position: fixed;
	left: 50%;
	top: 50%;
	margin: -7px 0 0 -64px;
	z-index: 115;
}

DIV#webimagebox {
	position: fixed;
	left: -9999px;
	top: -9999px;
	z-index: 120;
}

DIV#webimageboxcontent {
	background: #FFF;
	padding: 31px 11px;
	z-index: 130;
}

DIV#webimageboxtitle {
	position: relative;
	height: 0;
}

DIV#boximgcomment {
	position: absolute;
	left: 1px;
	top: -31px;
	height: 31px;
	margin-right: 50px;
	font: normal 21px/31px Fontti, Tahoma, Geneva, sans-serif;
	text-shadow: #CCC 0 1px 0;
	text-align: left;
	overflow: hidden;
	color: #222;
}

DIV#imgcounter {
	position: absolute;
	right: 1px;
	top: -31px;
	font: normal 21px/31px Fontti, Tahoma, Geneva, sans-serif;
	text-shadow: #CCC 0 1px 0;
	text-align: right;
	color: #222;
}

DIV#webimage {
	border: 1px solid #000;
}

DIV#webimage IMG {
	margin: 0 auto;
}

DIV#webimageboxdata {
	position: relative;
	height: 0;
}

A#closebox {
	display: block;
	position: absolute;
	left: 50%;
	top: 3px;
	width: 80px;
	height: 25px;
	background: transparent url(_img/ui/box-close.png) 0 -5px no-repeat;
	margin-left: -40px;
	font: normal 21px/25px Fontti, Tahoma, Geneva, sans-serif;
	text-shadow: #CCC 0 1px 0;
	text-transform: uppercase;
	text-align: center;
	color: #222;
}

A#box-prev,
A#box-next {
	display: none;
	position: absolute;
	top: 3px;
	height: 25px;
	font: normal 21px/25px Fontti, Tahoma, Geneva, sans-serif;
	text-shadow: #CCC 0 1px 0;
	text-transform: uppercase;
	color: #222;
	z-index: 150;
}

DIV#webimageboxcontent A:HOVER {
	color: #553 !important;
}

A#box-prev {
	left: 1px;
}

A#box-next {
	right: 1px;
	text-align: right;
}



DIV#imgcomment {
	position: absolute;
	width: 262px;
	height: 81px;
	background: transparent url(../_img/misc/comment-hover.png) 0 0 no-repeat;
	margin: -145px 0 0 -78px;
	padding: 52px 40px 0 40px;
	font: normal 17px/19px Fontti, Tahoma, Geneva, sans-serif;
	text-shadow: #222 0 -1px 0;
	color: #FFF;
	z-index: 50;
}

DIV#imgcomment.alt {
	margin-left: -270px;
}



LABEL {
	margin: 0;
	padding: 0;
	vertical-align: middle;
}

LABEL.fix {
	display: inline;
	width: 150px;
	font: normal 12px/24px Arial, Helvetica, sans-serif;
	float: left;
	clear: left;
}

INPUT, TEXTAREA, SELECT {
	margin: 0 0 7px 0;
	padding: 4px 3px 5px;
	font: normal 11px/17px Tahoma, Arial, Helvetica, sans-serif;
	vertical-align: middle;
}

SELECT {
	border: 1px solid #999;
	border-color: #999 #AAA #AAA #999;
	background: #FFF;
	padding: 3px 2px;
	margin: 0 0 7px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

SELECT OPTION {
	height: 14px;
	line-height: 14px;
}

INPUT.txt, 
TEXTAREA {
	border: 1px solid #999;
	border-color: #999 #AAA #AAA #999;
	background: #FCFCFC;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

INPUT.chk {
	height: 15px;
	margin: 0 2px 0 0;
	padding: 0;
}

INPUT.rdo {
	height: 15px;
	margin: 0 2px 0 0;
	padding: 0;
}

INPUT.btn {
	margin-top: 7px;
	padding: 2px 5px;
	font-weight: bold;
	cursor: pointer !important;
	color: #111;
	overflow: visible;
}