/* 
Kepeätaival
Luotu: 9.8.2007
Päivitetty: 25.1.2009
*/


body{
	background:#f1f2ed;
	color:#000000;
	font-family: Trebuchet MS, Verdana, Arial,Helvetica,sans-serif;
	font-size: 12px;
	margin: 0 0 0 0;
	padding:0;
	background-image: url(../images/bgkepea.gif);
	background-repeat: repeat-x;
	text-align: center;
}


a:link,a:active,a:visited,a.postlink{color:#6a862c;text-decoration:none}
a:hover{color:#8f6544;text-decoration:underline}

img{border:0 solid}

form {
	margin: 0;
	padding: 0;
}

#AllGoodThings {
	text-align: left;
	width: 959px;
}

#ContentPalsta {
	width: 905px !important;
	height: 320px;
	background-image: url(../images/bg_content.gif);
	background-repeat: repeat-x;
	margin-bottom: 10px;
	text-align: left;
	clear: both;
	float: none;
	margin: 0 0 0 27px;

}
html>body #ContentPalsta  {
	height: auto;
	min-height: 320px;
}

#ContentPalstaSisu {
	margin: 0 0 0 27px;
	clear: both;
	float: none;
	width: 905px !important;
	height: 560px;
	padding-bottom: 10px;
	background-image: url(../images/bg_contentsisu.gif);
	background-repeat: repeat-x;
}
html>body #ContentPalstaSisu {
	height: auto;
	min-height: 560px;
}


/* clearfix */
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */



#ContentBorders {
	clear: both;
	float: none;
	width: 959px !important;
	height: 560px;
	background-image: url(../images/bg_sisuborders.gif);
	background-repeat: repeat-x;
}
html>body #ContentBorders {
	height: auto;
	min-height: 560px;
}


.ContentAreaSisu {
	width: 905px;
	background-image: url(../images/bg_contentsisu.jpg);
	background-repeat: no-repeat;
}



H1{
	font-family:  Trebuchet MS, Arial, Helvetica, sans-serif; 
	font-size: 18px;
	color: #0270c1;
	margin: 0;
	padding: 0;
	font-weight: bold;
	display: none;
}
H2{
	font-family:  Trebuchet MS, Arial, Helvetica, sans-serif; 
	font-size: 24px;
	color: #7c5538;
	margin: 0;
	padding: 0;
	font-weight: bold;
}
H3{
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif; 
	font-size: 14px;
	color: #636363;
	margin: 0;
	padding: 0;
	font-weight: bold;
}
H3 SPAN{
	font-family: Trebuchet MS,Arial, Arial, Helvetica, sans-serif; 
	font-size: 13px;
	color: #707070;
	margin: 0;
	padding: 0;
	font-weight: bold;
}
H4{
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif; 
	font-size: 14px;
	color: #6f8a36;
	margin: 0;
	padding:0;
}
H5{
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif; 
	font-size: 11px;
	color: #7c5538;
	margin: 0;
	padding: 0 0 2px 0;
	font-weight: bold;
}

#HeaderArea {
	width: 959px;
	background-image: url(../images/bg_fronthd.gif);
	background-repeat: no-repeat;
}

#Header {
	margin-left: 27px;
	width: 905px;
	background: #FFF;
}
#HeaderLogo{
	float: left;
	width:260px;
	margin: 0;
	padding: 0;
}
#HeaderLinks{
	float: left;
	width: 620px;
	padding: 27px 0 0 0;
	text-align: right;
}

#HeaderLinks IMG{
	margin-left: 5px;
}

#Languages {
	text-align: right;
	height: 36px;
	font-family:  Arial, Helvetica, sans-serif; 
	font-size: 11px;
	font-weight: bold;
}

#Languages A:LINK, #Languages A:VISITED{
	padding-left: 10px;
	color: #e1e1e1;
	text-decoration: none;
}
#Languages A:HOVER{
	color: #00aeef;
}
#Languages P{
	padding-top: 5px;
	margin: 0;
}

#FrontBigPicture {
	clear: both;
	float: none;
	margin-left: 27px;
	width: 905px;
}

.Vakain {
	clear : both;
	float: none;
	margin: 0;
	padding: 0;
	font-size:1px;
	height: 1px;
	width:auto;
}

#Vakain {
	clear : both;
	float: none;
	margin: 0;
	padding: 0;
	font-size:1px;
	height: 1px;
	width:auto;
}

#Footer {
	width: 898px;
	background-image: url(../images/footerline.gif);
	background-repeat: no-repeat;
	background-position: center top;
	margin-top: 20px;
	padding-top: 0px;
	padding-bottom: 20px;
	font-size: 11px;
	text-align: center;
}
#Footer SPAN{
	margin-left: 20px;
	padding-left: 17px;
	background-image: url(../images/pen.gif);
	background-repeat: no-repeat;
	background-position: 0 3px;

}

.Frontfooter {
	background: none !important;
	
}
#Footer P{
	margin: 0 7px 5px 0;
	color: #89986b;
	text-align: center;
}

#Footer A:LINK, #Footer A:VISITED {
	color: #89986b;
	text-decoration: none;
}
#Footer A:HOVER {
	text-decoration: underline;
}
#Footer A:LINK, #Footer A:VISITED {
	text-decoration: underline;
}
#Footer A:HOVER {
	color: #8f6544;
}
#FrontIntro {
	padding-bottom: 17px;
	border-bottom: 1px solid #e3e3e3;
}
#DownloadButton {
	width: 188px;
	float: left;
	text-align: center;
	padding-top: 50px;
	background-image: url(../images/gsm_bg.gif);
	background-repeat: no-repeat;
}
#DownloadButton P{
	color: #74ac07;
	margin: 0;
	padding: 0 0 5px 0;
}
#IntroText {
	padding-top: 13px;
	padding-left: 12px;
	width: 570px;
	float: left;

}
#IntroText P{
	color: #707070;
	margin: 0;
	padding: 10px 0 0 0;
}

.ContentArea {
	margin-left: 40px;
	width: 865px;
}

.TeaseBlock {
	float: left;
	width: 250px;
	margin: 20px 40px 0 0px;
	padding: 0 0 0 0;
}
#NoRightMargin {
	margin: 20px 0px 25px 0px !important;
}

.TeaseBlock P{
	color: #636363;
	margin: 0 0 8px 0;
	padding: 0;
	font-size: 11px;
}

.TeaseBlock UL {
	list-style-type : none;
	margin: 0;
	padding: 0;
}

.TeaseBlock LI {
	background-image: url(../images/balloon.gif);
	background-repeat: no-repeat;
	background-position: 0 2px;
	padding: 0 15px 15px 16px;
	line-height: 14px;
}

.TeaseBlock LI SPAN{
	color: #999999;
	padding-left: 5px;
}

.TeaseBlock A:LINK, .TeaseBlock A:VISITED{
	text-decoration: underline;
	color: #6a862c;
}
.TeaseBlock A:HOVER {
	color: #8f6544;
}

.TeaseBlock LI A:LINK, .TeaseBlock LI A:VISITED{
	text-decoration: none;
	color: #6a862c;
	font-weight: bold;
}

.TeaseBlock LI A:HOVER {
	text-decoration: underline;
}

#BigTease {
	width: 270px !important;
	margin: 20px 5px 25px 28px !important;
	padding: 0 !important;
}
#BigTease P{
	width: 260px !important;
}
.TeaseBlock H4{
	color: #74ac07;
	font-family: Trebuchet MS, Verdana, Arial,Helvetica,sans-serif;
	font-size: 13px;
	font-weight: bold;
}
#BigTease H4{
	color: #00aeef;
	font-family: Trebuchet MS, Verdana, Arial,Helvetica,sans-serif;

}


.GalleriaTeaserPic {
	float: left;
	width: 105px;
	margin-top: 5px;
}
.GalleriaTeaserPic IMG{
	border: 2px solid #d6d6d7;
}

.GalleriaTeaserTxt {
	float: left;
	width: 130px;
	line-height: 14px;
	margin-top: 5px;
}
.GalleriaTeaserTxt A:LINK, .GalleriaTeaserTxt A:VISITED{
	text-decoration: none;
	font-weight: bold;
}
.GalleriaTeaserTxt A:HOVER{
	text-decoration: underline;
	color: #6a862c !improtant;
}


.GalleriaTeaserTxt SPAN{
	color: #999999;
}

/* Sisu */

.ContentLeft {
	float: left;
	width: 500px;
	color: #555555;
	margin: 40px 0 20px 0;
	padding-left: 40px;
}
.ContentBig {
	float: left;
	width: 840px;
	color: #555555;
	margin: 40px 0 20px 0;
	padding-left: 40px;


}

.ContentBox {
	padding-left: 30px;
}
.ContentLeft P{
	color: #603913;
	font-size: 12px;
	margin: 15px 0 0 0;
}
.ContentLeft B{
	font-weight: bold;
}
.ContentLeft SPAN{
	color: #778a52;
}

.ContentLeft A:LINK, A:VISITED{
	color: #74ac07;
	text-decoration: underline;
}
.ContentLeft A:HOVER{
	color: #7c5538;
	text-decoration: underline;
}
.ContentRight {
	float: left;
	width: 270px;
	text-align: left;
	margin-top: 40px;
	margin-left: 55px;
}

.ContentRight P{
	color: #603913;
	font-size: 11px;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}
.ContentRight P A:LINK, .ContentRight P A:VISITED{
	text-decoration: underline;
}
.TitleBar {
	width: 770px;
	height: 67px;
	background-image: url(../images/bg_titlebar.gif);
	background-repeat: no-repeat;
}
.TitleBar H2{
	padding: 25px 0 0 30px;
}

.SeparatorLine {
	border-bottom: 1px solid #e3e3e3;
	margin: 15px 0 15px 0;
	padding: 0;
	font-size:1px;
	height: 1px;
	width:auto;
}

.FormField {
	background-image: url(../images/bg_formfield.gif); 
	background-repeat: no-repeat;
	width: 245px;
	height: 24px;
}
.FormField INPUT {
	border: none;
	background: transparent;
	width: 220px;
	height: 24px;
	color: #555555;
	margin: 0 0 0 5px;
	padding: 3px 0 0 0;
	font-size: 12px;
}

.ContactMessageField {
	background-image: url(../images/contact_bg_msg.gif); 
	background-repeat: no-repeat;
	width: 350px;
	height: 110px;
	margin-top: 3px;
}
.ContactMessageField TEXTAREA{
	border: none;
	background: transparent;
	width: 335px;
	height: 84px;
	margin: 7px 0 0 7px;
	padding: 0 2px 0 0px;
	color: #555555;
	font-size: 12px;
	line-height: 16px;
	font-family: arial, verdana, tahoma;
	scrollbar-arrow-color: #c5c5c5;
	scrollbar-3dlight-color: #fefefe;
	scrollbar-darkshadow-color: #fefefe;
	scrollbar-face-color: #fefefe;
	scrollbar-highlight-color: #ececec;
	scrollbar-shadow-color: #ececec;
	scrollbar-track-color: #fefefe;
	overflow: auto;
}

.Cases H5{
	background-image: url(../images/ico_case.gif); 
	background-repeat: no-repeat;
	background-position: 0 3px;
	padding: 0 0 0 19px;
	margin-top: 12px;
}
.Articles H5{
	background-image: url(../images/ico_article.gif); 
	background-repeat: no-repeat;
	background-position: 0 2px;
	padding: 0 0 0 19px;
	margin-top: 12px;
}
.Articles H4{
	color: #7c5538;
}

/* Tuotteet */
.TuoteValikoima { 
	margin-top: 30px;
	clear: both;
	float: none;
}

.Tuote {
	float: left;
	width: 260px;
	margin-right: 20px;
	height: 160px;
}


html>body #ContentPalsta  {
	height: auto;
	min-height: 160px;
}


.TuoteIMG {
	float: left;
	width: 115px;
}
.TuoteIMG IMG{
	border: 5px solid #FFF;
}

.TuoteDesc {
	float: left;
	width: 145px;


}
.TuoteDesc H4{
	font-size: 12px;
		line-height: 16px;
}
.TuoteDesc P{
	color: #7c5538;
	margin: 3px 0 3px 0;
	line-height: 15px;
	
}

.viiva {
	border-top: 1px solid #c6d0b1;
}

.Tilausohje {
	float: left;
	width: 340px;
}
.Tilausohje H5, .TuoteEsittely H5 {
	margin: 0 0 0 0;
	padding: 10px 0 0 0;
}

.Tilausohje P, .TuoteEsittely P {
	margin: 0 0 0 0;
	padding: 5px 0 5px 0;
	padding-right: 10px;
}




/* Form elements */
.contactform { 
	float: left;
	width: 470px;
	margin-left: 30px;
}

form{
	margin:0;
}
.FormSmall {
	float: left;
	width: 225px;
	margin-top: 10px;
}
.FormBig {
	clear: both;
	padding: 10px 0 0px 0;
}
.InputBig {
	margin-top: 3px;
	padding: 3px 0 0 3px;
	width: 450px; 
	height: 115px; 
	border: 3px solid #e4e5d3; 
	color: #6f8a36; 
	font-size: 12px; 
	font-family:  Verdana, Arial, Geneva; 
	background: #fff;

}
.InputSmall {
	margin-top: 3px;
	padding: 3px 0 0 3px;
	width: 205px; 
	height: 18px; 
	border: 3px solid #e4e5d3; 
	color: #6f8a36; 
	font-size: 12px; 
	font-family:  Arial, Geneva; 
	background: #fff;

}
.FormRight {
	padding-left: 20px;
	width: 210px;
}
.SubmitButton {
	width: 460px;
	margin-top: 10px;
}
#ValokuvausSS {
	width: 263px;
	height: 184px;
	margin-top: 27px;
	background-image: url(/images/valokuvaus_ss_bg.jpg);
}

#ValokuvausSS IMG {
	width: 236px;
	height: 157px;
}