body {
	background: url(../img/body_tausta.jpg) #e8dead;
	background-repeat: repeat;
	background-position: top left;
	margin: 0px;
	padding: 0px;
	width: 100%;
}
html {
	width: 100%;
}
a {
	font-size: 12px;
	font-family: Tahoma;
	color: #DC143C;
	text-decoration: none;
}
a:hover {
	font-size: 12px;
	font-family: Tahoma;
	color: #DC143C;
	text-decoration: underline;
}
p {
	font-size: 12px;
	font-family: Tahoma;
	color: #1c1c1c;
}
h1 {
	font-size: 14px;
	font-family: Tahoma;
	color: #1c1c1c;
	margin: 0px;
}

#sosiaalisetmediat {
	position: absolute;
	left: 50%;
	top: 0px;
	margin-left: auto;
	margin-right: auto;
}
#soslogot {
	position: absolute;
	left: -470px;
	top: 565px;
}
#marjalogo {
	position: absolute;
	left: 50%;
	width: 238px;
	top: 0px;
}
#logo {
	position: absolute;
	left: -490px;
	top: -2px;
}
#download {
	position: absolute;
	left: 50%;
	width: 307px;
	top: 0px;
}
#linkit {
	position: absolute;
	left: 220px;
	top: 410px;
}

#header {
	background: url(../img/header_tausta-trans.png);
	background-position: bottom center;
	behavior: url(../iepngfix.htc);
	width: 996px;
	height: 138px;
	margin-left: auto;
	margin-right: auto;
}
#content {
	behavior: url(../iepngfix.htc);
	width: 936px;
	height: 383px;
	float:left;
}

#centerblock.index #content {
	background: transparent url(../img/content_tausta-trans_r1_c2.jpg) top left no-repeat;
}

#centerblock.news #content {
	background: transparent url(../img/content_tausta_3-trans_r1_c2.jpg) top left no-repeat;
}

#centerblock.store #content {
	background: transparent url(../img/content_tausta_2-trans_r1_c2.jpg) top left no-repeat;
}
#centerblock.contact #content {
	background: transparent url(../img/content_tausta_4-trans_r1_c2.jpg) top left no-repeat;
}
#sisalto_yla {
	width: 630px;
	margin-left: 70px;
	height: 40px;
	padding-top: 20px;
}
#sisalto {
	width: 470px;
	overflow: auto;
	padding-right: 10px;
	height: 290px;
	padding-left: 80px;
	margin-top: 18px;
}

#footer {
	background: url(../img/footer_tausta-trans.png);
	background-position: top center;
	behavior: url(../iepngfix.htc);
	width: 996px;
	height: 61px;
	margin-left: auto;
	margin-right: auto;
}

#centerblock {
	margin-left: auto;
	margin-right: auto;
	width: 996px 
}
#centerleft {
	float:left;
	clear: left;
}
#centerright {
	float:left;
	clear: right;
}
#centerblock #centerleft {
	background: transparent url(../img/content_tausta-trans_r1_c1.png) top left no-repeat; width:30px; height:383px
}
#centerblock #centerright {
	background:transparent url(../img/content_tausta-trans_r1_c3.png) top left no-repeat; width:30px; height:383px
}
/* Scroll Bar Master Styling Starts Here */
/* All comments can be freely removed from the css */

/*  scrollgeneric is used for corrective styling of elements, and should not be modified or removed */ 
.scrollgeneric {line-height: 1px;font-size: 1px;position: absolute;top: 0; left: 0;}

.vscrollerbar {width: 20px; background: url(../img/scroll-trans.png) top center no-repeat;}
.vscrollerbarbeg {height: 13px !important; width: 20px; background: transparent;}
.vscrollerbarend {height: 13px;width: 20px; background: transparent;}
.vscrollerbase {width: 20px; background: transparent;}
.vscrollerbasebeg {width: 20px; height: 13px !important; background: transparent;}
.vscrollerbaseend {height: 13px;width: 20px; background: transparent;}
.hscrollerbase {height: 16px; background-color: white;}
.hscrollerbar {height: 16px; background-color: black;}
.vscrollerbar, .hscrollerbar {padding: 0px; z-index: 2;}
.scrollerjogbox {width: 20px; height: 16px; top: auto; left: auto;bottom: 0px; right: 0px; background: transparent;}

/* Scroll Bar Master Styling Ends Here */