body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td,hr { margin:0; padding:0; text-align:justify; }
html,body { height:100%; }
table { border-collapse:collapse; border-spacing:0; }
fieldset,img { border:0; }
address,caption,cite,code,dfn,th,var { font-style:normal; font-weight:normal; }
ol,ul { list-style:none; }
caption,th { text-align:left; }
h1,h2,h3,h4,h5,h6 { font-size:100%; }
a { outline:none; }
hr { border:none; }
object { display:block; }

/* ------------------------------------------------------------------------------------------------------------ toolbox ---------- */
.floatLeft { float: left; }
.floatRight { float: right; }
.clear { clear: both; }
.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;}
.clearfix { display: inline-block; }
html[xmlns] .clearfix { display: block; }
* html .clearfix { height: 1%; }


/* ------------------------------------------------------------------------------------------------------------ universal ---------- */
body {
	background: #15100e url(img/bg.gif) repeat-y center;
	font: 14px/20px Tahoma, Geneva, Verdana, sans-serif;
	color: #897769;}
a, a:link {
	color: #9b6502;
	text-decoration: none;}
a:visited {
	color: #9b6502;}
a:hover, a:active {
	color: #f05500;}
p {
	padding-bottom: 13px;}
.pFirst {
	padding-top: 10px;}
h1 {
	color: #dedcd6;
	font: 38px/40px Georgia, Times, serif;
	padding-bottom: 2px;}
h2 {
	color: #f05500;
	font: 22px/24px Georgia, Times, serif;
	padding-top: 10px;
	padding-bottom: 5px;}
.h2First {
	padding-top: 0;}
h3 {
	color: #dedcd6;
	font: 20px/22px Georgia, Times, serif;
	padding-bottom: 2px;}
h4 {
	color: #f05500;
	font: 12px/14px Georgia, Times, serif;
	padding-bottom: 2px;}
.hr hr {
	display: none;}

/* ------------------------------------------------------ ie box ---------- */
#ieOutside {
	width: 100%;
	padding: 10px 0;
	background-image: url(img/bg-ie-outside.gif);}
#ieInside {
	width: 920px;
	margin: 0 auto;
	padding: 10px 15px 3px 15px;
	background-image: url(img/bg-ie-inside.gif);
	border: solid 3px #b19500;
	font: 14px/20px Arial, sans-serif;
	color: #615100;}
#ieInside h5 {
	font: 18px/24px Verdana, sans-serif;
	font-weight: bold;
	color: #362d00;}
#ieInside h6 {
	font: 14px/20px Verdana, sans-serif;
	font-weight: bold;
	color: #362d00;}
#ieInside a, #ieInside a:link, #ieInside a:visited {
	color: #b72200;
	text-decoration: underline;}
#ieInside a:hover, #ieInside a:active {
	color: #b72200;
	text-decoration: none;}

/* ------------------------------------------------------ top ---------- */
#overallTop {
	width: 100%;
	min-width: 1000px;
	background: url(img/banneri2.jpg) no-repeat center top;
	padding-bottom: 100px;}
#centerContent {
	width: 1000px;
	margin: 0 auto;}

/* ------------------------------------------------------ nav ---------- */
#nav {
	float: left;
	margin: 186px 0 0 504px;
	width: 464px;
	height: 39px;}
#nav li {
	display: inline;}
#nav li a {
	float: left;
	display: block;
	height: 39px;
	text-indent: -9999px;}
#netusivu a {
	width: 90px;
	margin-right: 4px;
	background-image: url(img/netusivu.jpg);}
#njimi a {
	width: 71px;
	margin-right: 4px;
	background-image: url(img/njimi.jpg);}
#njone a {
	width: 85px;
	margin-right: 5px;
	background-image: url(img/njone.jpg);}
#nkalenteri a {
	width: 86px;
	margin-right: 4px;
	background-image: url(img/nkalenteri.jpg);}
#nvieraskirja a {
	width: 111px;
	background-image: url(img/nvieraskirja.jpg);}
#nav li a:hover {
	background-position: center bottom;}
#etusivu #netusivu a,
#jimi #njimi a,
#jone #njone a,
#kalenteri #nkalenteri a,
#vieraskirja #nvieraskirja a {
	background-position: 0 78px;}

/* ------------------------------------------------------ columns ---------- */
#columnLeft {
	clear: both;
	float: left;
	margin: 50px 0 0 40px;
	width: 668px;}
#columnRight {
	float: right;
	margin: 57px 40px 0 0;
	width: 186px;
	color: #706a5e;
	font-size: 13px;
	line-height: 16px;}
#columnRight h2 {
	color: #9b6502;
	font: 20px/22px Georgia, Times, serif;
	padding-top: 0;
	padding-bottom: 10px;}
#columnRight img {
	border: solid 3px #291b0b;
	margin-bottom: 10px;}
#columnRight a img:hover {
	border: solid 3px #d98d00;}
#columnRight .hr {
	background: #141818;
	height: 2px;
	margin: 20px 0;}
#columnRight ol {
	margin-left: 30px;
	list-style: decimal;
	}
	
/* #columnRightVimeo {
	float: right;
	margin: 57px 40px 0 0;
	width: 186px;
	color: #706a5e;
	font-size: 13px;
	line-height: 16px;}
#columnRightVimeo h2 {
	color: #9b6502;
	font: 20px/22px Georgia, Times, serif;
	padding-top: 0;
	padding-bottom: 10px;}
#columnRightVimeo img {
	border: solid 2px #A26B06;
	margin-bottom: 10px;}
#columnRightVimeo a img:hover {
	border: solid 2px #d98d00;}
	
.vimeoBadge { float: right; }
	
.vimeoBadge #vimeo_badge_logo {float: right; }
.vimeoBadge #vimeo_badge_logo img { border: solid 0px #090808;}	
.vimeoBadge #vimeo_badge_logo a img:hover { border: solid 0px #090808;}	 */

/* ------------------------------------------------------ bottom ---------- */
#overallBottom {
	position: fixed;
	width: 100%;
	min-width: 1000px;
	height: 76px;
	margin: 0 auto;
	bottom: 0;
	background: url(img/bg-footer1.png) no-repeat center top;}
#bottomContent {
	width: 920px;
	height: 76px;
	margin: 0 auto;}
#kevenlupien {
	float: left;
	margin-top: 35px;}
#kevenlupien a {
	display: block;
	width: 101px;
	height: 13px;
	text-indent: -9999px;
	background-image: url(img/b-keven.gif);}
#kevenlupien a:hover {
	background-position: center bottom;}
#back2top {
	float: right;
	margin: 25px 58px 0 0;}
#back2top a {
	display: block;
	width: 69px;
	height: 51px;
	text-indent: -9999px;
	background-image: url(img/b-top.jpg);}
#back2top a:hover {
	background-position: center bottom;}

/* ------------------------------------------------------------------------------------------------------------ page specific ---------- */

/* ------------------------------------------------------ portfolios ---------- */
.portfolioPage #columnLeft h2 {
	padding-bottom: 40px;}
.portfolioPage #columnLeft img {
	display: block;
	background-color: #000;
	border: solid 1px #181c1d;
	padding: 3px;}
.portfolioPage #columnLeft a img:hover {
	background-color: #d98d00;}
.info {
	background: #101313 url(img/bg-info.gif) repeat-y;
	border-right: solid 8px #1f2527;
	margin: 3px 0 80px 0;
	text-align: right;
	padding: 4px 9px;}

/* ------------------------------------------------------ about & contact ---------- */
#kalenteri #columnLeft li,
#vieraskirja #columnLeft li {
	padding-bottom: 18px;}
#kalenteri #columnLeft ul,
#vieraskirja #columnLeft ul {
	padding: 8px 0 13px 0;}
#kalenteri ul h3,
#vieraskirja ul h3 {
	color: #dedcd6;
	font: 14px/20px Tahoma, Geneva, Verdana, sans-serif;}

/* ------------------------------------------------------ contact form ---------- */

#contactInfo {
	float: left;
	margin-top: 20px;
	padding: 3px 0 0 24px;
	width: 218px;
	height: 308px;
	background: url(img/bg-contact-info.gif) no-repeat 0 0;}
#contactForm {
	float: left;
	display: inline;
	margin-top: 20px;
	margin-left: 50px;
	padding: 3px 0 0 24px;
	width: 288px;
	height: 308px;
	background: url(img/bg-contact-form.gif) no-repeat 0 0;}
#contactForm .textInput,
#contactForm .textAreaInput {
	clear: both;
	float: left;
	border: none;
	padding: 0;
	margin: 10px 0 5px 7px;
	width: 252px;
	height: 20px;
	background-color: transparent;
	font: 14px/20px Tahoma, Geneva, Verdana, sans-serif;}
#contactForm .textAreaInput {
	height: 82px;}
#question {
	clear: both;
	float: left;
	margin: 10px 0 5px 7px;
	width: 128px;
	height: 20px;
	text-align: right;}
#contactForm #answer {
	clear: none;
	width: 114px;
	margin-left: 10px;}
#contactForm .inputSubmit {
	margin: 10px 0 0 40px;}

#contactFormSent {
	float: left;
	display: inline;
	margin-top: 20px;
	margin-left: 50px;
	padding: 3px 0 0 24px;
	width: 288px;
	height: 308px;
	background: url(img/bg-contact-form-sent.gif) no-repeat 0 0;}
#contactFormSent p {
	padding-top: 8px;}

.labelfield{ /*CSS for label field in general*/
color:brown;
font-size: 90%;
}

.datefield{ /*CSS for date field in general*/
color:gray;
font-size: 90%;
text-align: left;
}

.titlefield{ /*CSS for date field in general*/
font-size: 110%;
font-weight: bold;
text-align: left;
}