/*

		Kivara Oy

		Author: Fabrik - www.fabrik.fi

*/

html										{ font-size: 62.5%; overflow-y: scroll; }

body										{ font: 1.2em/1.9em Tahoma, Verdana, sans; }

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

#logo										{ float: left; margin: 3em 0 3em 3em; }

#languageSelect								{ float: right; margin: 4em 2em 3em 0; }

#languageSelect ul li a						{ color: #7d7d7d; font-size: .9em; text-decoration: none; }
#languageSelect ul li.current a				{ color: #7d7d7d; font-weight: bold; }

#nav ul li,
#languageSelect ul li,
#footer ul li								{ float: left; }

#nav ul										{ margin: 0 auto; width: 540px; }

#nav ul li									{ border-left: 1px solid #d8d8d8; padding: 0 2em 0; }
#nav ul li.noPadding						{ padding: 0 0 0 2em; }
	#nav ul li a							{ color: #7d7d7d; font-size: .8em; text-decoration: none; text-transform: uppercase; }
	#nav ul li a:hover,
	#nav ul li.current a					{ color: black; font-size: .8em; text-decoration: none; text-transform: uppercase; }

	#nav ul li.noBorder						{ border: none; }

#navArrow									{ height: 5px; }

#bodyWrapper								{ background: url(../images/bg_content.png) repeat-x; margin: .9em 0 0;;
											  text-align: center; width: 100%; }

#carouselFade								{ background: url(../images/carousel_fade.png); height: 329px; top: 1px; right: 0; position: absolute; width: 968px; z-index: 10000; }

#wrapper									{ margin: 0 auto; width: 972px; }

.anythingSlider								{ margin: 1px 0 0; }
.anythingSlider								{ position: relative; }
.eb_content h2								{ background: #bdbdbd; color: white; font-size: 30px; margin: -30px 0 0; padding: 2em 0 2em 2em; text-align: left; width: 935px; }

#frontHeaders								{ background: #bdbdbd; margin: -.6em 0 0; padding: 2em 0 2em 3em; text-align: left; width: 935px; }

#frontHeaders h2							{ color: white; font-size: 1.4em; float: left; margin: 0 5em 0 0; letter-spacing: .1em; }

#frontHeaders h2 span						{ font-size: .8em; }

#frontHeaders h2:first-letter				{ font-size: 1.8em !important; }

#textColumns								{ color: #646464; padding: 2em 0 2em 3em; text-align: left; }

#textColumns .column						{ float: left; width: 270px; text-align: left; }

.column										{ text-align: left; }


	#textColumns .column.padding			{ margin: 0 3em 0; }

#footer										{ background: url(../images/bg_footer.png) repeat-x; font-size: .8em; height: 40px;
											  padding: 5em 0 0; text-align: center; width: 100%; }

#footer ul									{ margin: 0 auto; width: 800px; }

#footer ul li,
#languageSelect ul li						{ border-left: 1px solid #d8d8d8; color: #646464; padding: 0 2em 0; }

#footer ul li.noBorder,
#languageSelect ul li.noBorder				{ border: none; }

p.ingresBold								{ color: #60714B; font: 15px/28px Georgia; }

#subnav										{ margin: 0 0 0 20px; }

/*------------------------------------------
				Alisivu
------------------------------------------*/

.subPageTextContainer						{ float: left; text-align: left; width: 40%; }
	.subPageTextContainer .column,
	.subPageFloatBox						{ color: #646464; font: 1em/1.6em Arial; float: right; padding: 0 3em 0;
											  margin: 1em 0 0; text-align: left; width: 300px; }
	.subPageTextContainer .column h4,
	.subPageFloatBox h4						{ font-size: 1.5em; margin: 2em 0 .5em 0; }
	.subPageTextContainer .column p			{ margin: 1em 0; }

.subPageBigImage							{ border: 2px solid #bdbdbd; float: left; width: 572px;}

#subPageHeader								{ background: #bdbdbd; padding: 3em 3em 3em 0; margin: 4em 0 0; }
	#subPageHeader h2						{ color: white; float: right; text-align: right; text-transform: uppercase; }
	#subPageHeader h2 span					{ font-size: .8em; }

#inlineFB									{ padding: 20px 50px; width: 400px; }
	#inlineFB h4							{ font-size: 21px; margin: 0 0 20px; }
	#inlineFB h4,
	#inlineFB p								{ color: #646464; }
		#inlineFB ul						{ margin: 0 0 0 20px; }
		#inlineFB ul li						{ margin: 0 0 0 20px; text-indent: -10px; }

/*------------------------------------------
			Contact Form
------------------------------------------*/

#contactForm label,
#contactForm input,
#contactForm textarea						{ display: block; width: 100%; }

#contactForm label							{ margin: 10px 0 5px; }

#contactForm input#button					{ margin: 20px 0 0; width: 100px; }

#contactForm h2								{ margin: 40px 0 0 40px; }

/*------------------------------------------
			Kuvagalleria
------------------------------------------*/

#imageGallery								{ margin: 0 auto; padding: 4em 0 0; text-align: left; width: 960px; }
	#imageGallery h2						{ margin: 1em 0 1em; }
	#imageGallery img						{ background: #e6d9ce; -moz-box-shadow: 2px 2px 10px #a8a8a8; float: left; margin: 2em 0 0; padding: .5em; }
	#imageGallery img.addMargin				{ margin: 2em 4em 0; }


.ieFloatFix									{ margin: 0 auto; width: 980px; }
.subPageFloatBox							{ float: left; margin: 0 3em 0 0; padding: 0; width: 400px; }

.clear 										{ clear: both; }

.bold										{ font-weight: bold; }