*{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 .wrapper{height:76px;background:url(pics/compass.jpg) no-repeat;padding-top:46px;}

/* Language bar */
#language{clear:both;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;}

/* 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{padding-left:35px;width:855px}

#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}

#page .sidebar{width:300px;float:right}
#page .box{background:#F2F2F2 url(pics/bg_sidebar_bottom.png) no-repeat left bottom;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 50px 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 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:89px;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:url(pics/bg_pick_geotieto.png) no-repeat!important;width:350px;height:30px;padding:7px 0 0 50px !important;margin:0 0 14px 0 !important;overflow:hidden;}
#picks a{font-size:11px;color:#000;line-height:8px;outline:none}
#picks a span{font-weight:bold;color:#fff;font-size:12px;display:block}
#picks a:hover{text-decoration:none}
#picks a:active{text-decoration:none}

#picks li.uraani{}