/*
 * Author: 960Development Team
 * Website: http://www.960Development.com/
 */
 
/** CSS Reset http://meyerweb.com/eric/tools/css/reset/ **/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center,dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed,  figure, figcaption, footer, header, hgroup,  menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%;	font: inherit; vertical-align: baseline; } article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {	display: block;} body { line-height: 1; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } table { border-collapse: collapse; border-spacing: 0; } 

/** Base Body Styles **/
body { 
	background:#fff; 
	color:#000; 
	font-family: 'Open Sans', Arial, Helvetica, sans-serif;
	font-size: 14px;
	}

* {
	margin: 0;
}
html, body {
	height: 100%;
}

h1,h2,h3,h4,h5,h6{ font-weight:bold; }
h1{ font-size:30px;}
h2{ font-size:24px;}
h3{ font-size:18px;}
h4{ font-size:14px;}
h5{ font-size:12px;}
h6{ font-size:10px;}

a{ text-decoration:none; }
a:active, a:visited { color: #607890; }
a:hover { color: #036; }

/** The Magnificent Clearfix: Updated to prevent margin-collapsing on child elements.  mp/bestclearfix **/
.clearfix:before, .clearfix:after { content: "\0020"; display: block; height: 0; overflow: hidden; }
.clearfix:after { clear: both; }
/** Fix clearfix: blueprintcss.lighthouseapp.com/projects/15318/tickets/5-extra-margin-padding-bottom-of-page **/
.clearfix { zoom: 1; }


@media screen and (max-width: 1419px) {
	.header {
		background: url('images/headerbg.jpg') top center no-repeat #000;
		width: 100%;
		height: 432px;
		border-bottom: 5px solid #ebebeb;
	}
}


@media screen and (min-width: 1420px) {
	.header {
		background: url('images/headerbg_big.jpg') top center no-repeat #000;
		width: 100%;
		height: 432px;
		border-bottom: 5px solid #ebebeb;
	}
}

body.ie .header {
		background: url('images/headerbg_big.jpg') top center no-repeat #000;
		width: 100%;
		height: 432px;
		border-bottom: 5px solid #ebebeb;
	}

.navbar {
	position: absolute;
	background: #343434;
	margin-top: 60px;
	height: 85px;
	width: 100%;
}

.wrapper {
	width: 960px;
	margin: 0 auto;
}

img#logo {
	margin-top: -32px;
	float: left;
}

ul.nav
{
	float: right;
	list-style-type:none;
	margin:0;
	padding:0;
	margin-top: 35px;
}

ul.nav li {
	font-family: 'Pill Gothic 300mg', 'Open Sans';
	Font-size: 20px;
	font-weight: 600;
	text-transform: uppercase;
	margin-left: 30px;
	color: #FFF;
	display: inline;
}

ul.nav li a {
	color: #FFF;
	text-decoration: none;
}

ul.nav li a:hover {
	color: #97c679;
}

.greenbar {
	position: absolute;
	top: 358px;
	background: #618948;
	height: 55px;
	width: 100%;
	color: #FFF;
}

.greenbar .wrapper h2 {
	margin-top: 20px;
	font-size: 15px;
	font-weight: 400;
}

.content {
	margin-top: 50px;
}

.content h1 {
	margin-bottom: 20px;
	font-size: 20px;
	text-transform: uppercase;
}

.content h1 span {
	color: #618948;
}

.content h2 {
	font-size: 15px;
	text-transform: uppercase;
	margin-bottom: 5px;
	color: #2f2f2f;
}

p {
	margin-bottom: 10px;
	font-size: 16px;
}

ul li {}


.prelude {
	font-size: 16px;
}


.content .esittely {
	margin-top: 50px;
	margin-bottom: 200px; 
}



.content .hinnasto {
	margin-top: 50px; 
}

.boxbg {
	background: #618948;
	color: #FFF;
	border-radius: 10px;
	padding: 15px;
}

.content .left {
	width: 43%;
	float: left;
	margin-bottom: 30px;
}

.content .right {
	width: 50%;
	float: right;
	margin-bottom: 30px;
}

span.paiva {
	display: table-cell;
	}

span.paivamaara {
	padding-left: 120px;
	display: table-cell;	
	}	

span.kellonaika {
	padding-left: 120px;
	display: table-cell;
	}
	
.footer h1 {	
	margin-bottom: 20px;
	font-size: 20px;
	text-transform: uppercase;
}
	
.footer {
	background: #343434;
	color: #FFF;
	margin-bottom: -50px;
}

.wrapper {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -142px; /* the bottom margin is the negative value of the footer's height */
}
.footer, .push {
	height: 142px; /* .push must be the same height as .footer */
}