body {
font-family: Helvetica, Verdana, sans-serif;
font-size: 12px;
color: #666666;
padding: 0px;
top: 0px;
margin: 0px;
background-color: #FFFFFF;
}

input {
padding: 0;
margin: 0;
}

body a {
color: #666666;
text-decoration: none;	
}

body a:hover {
color: #999999;
}

form {
	margin:0;
	padding:0;
	}
	
.cont_left {
float: left;
}

.cont_right {
float: right;
}

.align_center {
text-align: center;
}

img {
border: none;
}

.clear_cont {
	clear:both;
}

ul {
list-style-type: none;
padding-left: 0;
margin-left: 0;
}


li { 
background: url(../images/nav/listbullet.gif) left center no-repeat;
padding: 0 0 0 10px;
margin: 0 0 10px 0;
}

.mapli { 
font-weight: bold;
}

.mapli a {
color: #2f5d97 !important;
}


.mapsubli { 
margin: 0 0 10px 20px !important;
}

/* SIZES */

h1 {
font-weight: bold;
color: #4f698f;
margin: 0 0 20px 0;
padding: 0;
font-size: 20px;
}

h2 {
color:#ff6700;
font-size: 14px;
font-family: Geneva, Arial, Helvetica, sans-serif;
border-bottom: 1px dotted #999999;
padding: 0 0 10px 0;
}

h3 {
font-size: 11px;
color: #336699;
padding: 20px 0 10px 0;
border-bottom: 1px dotted #999999;
}

h4 {
margin: 0;
padding: 0;
font-size: 14px;
font-weight: bold;
color: #ff6600;
}

h4 a {
color: #ff6600;
}

h5 {
font-size: 11px;
color: #336699;
padding: 0;
margin: 0;
}

.space1 {
margin-top: 18px;
}

.space2 {
margin-top: 15px;
}

.space3 {
margin-bottom: 15px;
}

.space4 {
margin-bottom: 35px;
}
.space5 {
margin-bottom: 5px;
}

.space6 {
margin-top: 3px;
}

.text1 {
font-size: 14px;
font-weight: bold;
}

.text2 {
font-size: 12px;
font-weight: bold;
}

.text3 {
font-style: italic;
}

.text4 {
font-weight: bold;
}


/* COLORS */

.color1 {
background-color: #ff9933;
}

.bgcolor1 {
background-color:#336699;
}


.bgcolor2 {
background-color:#0099ff;
}



.color2 {
color:#ff9933;
}

.color3 {
color:#2f5d97;
}

.color4 {
color: #0082d9;
}

.color5 {
color: #FF0000;
}

.color6 {
color: #999999;
}





/* CONTAINERS */

#rootCont {
width: 800px;
margin: 0 auto;
}

#mainCont {
height: 200px;
}

#mainCont2 {
height: 200px;
position: relative;

}

#headCont {
height: 182px;

}

#headCont2 {
height: 182px;
}

#enter_lat {
position: absolute;	
border: 1px solid #666666;
padding: 0px 7px 0px 7px;
}

#enter_eng {
position: absolute;
margin: 85px 0 0 57px;
border: 1px solid #666666;
padding: 0px 7px 0px 7px;
}

#projekti {
position: absolute;
margin: 105px 0 0 20px;
border: 1px solid #666666;
padding: 0px 7px 0px 7px;
}

#projekti_active {
font-size: 16px;
position: absolute;
margin: 105px 0 0 20px;
border: 1px solid #666666;
padding: 0px 7px 0px 7px;
}

#projekti_down {
position: absolute;
margin: 105px 0 0 73px;
border: 1px solid #666666;
padding: 0px 7px 0px 7px;
}

#mes {
position: absolute;
margin: 97px 0 0 75px;
border: 1px solid #666666;
padding: 0px 7px 0px 7px;
}

#mes_down {
position: absolute;
margin: 797px 0 0 88px;
border: 1px solid #666666;
padding: 0px 7px 0px 7px;
}

#mes_active {
font-size: 16px;
position: absolute;
margin: 113px 0 0 28px;
border: 1px solid #666666;
padding: 0px 7px 0px 7px;
}

#langCont {
	padding: 50px 0 0 0;
}

.hotkey {
	margin-right: 15px;
}

.hotkey:hover {
color: #986697;
}

#startcontact {
position: absolute;
margin: 100px 0 0 660px;
}

#logoCont {
	display: block;
	float: right;
	width: 137px;
	margin: 20px 0 0 0;
	height: 51px;
	background: url(../images/nav/mm_logo.gif) no-repeat top left;
}

#xMenuCont {
	position: relative;
	width: 300px;
	float: left;
	margin: 40px 0 0 0;
	
}

#xMenuCont a {
	padding-right: 15px;
}

.topActive {
	font-size: 16px;
	color: #986697;
}

#mainlogo {
position: absolute;
margin: 151px 0 0 663px;
background-color: #FFFFFF;

}

#submenuCont {
position: absolute;
}

#submenuCont a {
display: block;
width: 100px;
padding: 0 5px 0 0;
margin: 15px 0 0 0;
}

#submenuCont a:hover {
color: #986697;
}

.menuActive {
color: #986697;
font-size: 16px !important;
width: 130px !important;
}

#subsubmenuCont {
width: 550px;
position: absolute;
margin: 0 0 0 150px;
}

#subsubmenuCont a {
display: block;
padding: 0 5px 0 0;
margin: 15px 0 0 0;
}

#subsubmenuCont a:hover {
	color: #986697;
}

.submenuActive {
font-size: 16px !important;
width: 130px !important;
color: #986697;
}

#textCont {
position: absolute;
width: 350px;
margin: 15px 0 0 350px;
}

#paginator {
position: absolute;
margin: 170px 0 0 165px;
}

.pageactive {
border: 0 !important;
}

#paginator a {
display: block;
float: left;
text-align: center;
border: 1px solid #666666;
padding: 2px;
margin-right: 7px;
width: 12px;
}

#galCont {
width: 400px;
height: 400px;
margin: 30px 0 0 440px;
}

#slider ul, #slider li{
		margin:0;
		padding:0;
		list-style:none;
		}
	#slider li{ 
		/* 
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
		*/ 
		width:359px !important;
		height:267px !important;
		overflow:hidden; 
		}
	
	
	.prev {
	position: absolute;
	margin: 10px 0 0 0px;
	background: url(../images/nav/previous.gif) no-repeat center center;
	width: 16px;
	height: 16px;
	display: block;
	float: left;
	}
	.next {
	position: absolute;
	margin: 10px 0 0 40px;
	background: url(../images/nav/next.gif) no-repeat center center;
	width: 16px;
	height: 16px;
	display: block;
	float: left;
	}
	
	.pause {
	position: absolute;
	margin: 10px 0 0 20px;
	background: url(../images/nav/pause.gif) no-repeat center center;
	width: 16px;
	height: 16px;
	display: block;
	float: left;
	}
	
	.play {
	position: absolute;
	margin: 10px 0 0 20px;
	background: url(../images/nav/play.gif) no-repeat center center;
	width: 16px;
	height: 16px;
	display: block;
	float: left;
	}
	
	.boxCon {
		padding: 20px;
	}
	
	#sb-body-inner {
		background-color: #FFFFFF !important;
	}
	
	.extrapics {
		display: none !important;
	}
	
	#mainContMes {
		position: absolute;
	}
	
	
	#mesImg {
		float: left;
		width: 400px;
		margin: 0 30px 0 0;
	}
	
	#mesText {
		float: left;
		width: 350px;
	}
	
.project_cont {
	width: 150px;
	padding: 0 25px 0 0;
	float: left;
}