body {
	font: normal 62.5%/1.3 Arial, Helvetica, sans-serif;
	color: black;
	text-align: left;
	background-color: #171717;
}

/************************************
 * Basic elements
 *
 */

p { }
a { text-decoration: none; color: #e8ac08; }
a:link { }
a:visited { }
a:hover { text-decoration: underline; }
a:active { }
strong { }
h1, h2, h3 { font-weight: bold; }
h1 { color: #ba342c; font-size: 1.8em; font-weight: normal; }
h2 { font-size: 1.1em; }
h3 { font-size: 1em; }
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; }
ul { list-style-type: disc; }
ul li { margin: 0.2em 0; }

/************************************
 * Layout
 *
 */

#wrapper { text-align: left; position: relative; height: 100%; width: 1032px; margin: 0 auto; }

#page { margin: 0 auto; text-align: left; position: relative; width: 748px; }

#header { background-color: white; width: 748px; margin: 0 auto; }
#header-logo { clear: both;	height: 88px; text-align: center; overflow: hidden; position: relative; }
#header-logo img { position: absolute; top: 16px; left: 192px; }
#page-image { height: 193px; }

#container { }
#content {
	background-color: white;
	padding: 32px 24px 40px 50px;
	font-size: 1.1em;
	min-height: 100%; height: auto !important; height: 100%;
}

#main { width: 380px; float: left; }
body.form #main { width: auto; }
body.form #main p { padding-right: 100px; }

#sidebar { float: right; width: 255px; }

#sub-navigation { background-color: #171717; min-height: 27px; height: auto !important; height: 27px; }

#navigation,
#navigation-new {	
	background: #febe10 url('images/navigation.png') no-repeat top left;
	position: absolute; left: 0px; top: 281px;
	width: 140px; min-height: 171px; height: auto !important; height: 171px;	
	border: 1px solid white;
	padding-bottom: 22px; 
}

#content { }

#footer { }


/************************************ 
 * News
 *
 */

div.news-item-full,
div.news-item-short { margin-bottom: 1em;  }
div.news-item-full p.news-date { margin-bottom: 1em; font-weight: bold;  }
div.news-item-short p.news-date { margin-bottom: 0; }
div.news-item-full p.news-summary { margin-bottom: 1em; }
div.news-item-content { margin-bottom: 1.5em; }
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; }
.ditto_page, .ditto_currentpage { padding: 0 0.2em; }
.ditto_currentpage { font-weight: bold; }
.ditto_previous_link, .ditto_previous_off { padding-right: 1em; }
.ditto_next_link, .ditto_next_off { padding-left: 1em; }

/************************************ 
 * Intro
 *
 */

body.intro { background: #171717 url('images/bg-body-intro.gif') no-repeat center top; }
#intro-page { position: relative; width: 815px; height: 823px; margin: 0 auto; padding: 0; }
#intro-page a { color: white; }
div.intro-block { width: 150px; height: 187px; position: absolute; text-align: center;}
span.intro-block-text { display: block; line-height: 28px; font-size: 14px; }
#intro-logo { position: absolute; top: 140px; left: 240px; width: 317px; height: 57px; }


#intro-block-yritys { top: 254px; left: 182px; background: url('images/bg-intro-block-yritys.jpg') no-repeat left top; }
#intro-block-tuotteet { top: 254px; left: 341px; background: url('images/bg-intro-block-tuotteet.jpg') no-repeat left top; }
#intro-block-verkkokauppa { top: 254px; left: 500px; background: url('images/bg-intro-block-verkkokauppa.jpg') no-repeat left top; }
#intro-block-myymalat { top: 456px; left: 182px; background: url('images/bg-intro-block-myymalat.jpg') no-repeat left top; }
#intro-block-ajankohtaista { top: 456px; left: 341px; background: url('images/bg-intro-block-ajankohtaista.jpg') no-repeat left top; }
#intro-block-yhteystiedot { top: 456px; left: 500px; background: url('images/bg-intro-block-yhteystiedot.jpg') no-repeat left top; }

/************************************ 
 * 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; } 

/************************************ 
 * Styles
 *
 */

.red { color: #b32017; }
.yellow { color: #e8ac08; }