body {
	background: url(../pics/bg.gif) repeat-x;
	background-color: #ececec;
	margin: 0px;
	padding: 0px;
}

body#tyosuojelu {
	background: url(../pics/bg_tyosuojelu.gif) repeat-x;
	background-color: #ececec;
	margin: 0px;
	padding: 0px;
}

body#cleanex {
	background: url(../pics/bg_cleanex.gif) repeat-x;
	background-color: #ececec;
	margin: 0px;
	padding: 0px;
}

body#office {
	background: url(../pics/bg_office.gif) repeat-x;
	background-color: #ececec;
	margin: 0px;
	padding: 0px;
}
/********************/
#main {
	width: 842px;	
	margin: 0 auto;
}

#content {	
	float: left;
	width: 842px;	
}

#language {
	float: left;
	width: 822px;
	text-align: right;
	margin: 12px 0 28px 0;
	padding: 0 20px 0 0;
}

#navigation {
	float: left;
	text-align: center;
	width: 842px;
}

#imageBlock {
	float: left;
	margin-bottom: 30px;
}

#imageBlockIndex {
	float: left;
	margin-bottom: 10px;
	padding: 14px;
	background: url(../pics/image_index.png) no-repeat;
	width:  814px;
	height: 187px;
}

#logot{
	float: left;
	margin-bottom: 40px;
}

#tracker {	
	float: left;
	width: 700px;
	padding: 0 10px 0 50px;
}

#leftIndex {	
	float: left;
	width: 330px;
	padding: 0 90px 0 50px;
}

#rightIndex {
	float: left;
	width: 200px;
	padding: 10px 10px 0 0;
}

#rightIndexImage {
	float: left;
	width: 150px;
	padding: 10px 0px 0 10px;
}

#rightIndexImage img {
	border: solid 1px #959595;
}

#left {	
	float: left;
	width: 370px;
	padding: 0 60px 0 50px;
}

#leftWide {	
	float: left;
	width: 400px;
	padding: 0 20px 0 50px;
}

#right {
	float: left;
	width: 330px;
	margin: 10px 10px 0 0;
}

#rightTyosuojelu {
	float: left;
	width: 200px;
	height: 148px;
	padding: 20px 130px 0 20px;	
	margin: 10px 0 0 0;
	background: url(../pics/nosto_tyosuojelu_bg.gif) no-repeat;
}

#rightEnsiapu {
	float: left;
	width: 330px;
	height: 148px;
	padding: 20px 0 0 20px;	
	margin: 10px 0 0 0;
	background: url(../pics/nosto_ensiapu_bg.gif) no-repeat;
}

#rightCleanex {
	float: left;
	width: 200px;
	height: 148px;
	padding: 20px 130px 0 20px;	
	margin: 10px 0 0 0;
	background: url(../pics/nosto_cleanex_bg.gif) no-repeat;
}

#rightRekry {
	float: left;
	width: 200px;
	height: 148px;
	padding: 20px 130px 0 20px;	
	margin: 10px 0 0 0;
	background: url(../pics/nosto_rekry_bg.gif) no-repeat;
}

#rightYritys {
	float: left;
	width: 200px;
	height: 148px;
	padding: 20px 130px 0 20px;	
	margin: 10px 0 0 0;
	background: url(../pics/nosto_yritys_bg.gif) no-repeat;
}

#rightOffice {
	float: left;
	width: 190px;
	height: 148px;
	padding: 20px 140px 0 20px;	
	margin: 10px 0 0 0;
	background: url(../pics/nosto_office_bg.gif) no-repeat;
}

#rightBottom {
	float: left;
	width: 200px;
	padding: 0px 0px 0 20px;	
	margin: 20px 0 0 0;
}

/**************/
#pageBottom {
	float: left;
	width: 100%;
	height: 120px;
	background: url(../pics/bg_footer.jpg);
	margin-top: 30px;
}

#footer {	
	width: 842px;
	margin: 0 auto;
	padding: 20px 0 0 0;
}

#slogan {	
	float: left;
	width: 290px;
	padding: 0 150px 0 20px;
}

#addressLeft {	
	float: left;
	width: 115px;
	text-align: right;
	border-right: solid 1px #898989;
	padding: 0 10px 0 0;
	margin-top: 5px;
}

#addressRight {	
	float: left;
	width: 135px;
	padding: 0 0 0 10px;
	margin-top: 5px;
}

#aaa {	
	float: left;
	width: 90px;
	margin-top: 5px;
}

#footer p {
	font: normal 11px "trebuchet ms", Arial, Helvetica, sans-serif;
	line-height: 16px;
	color: #d7d7d7;
	margin: 0;
}


#o {
	float: left;
	text-align: right;
	width: 812px;
	padding: 30px 30px 0 0;
}

#o a {
	font: normal 11px "trebuchet ms", Arial, Helvetica, sans-serif;
	color: #acacac;
	text-decoration: none;
}

/*******************/
img {
	border: none;
}


#rightIndex h1 {
	font: bold 17px "trebuchet ms", Arial, Helvetica, sans-serif;
	line-height: 18px;
	color: #128a13;
	margin: 0 0 10px 0;
	padding: 0px;
}

h1 {
	font: bold 17px "trebuchet ms", Arial, Helvetica, sans-serif;
	line-height: 18px;
	color: #128a13;
	margin: 0 0 20px 0;
	padding: 0px;
}

h1.blue {
	font: bold 17px "trebuchet ms", Arial, Helvetica, sans-serif;
	line-height: 18px;
	color: #00408b;
	margin: 0px 0 20px 0;
	padding: 0px;
}

h1.vihr {
	font: bold 17px "trebuchet ms", Arial, Helvetica, sans-serif;
	line-height: 18px;
	color: #007f46;
	margin: 0px 0 20px 0;
	padding: 0px;
}

h1.red {
	font: bold 17px "trebuchet ms", Arial, Helvetica, sans-serif;
	line-height: 18px;
	color: #e10008;
	margin: 0px 0 20px 0;
	padding: 0px;
}

h2 {
	font: bold 15px "trebuchet ms", Arial, Helvetica, sans-serif;
	line-height: 18px;
	color: #000000;
	margin: 0px 0 10px 0;
	padding: 0px;
}

h3 {
	font: bold 13px "trebuchet ms", Arial, Helvetica, sans-serif;
	line-height: 18px;
	color: #128a13;
	margin: 0px 0 0px 0;
	padding: 0px;
}

h4 {
	font: bold 13px "trebuchet ms", Arial, Helvetica, sans-serif;
	line-height: 18px;
	color: #000;
	margin: 0px 0 0px 0;
	padding: 0px;
}

p {
	font: normal 13px "trebuchet ms", Arial, Helvetica, sans-serif;
	line-height: 18x;
	color: #000000;
	margin: 0 0 20px 0;
}

span {
	font: bold 13px "trebuchet ms", Arial, Helvetica, sans-serif;
	color: #000000;
}

#tracker p {
	font: normal 11px "trebuchet ms", Arial, Helvetica, sans-serif;
	line-height: 18x;
	color: #000000;
	margin: 0 0 10px 0;
}

ul {
	margin: 6px 0px 0px 8px;
	padding: 6px 0px 0px 8px;
}

li {
	font: normal 11px "trebuchet ms", Arial, Helvetica, sans-serif;
	line-height: 15px;
	color: #000000;
	margin: 0px;
	padding: 0px;
}

#tyosuojelu a {
	text-decoration: underline;
	color: #00408b;
}

a:hover {
	text-decoration: underline;
	color: #00408b;
}

a {
	text-decoration: underline;
	color: #086209;
}

a:hover {
	text-decoration: underline;
	color: #086209;
}

#language a {
	text-decoration: none;
	color: #fff;
	font: normal 11px "trebuchet ms", Arial, Helvetica, sans-serif;
}


