html, body { height: 100%; }
body {
	font: normal 100%/1.5 Arial, Helvetica, sans-serif;
	color: #231f20;
	text-align: center;
	background-color: white;
}

/************************************
 * Basic elements
 *
 ************************************/

p, li { font-size: 0.75em; }

a {	color: #959595;	text-decoration: none; font-weight: bold; }
a:link { }
a:visited { }
a:hover { }
a:active { }

h1, h2, h3, h4, h5, h6 { margin: 0; font-weight: bold; line-height: 1.3; color: black; }
h1 { font-size: 19px; }
h2 { font-size: 16px; }
h3 { font-size: 14px; }
h4, h5, h6 { font-size: 12px; }

sub { vertical-align: baseline; position: relative; bottom: -0.25em; font-size: smaller; }
sup { vertical-align: baseline; position: relative; bottom: 0.33em; font-size: smaller; }

ul, ol { margin: 1em 0 1em 1em; padding-left: 1em; }
ol { list-style-type: decimal; }
ul { list-style-type: disc; }
ol li, ul li { margin: 0.1em 0; line-height: 1.3; }
li li {	font-size: 1em; }
li ul {	margin: 0; }

address { font-style: normal; }


/************************************
 * Layout
 *
 ************************************/


#floater { float: left; height: 50%; margin-bottom: -301px; width: 1px; }
#wrapper { text-align: left; height: 603px; position: relative; width: 760px; margin: 0 auto; clear: left;}
#page {	text-align: left; }
#header {
	position: relative; width: 760px; height: 253px;
	background: url('images/760/bg-header.gif') no-repeat left top; 
	margin: 0 auto;	
}
#header-logo { position: absolute; top: 174px; left: 414px; }
#print-logo { display: none; }
#navigation {	
	position: relative; width: 760px; min-height: 25px; height: auto !important; height: 25px; clear: both;
	background: url('images/760/bg-navigation.gif') repeat-y left top;
	margin: 0 auto;
}
#container {
	min-height: 285px; height: auto !important; height: 285px; clear: both;
	background: url('images/760/bg-content.gif') repeat-y left top;	
	padding: 3px 40px 0 42px;
}

body.page-32 #container { background-image: none; text-align: center; padding: 0; }

#intro-house { line-height: 1; position: absolute; top: 157px; left: 0; width: 760px;}
#intro-links { line-height: 1; position: absolute; bottom: -3px; left: 0; width: 760px;}
#intro-links img { margin: 0; padding: 0; }

#content {}

div.col-1,
div.col-2 {	width: 280px; height: 275px; float: left; overflow: auto;}
div.col-1 { float: left; padding-right: 8px; }
div.col-2 {	float: right; }
div.col-1-wide,
div.col-2-wide { width: 380px; height: 275px; float: left; overflow: hidden; }
div.col-1-wide { float: left; }
div.col-2-wide { float: right; text-align: right; }

div#designer,
div#designers { text-align: center; position: relative;}
div#designer img,
div#designers img {	position: absolute; }

div#designer img { top: 38px; left: 91px;}
div#designers img#minttu { top: 13px; left: 99px; }
div#designers img#miia { top: 13px; right: 50px;}
div#designers img#salla { top: 138px; left: 99px; }
div#designers img#maria { top: 138px; right: 50px;}

#footer {
	position: relative; width: 760px; height: 40px;
	background: url('images/760/bg-footer.gif') no-repeat left top;
	margin: 0 auto;
}

#footer p { 
	position: absolute; top: 2px; right: 41px; 
	font-size: 11px; font-weight: bold; text-align: right; line-height: 1; letter-spacing: 1px;
}

/************************************ 
 * News
 *
 ************************************/

div.news-item { }
div.news-item h2 { }
div.news-item p { }

div.news-item-short { }
div.news-item-short h3 { }

/************************************ 
 * Pagination
 *
 ************************************/

div.pagination {
	text-align: center;
	margin: 1em 0;
	padding: 2em 2em 0.6em;
}

div.pagination span.left {
	width: 40%;
	float: left;
	text-align: left;
}

div.pagination .ditto_off {
	color: #e0e0e0;
}

div.pagination span.right {
	width: 40%;
	float: right;
	text-align: right;
}

/************************************ 
 * Fixes and special cases
 *
 ************************************/


.clearfix:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
.clearfix {display:inline-block;}
/* Hide from IE Mac \*/
.clearfix {display:block;}
/* End hide from IE Mac */

.hidden {
	display: none;
} 

.gray { color: #959595; }
.black { color: #231f20; }
