html { min-height: 100%; margin-bottom: 1px; }

body {
	padding: 0; 
	margin: 0 0 30px 0;
	background: #000 url(/fi/i/bg.jpg) 50% 0 repeat;
	color: #fff;
	text-align: center;
	font: 12px/1.6em Arial, "Trebuchet MS", Tahoma, Verdana, "Lucida Grande","Lucida Sans Unicode",sans-serif;
	}

hr { display: none; }

h1, h2, h3, h4,h5, p {
	margin: 0;
	padding: 0 0 10px 0;
	}

h1, h2, h3, h4, h5 {
	color: #514002;
	font-weight: normal;
	}

h1 { 
	font-size: 218%;

	}

h2 { 
	font-size: 164%;

	}

h3 { 
	font-size: 146%;
	}


h4 { 
font-size: 14px; font-weight: normal;color: #a28a28;


	}

h5 { 
	font-size: 109%;
	}

p {

	}

form {
	margin: 0;
	padding: 0;
	}

acronym {
	cursor: help;
	}

label { display: block; }

img {
	padding: 0;
	border: 0;
	margin: 0;
	}

ul {
	list-style: disc;
	margin: 0 0 10px 15px;
	padding: 0;
	}

ol {
	list-style: decimal;
	margin: 0;
	padding: 0;
	}

li {
	margin: 0;
	padding: 0;
	}

a, a:link, a:visited {
	color: #a98531;
	text-decoration: none; outline: none;
	}

a:hover {
	color: #514002;
	text-decoration: none;
	}

input, select, textarea {
	font-family: Arial, 'Trebuchet MS', Tahoma, "Lucida Grande","Lucida Sans Unicode",sans-serif;
	font-size: 90%; background: #f7f3e8; 
border-left: 1px solid #e8e1c8;
border-top: 1px solid #e8e1c8;
border-right: 1px solid #dad2b6;
border-bottom: 1px solid #dad2b6; 
color: #514002; padding: 5px; width: 95%;
	}

#zemSubmit {
	margin-top: 5px;
	}

/* WRAP & HEADER */

#wrap {
	display: block;
	width: 980px;
	min-width: 980px;
	margin: 0 auto;
	text-align: left;
	position: relative;
	overflow: hidden;
	}

#contain {
	width: 100%;
	background: url(/fi/i/window.jpg) no-repeat;
	}

#contentup {
	padding: 0 100px;
	}
	
.one {	background: url(/fi/images/47.jpg) 50% 0 no-repeat;}
.two {	background: url(/fi/images/46.jpg) 50% 0 no-repeat;}
.three {	background: url(/fi/images/45.jpg) 50% 0 no-repeat;}
.four {	background: url(/fi/images/44.jpg) 50% 0 no-repeat;}
.bg-portfolio {	background: url(/fi/images/48.jpg) 50% 0 no-repeat;}




/* */

#headerlow {
	display: block;
	width: 780px;
	height: 212px;
	position: relative;
	}


#header {
	display: block;
	width: 780px;
	height: 362px;
	position: relative;
	}


#headermed h1#text {
	background: url(/fi/i/h1-text.gif) no-repeat;
	}


#header h1 {
	display: block;
	width: 626px;
	height: 54px;
	text-indent: -5000px;
	overflow: hidden;
	padding: 0;
	margin: 0;
	position: absolute;
	left: 78px;
	top: 249px;
	}

#headermed {
	display: block;
	width: 780px;
	height: 317px;
	position: relative;
	}

#headermed h1 {
	display: block;
	width: 626px;
	height: 76px;
	text-indent: -5000px;
	overflow: hidden;
	padding: 0;
	margin: 0;
	position: absolute;
	left: 78px;
	top: 238px;
	}

#headermed h1#ketka {
	background: url(/fi/i/ketkaovat.gif) no-repeat;
	}


/* */

#contentarea {
	padding-left: 78px;
	background: url(/fi/i/haze.jpg) repeat-y 78px 0;
	}

#contentarea .lb{
	width: 626px;
	background: url(/fi/i/areadown.gif) no-repeat bottom left;
	padding-bottom: 15px;
	}	
	
.post {
	background: url(/fi/i/concon.gif) repeat-y;
	width: 626px;
	color: #2c1d1d;
	font-size: 90%;
	margin-bottom: 15px; position: relative;
	}

.post .rounds{
	background: url(/fi/i/conup.gif) no-repeat;
	width: 626px;
	}	

.post .rounds2{
	background: url(/fi/i/condown.gif) no-repeat bottom left;
	padding: 20px 48px;
	}	
	
.post img { border: 1px solid #ede2cf; padding: 0; margin: 0 0 10px 0;}


.blogpost {
	background: url(/fi/i/blogcon.gif) repeat-y;
	width: 100%
	color: #2c1d1d;
	font-size: 90%;
	margin-bottom: 15px; position: relative;
	}

.blogpost .rounds{
	background: url(/fi/i/blogup.gif) no-repeat;
	width: 421px;
	}	

.blogpost .rounds2{
	background: url(/fi/i/blogdown.gif) no-repeat bottom left;
	padding: 20px 21px 20px 38px;
	}

.blogside {
	float: right;
	background: url(/fi/i/sidecon.gif) repeat-y;
	width: 200px;
	color: #3b3a35;
	font-size: 90%;
	margin-bottom: 15px; position: relative;
	}

.blogside .rounds{
	background: url(/fi/i/sideup.gif) no-repeat;
	width: 200px;
	}	

.blogside .rounds2{
	background: url(/fi/i/sidedown.gif) no-repeat bottom left;
	padding: 23px 16px;
	}	


.blogside a,
.blogside a:link,
.blogside a:visited {
	color: #262429;
	text-decoration: none;
	}
	
.blogside a:hover {
	color: #000;
	text-decoration: none;
	}
	
.blogside ul {
	list-style: none;
	padding: 0;
	margin: 0;
	}
	
.blogside ul li {
	padding: 0 0 0 8px;
	margin: 0;
	}	
	
#wrap .blogside ul li a {
	padding: 0 0 10px 17px; display: block;
	margin: 0;
	line-height: 16px;
	background: url(/fi/i/arrow.gif) no-repeat 0 5px;
	}		
	
/* */

#heads {
	display: block;
	width: 218px;
	height: 65px;
	position: absolute;
	left: 173px;
	top: 53px;
	}

#heads h1 { margin: 0; padding: 0; }

#heads h1 a {
	display: block;
	width: 218px;
	height: 65px;
	text-indent: -5000px;
	overflow: hidden;
	}

#navi {
	display: block;
	width: 249px;
	height: 84px;
	position: absolute;
	top: 73px;
	left: 561px;
	}
	










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

	margin: 0;
	float: left;
	}

#navi ul li a {
	display: block;
	text-indent: -5000px;
	overflow: hidden;
	height: 84px;
	background: url(/fi/i/navi.png) no-repeat; cursor: hand; cursor: pointer;
	}

#navi ul li#etusivu a 					{width:67px; background-position: 0 0;}
#navi ul li#etusivu a:hover,
#navi ul li#etusivu a.current			{background-position: 0 -84px;}
#navi ul li#portfolio a 				{width: 74px; background-position: -67px 0;}
#navi ul li#portfolio a:hover,
#navi ul li#portfolio a.current 		{background-position: -67px -84px;}
#navi ul li#blogi a 					{width: 59px; background-position: -141px 0;}
#navi ul li#blogi a:hover,
#navi ul li#blogi a.current 			{background-position: -141px -84px;}
#navi ul li#me a 						{width: 49px; background-position: -200px 0;}
#navi ul li#me a:hover,
#navi ul li#me a.current				{background-position: -200px -84px;}

/* */

h3.porthead { padding: 0 0 5px 36px; font-size: 134%; font-weight: normal;  color: #272526;}

h3#smalls { font-size: 100%; }


h4.head { font-size: 15px; font-weight: normal; padding: 0; color: #272526; }

h4.head a, h4.head a:link, h4.head a:visited {
	color: #514002;
	text-decoration: none;
	}

h4.head a:hover, h4.head a:active {


	color: #a98531;
	text-decoration: underline;
	}



h5.posted { font-size: 12px; font-weight: normal;color: #a28a28;}


.bloggpost {
line-height: 1.6em;
font-size: 12px;
padding: 10px 15px 20px 15px;
}


.blogcontent {

background: url(/fi/i/blogdiv.gif) no-repeat bottom left;

margin: 0 0 5px 0;
}

#commentform {
padding: 0 15px 10px 15px;
}

.prevsub {
display: block;
width: 361px;
height: 30px;
}

.prevsub input {
	font-family: Arial, 'Trebuchet MS', Tahoma, "Lucida Grande","Lucida Sans Unicode",sans-serif;
	font-size: 118%; background: #2c2825; 
	border-left: 1px solid #e8e1c8;
	border-top: 1px solid #e8e1c8;
	border-right: 1px solid #dad2b6;
	border-bottom: 1px solid #dad2b6; 
	color: #dad2b6; padding: 4px; width: auto; float: left; margin: 5px 5px 0 0;
	}

.prevsub input.disabled {
	font-size: 118%; background: #dad7d3; 
	border: 1px solid #f4f1e6;
	color: #f4f1e6; padding: 4px; width: auto; float: left; margin: 5px 5px 0 0;
	}

/* */	
	
.portpost {
	background: url(/fi/i/portcon.gif) repeat-y;
	width: 626px;
	color: #2c1d1d;
	font-size: 90%;
	margin-bottom: 15px; 
	}

.portpost .rounds{
	background: url(/fi/i/portup.gif) no-repeat;
	width: 626px;
	}	

.portpost .rounds2{
	background: url(/fi/i/portdown.gif) no-repeat bottom left;
	padding: 17px 48px 20px 105px;
	}	

.portpost .rounds2alt {
	background: url(/fi/i/portdown.gif) no-repeat bottom left;
	padding: 17px 30px 20px 48px;
	}	

.portpost .rounds2alt2 {
	background: url(/fi/i/portdown.gif) no-repeat bottom left;
	padding: 17px 31px 3px 39px;
	}	
	
.portexcerpt { padding: 0 0 5px 36px }

.portexcerpt *{ padding:0; margin: 0; border: none; }
.portexcerpt br { display: none; }

/* */

#portnavi {
	display: block;
	width: 302px;
	height: 82px;
	position: absolute;
	bottom: 50px;
	left: 240px;

	}

#portnavi ul {
	padding: 0;
	margin: 0;
	list-style: none;
	}
	
#portnavi ul li {
	padding: 0;
	margin: 0;
	float: left;
	}

#portnavi ul li a {
	display: block;
	text-indent: -5000px;
	overflow: hidden;
	height: 82px;
	background: url(/fi/i/portnavi.jpg) no-repeat;
	}

#portnavi ul li#kaikkityot a 				{width:107px; background-position: 0 0;}
#portnavi ul li#kaikkityot a:hover			{background-position: 0 -82px;}
#portnavi ul li#asiakkaat a 				{width: 92px; background-position: -107px 0;}
#portnavi  ul li#asiakkaat a:hover			{background-position: -107px -82px;}
#portnavi ul li#projektit a 				{width: 103px; background-position: -199px 0;}
#portnavi ul li#projektit a:hover			{background-position: -199px -82px;}


#gallery img { border: 1px solid #c9bbae; background: #f8efde; padding: 1px; margin: 0 11px 11px 0; }

#galleryshots * { padding: 0; margin: 0; }
#galleryshots br { display: none; }

/* */

#sections {
display: block;
width: 626px;
height: 200px;
position: relative; 
}

#sections * { padding: 0;margin: 0;border:none; }

#sections #asiakkaat {
display: block;
position: absolute;
top: 0;
left: 23px;
width: 277px;
height: 189px;
}

#sections #projektit {
display: block;
position: absolute;
top: 0;
right: 23px;
width: 279px;
height: 189px;
}

#contacts {
display: block;
width: 626px;
height: 79px;
position: relative; 
color: #2d2800;
}

#contacts img { padding: 0;margin: 0;border:none; }

#contacts #email {
display: block;
position: absolute;
top: 0;
left: 23px;
width: 274px;
height: 79px;
background: url(/fi/i/email.jpg) no-repeat;
}

#contacts #email p {
font-size: 81%;
padding: 40px 0 0 21px;
}

#contacts #contactform {
display: block;
position: absolute;
top: 0;
right: 23px;
width: 275px;
height: 79px;
}

.inlinecontent {
background: #fcfbf7;
color: #222220;
}

.inlinecontent table { width: 100%; }

.inlinecontent input {
	padding: 3px;
	width: 100%;
	font-size: 100%;
	margin: 0px 0px 5px 0px;
background: #fcfbf7;
	border: 1px solid #887c6e;
}

.inlinecontent textarea {
	padding: 3px;
	width: 100%;
	font-size: 100%;
	margin: 0px 0px 5px 0px;
background: #fcfbf7;
	border: 1px solid #887c6e;
	height: 130px;
}

.inlinecontent input#consubmit {
  
}

.inlinecontent h2#request {
padding: 0;
margin: 0;
display: block;
width: 205px;
height: 58px;
text-indent: -5000px;
overflow: hidden;
background: url(/fi/i/request.jpg) no-repeat;
}

.inlinecontent td { padding: 0 8px 0 16px; }
.inlinecontent br { display: none; }

.inlinecontent .submits input {
	padding: 0px;
	width: auto;
	font-size: 100%;
	margin: 0;
background: #fcfbf7;
	border: 0px solid #887c6e;
}

/* */

.dateformat {
	float: left; text-align: center; width: 70px; padding: 10px 0; 
	}	
	
.dateformat h2 {
	color: #a28a28;
	font-size: 48px;
	padding: 0 0 15px 0;
	line-height: 36px;
	font-style: italic; font-family: Georgia, Arial;
	}
	
.dateformat h4 {
	color: #a28a28;
	font-size: 11px;
	padding: 0;
	font-weight: normal;font-family: Georgia, Arial;
	}


.pretty {
padding: 0;
margin: 0;
display: block;
width: 144px;
height: 36px;
background: url(/fi/i/tooltip.png) no-repeat;
}