*{margin:0;padding:0}

/* Body */
body{}

/* Common */
img{border:0}
.clear{clear:both}

/* Wrapper */
.wrapper{width:890px;margin: 0 auto;}

/* Fonts */
body,p,ul,li,ol,th,td{font:normal 13px Arial,Helvetica,sans-serif;}
p{color:#666;margin:0 0 16px 0;}
h2{font-size:35px;font-weight:normal;color:#3CA3CD;margin:0 0 16px 0;}
h3{font-size:20px;font-weight:normal;color:#3CA3CD;margin:0 0 16px 0;}

/* Links */
a:link{color:#68B8E5;text-decoration:none}
a:visited{color:#68B8E5;text-decoration:none}
a:hover{color:#4296C6;text-decoration:underline}
a:active{color:#4296C6;text-decoration:underline}

/* Header */
#header{height:122px;background:url(../pics/bg_header.png) repeat-x;}
#header h1{background:url(../pics/title_geologisia.png) no-repeat;width:671px;height:46px;text-indent:-9999px;margin:0 0 0 221px;}
#header h1.en{background:url(../pics/title_geological.png) no-repeat !important;width:671px;height:50px;text-indent:-9999px;margin:0 0 0 221px;}
#header h1.se{background:url(../pics/title_geologiska.png) no-repeat !important;width:671px;height:49px;text-indent:-9999px;margin:0 0 0 221px;}
#header .wrapper{height:76px;background:url(../pics/compass.jpg) no-repeat;padding-top:46px;}

/* Language bar */
#language{height:40px;margin-top:10px}
#language ul{list-style:none;float:right}
#language ul li{display:inline;}
#language a{font:bold 14px Arial,Helvetica,sans-serif;display:block;float:left;outline:none;margin:4px 0 0 17px}
#language a.print{background:url(../pics/icon_print.png) no-repeat;width:32px;height:24px;text-indent:-9999px;overflow:hidden;margin-top:0px;}
#language a.mail{background:url(../pics/icon_letter.png) no-repeat;width:29px;height:17px;text-indent:-9999px;overflow:hidden;margin-top:3px;}

/* Navipath */
#naviPath{list-style:none;margin:7px 0 10px 0 !important;padding:0 !important;float:left !important}
#naviPath li{background:url(../pics/arrow.gif) no-repeat left center !important;padding:0 7px 0 25px !important;display:inline;font-size:14px;font-weight:bold}
#naviPath li:first-child{background-image:none !important;padding:0 7px 0 0 !important;}
#naviPath li a{margin:0 !important;padding:0 !important}

/* Navigation */
#navi{clear:both;padding:40px 0 0 0}
#navi ul{list-style:none;text-align:center}
#navi ul li{display:inline;background:url(../pics/arrow.png) no-repeat left 2px;padding-left:16px;margin:0 10px}
#navi a{font-size:16px;color:#000;}

/* Tail */
#tail{clear:both;background:url(../pics/bg_tail.png) repeat-x;padding-top:15px;height:100px;margin-top:30px;}
#tail .gtk{display:block;width:48px;height:70px;float:left;background:url(../pics/logo.png) no-repeat;text-indent:-9999px}
#tail p{font-size:11px;float:left;margin:20px 0 0 90px}

/* Page */
#page .wrapper{width:890px}
#page .wrapperFull{width:950px;margin:0 auto;}

#page ul{margin:0 0 16px 20px;list-style:none}
#page ul ul{margin:6px 0 6px 40px}
#page ul li{background:url(../pics/bullet.png) no-repeat left 3px;margin:0 0 6px 0;padding:0 0 0 15px}

#page .content{float:left;width:500px;padding-top:15px}

#page .sidebar{width:300px;float:right}
#page .box{background:url(../pics/bg_sidebar_bottom.png) no-repeat left bottom #F2F2F2;padding:0 0 15px 0;margin:0 0 16px 0}
#page .box h3{background:url(../pics/bg_sidebar_top.png) no-repeat left top;padding:18px 25px 0 25px;}
#page .box p{margin:0 25px 16px 25px}

/* FRONTPAGE */

/* Intro (frontpage) */
#intro{height:78px;color:#666;font-size:14px;line-height:21px;padding:0 0 40px 0;}
#intro span{display:block;float:left;width:185px;height:78px;background:url(../pics/title_geofi.png) no-repeat;margin-right:12px;text-indent:-9999px;overflow:hidden}

/* Spotlight (frontpage) */
#spotlight{float:left;}
#spotlight .item{background:url(../pics/bg_spotlight.png) no-repeat;width:404px;height:122px;padding:7px;margin-bottom:20px}
#spotlight .item2{background:url(../pics/bg_spotlight2.png) no-repeat;width:404px;height:141px;padding:7px;margin-bottom:20px}
#spotlight p{padding-top:7px;line-height:16px;margin:0;}
#spotlight p span{color:#3CA3CD;font-size:20px;font-weight:bold;}
#spotlight img{float:left;margin-right:20px;}
.go{background:url(../pics/btn_palveluun.png) no-repeat;width:95px;height:22px;display:block;float:left;text-indent:-9999px;}
.goEn{background:url(../pics/btn_enter.png) no-repeat;width:70px;height:22px;display:block;float:left;text-indent:-9999px;}
.goSe{background:url(../pics/btn_tjansten.png) no-repeat;width:95px;height:22px;display:block;float:left;text-indent:-9999px;}

/* Picks */
#picks{width:400px;float:right;}
#picks ul{list-style:none;margin:0 !important;padding:0 !important;}
#picks li{background-image:url(../pics/bg_pick_kitti.png) !important;background-repeat:no-repeat;width:325px;height:48px;padding:9px 10px 0 65px !important;margin:0 0 8px 0 !important;overflow:hidden;}
#picks a{font-size:12px;color:#000;line-height:12px;outline:none}
#picks a span{font-weight:bold;color:#fff;font-size:14px;display:block;margin-bottom:2px}
#picks a:hover{text-decoration:none}
#picks a:active{text-decoration:none}

#picks li.turvekartta{background-image:url(../pics/bg_pick_turvekartta.png) !important;}
#picks li.uraani{background-image:url(../pics/bg_pick_uraani.png) !important;}
#picks li.malmiviite{background-image:url(../pics/bg_pick_malmiviite.png) !important;}
#picks li.geotieto{background-image:url(../pics/bg_pick_geotieto.png) !important;}
#picks li.geomex{background-image:url(../pics/bg_pick_geomex.png) !important;}
#picks li.retkeilykartat{background-image:url(../pics/bg_pick_retkeilykartat.png) !important;}
#picks li.geokemia{background-image:url(../pics/bg_pick_geokemia.png) !important;}

.style12 {color: #3399CC; font-weight: bold; }
.style17 {
	color: #3399CC;
	font-style: italic;
}
.style18 {
	font-size: 16px
}
.style20 {
	color: #68B8E7;
	font-size: 20px;
	font-weight: bold;
}
.style21 {font-size: 18px}
.style22 {
	font-size: 14px;
	font-weight: bold;
}
.style23 {color: #666}
.style24 {color: #3399CC}