/*--------------------------------------------------------*/
/*	Site: www.rockplan.fi
/*	Author: Mediasignal Oy
/*	Date: 1/2010
/*--------------------------------------------------------*/

/* BASIC STYLING */
body{
font-size:62.5%; /* Resets font-size to 10px - 1em = 10px; */
color:#000;
background:#fff url(kuvat/body-bg.gif) top left repeat-x;
font-family: Arial, Helvetica,sans-serif; /* Sans-serif Arial stack */
/*font-family: "Times New Roman",Times,serif;  Serif Times stack */
/*font-family: Georgia,serif;  Serif Georgia stack */
text-align:center;
}
a:link{text-decoration:underline; color:#003366;}
a:hover{text-decoration:none; color:#999999;}
/*a:visited{color:#68A6EF;}
a:active{background-color:#FFFFDF;}*/

h1{font:normal 1.9em/1.5 Arial, Helvetica,sans-serif; margin:5px 0;}
h2{font:bold 1.4em/1.5 Arial, Helvetica,sans-serif; margin:15px 0 5px; color:#ff9900;}
h3{font:bold 1.9em/1.5 Arial, Helvetica,sans-serif; margin:5px 0;}
h4{font:bold 1.8em/1.5 Arial, Helvetica,sans-serif; margin:5px 0;}
h5{font: bold 1.6em/1.5 Arial, Helvetica,sans-serif; margin:5px 0;}
h6{font: bold 1.4em/1.5 Arial, Helvetica,sans-serif; margin:5px 0;}
p{font:normal 1.3em/1.3 Arial,Helvetica,sans-serif; margin:5px 0;}

#content ol {
list-style-type:decimal;
list-style-position:inside;
font:normal 1.3em/1.3 Arial,Helvetica,sans-serif; margin:5px 0;
}

#content ul {
list-style-type:disc;
list-style-position:inside;
font:normal 1.3em/1.3 Arial,Helvetica,sans-serif; margin:5px 0;
}

.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
	}

/* LAYOUT COLUMS */
#wrapper{
	width:900px;
	margin:0 auto;
	font-size:1em; /* 1em = 10px; */
	text-align:left;
}
#header-top{ height:30px;}
#header{ margin:12px 0;}

#search{
	float:left;
	padding:4px 0 0 0;
}
#search label{
	font-size:1.1em;
	margin:0 10px 0 0;
}
#search #haku-teksti{
	border:none;
	background:transparent url(kuvat/search-field.gif) top left no-repeat;
	width:180px;
	margin:0 10px 0 0;
	height:17px;
}
#languages{
	float:right;
	margin:5px 0px 0 0;
	display:inline;
}
#languages a{
	text-decoration:none;
	color:#2b3a65;
	font-size:1.1em;
	margin:0 0 0 10px;
}
#languages a:hover{
	color:#b6b5b5;
}
#languages a.current{color:#b6b5b5;}
#languages li{float:left;}
.fin{ background:transparent url('kuvat/suomi.gif') center left no-repeat;}
.fin a{ display:block; padding:3px 10px 3px 10px;}
.swe{ background:transparent url('kuvat/svenska.gif') center left no-repeat; }
.swe a{ display:block; padding:3px 0px 3px 10px; }
.eng{ background:transparent url('kuvat/english.gif') center left no-repeat; }
.eng a{ display:block; padding:3px 10px 3px 10px; }

#header-logo{float:left;}
#header-image{width:900px; height:270px;}

#logo{
	height:30px;
	width:205px;
	display:block; /* TEMP */
	float:left;
}

#nav{
	float:left;
	width:660px;
	margin:4px 0 0 30px;
	display:inline;
}

#content-wrapper-2col{
	background-color:#fff;
	width:900px;
	margin-top:30px;
}
#col-left-sidebar{
	float:left;
	width:166px;
	margin:0 0px 0 38px;
	display:inline;
	font-size:1.1em;
}

/*left navi*/
#sub-menu li .first-list-item a:visited, #sub-menu li .middle-list-item a:visited, #sub-menu li .last-list-item a:visited{
	color: #003366;
}
#sub-menu li .first-list-item, #sub-menu li .middle-list-item, #sub-menu li .last-list-item{
	margin: 0 0 0 10px;
	width: 140px;
}

.first-list-item{
	background: url("kuvat/list-first.gif") no-repeat scroll left center transparent;
	padding: 6px 0 6px 10px;
}
.middle-list-item{
	background: url("kuvat/list-middle.gif") no-repeat scroll left center transparent;
	padding: 6px 0 6px 10px;
}
.last-list-item{
	background: url("kuvat/list-last.gif") no-repeat scroll left center transparent;
	padding: 6px 0 6px 10px;
}

#content{
	float:right;
	width:665px;
	margin:0 10px 0 0;
	display:inline;
}
#content-left{
	float:left;
	width:290px;
	margin:0 10px 0 0px;
	display:inline;
}

#content-left-wide {
min-height:200px;
height:auto !important;
height:200px;
}

#content-left p{
	font-size:1.4em;
}
#content-left h1{
	font-size:1.9em;
	font-weight:normal;
}

#content-right{
	float:right;
	width:347px;
	display:inline;
	margin:10px 0 0 0;
}
#content-right #news{
	margin:30px 0 0 0;
}
#footer{
	clear:both;
	height:26px;
	background:transparent url(kuvat/dot-border.gif) top left repeat-x;
	padding:0px 0 0 0;
	margin:10px 0 0 0;
}

#front-col-wrapper{
	margin:13px auto 0;
	width:900px;
	padding:15px 0 0 0;
}

#intro-text{
	float:left;
	width:590px;
	font-size:1.076em;
}
#intro-text p{
	line-height:1.4;
}
#intro-text h1{
	font-size:1.9em;
}
.intro-left{
	float:left;
	width:260px;
	font-size:1.076em;
}
.intro-right{
	float:left;
	width:260px;
	margin-left:40px;
	display:inline;
	font-size:1.076em;
}
#front-news{
	float:right;
	width:310px;
	display:inline;
	margin:15px 0 0 0;
}
.news-item{
	background:#fff url('kuvat/dot-border.gif') bottom left repeat-x;
	margin-bottom:10px;
	padding-bottom:5px;
	overflow:hidden;
	height:1%;
}
.news-item a{
	display:block;
	padding:7px 5px 5px 7px;
	text-decoration:none;
}
.news-item a:hover{
	background-color:#f1f1f1;
	cursor:pointer;
}
.news-item a:hover .news-text p{
	color:#333;
}
.news-item.last{
	background:none;
}
.news-date{
	background:transparent url('kuvat/news-date-bg.gif') top left no-repeat;
	width:47px;
	height:47px;
	color:#fff;
	font-size:1.2em;
	float:left;
}
#content-right .news-date{
	/*background:transparent url('kuvat/news-date-bg-orange.gif') top left no-repeat;*/
}
.news-date .daymonth{
	display:block;
	margin:0 auto;
	text-align:center;
	padding:10px 0 0 0;
}
.news-date .year{
	display:block;
	margin:0 auto;
	padding:5px 0 0 0;
	text-align:center;
}
.news-text{
	float:left;
	width: 240px;
	margin:0 0 0 10px;
	display:inline;
}
.news-text h3, .news-text p{
	font-size:1.1em;
	color:#707070;
}
.news-text h3{
	margin:7px 0 0 0;
	font-weight:normal;
}
.news-text p{
	margin:0;
}
.column{
	width:170px;
	float:left;
	margin:0 12px 0 0;
	display:inline;
}
.column.last{
	margin:0;
}
.column .otsikko{
	background:transparent url('kuvat/box-otsikko-bg.gif') top left no-repeat;
	height:27px;
	color:#fff;
}
#ps{background-color:#ba0101;}
#ark{background-color:#ff9900;}
#kat{background-color:#006633;}
#rak{background-color:#2e59a0;}
#geol{background-color:#5b4427;}

.otsikko h4{
	font-size:1.4em;
	font-weight:normal;
	padding:0 0 0 10px;
	margin:0;
	line-height:1.9;
	font-family:"Calibri",Arial,sans-serif;
	
}
.column .teksti{
	background:transparent url('kuvat/bottom-box-bg.gif') top left no-repeat;
	width:160px;
	height:104px;
	font-size:.846em; /* 11px/13px = .846em*/
	padding:5px;
	margin:3px 0 0 0;
	position:relative;
}
.teksti p{
	margin:0;
}
.column .teksti a{
	font-size:1.3em;
	display:block;
	text-decoration:none;
	/*float:right;
	margin:5px 10px 0 0;*/
	color:#000;
	position:absolute;
	bottom:6px;
	right:6px;
}

.column .teksti a img{
	margin-bottom:-3px;
}
.column .teksti a:hover{
	text-decoration:underline;
}
#front-bottom-cols{margin:30px auto 20px; width:900px;}
/* MENU STYLING */

.hmenu{

}
.hmenu li{
	float:left;
	margin:0 5px 0 0;
	display:inline;
}
.hmenu a{
	display:block;
	float:left;
	padding:0px 6px;
	font-size:1.4em;
	text-decoration:none;
	color:#000;
	height:23px;
	text-indent:-99999em;
	/*background:transparent url('kuvat/nav-left.gif') top left no-repeat;
	font-family:"Calibri","Gill Sans",Arial,sans-serif;*/
}
.hmenu a span{
	background:transparent url('kuvat/nav-right.gif') top right no-repeat;
	padding:4px 8px 5px 3px;
	display:block;
}
.hmenu a#etusivu{
	width:71px;
	background:transparent url('kuvat/navi-sprite.gif') 0 0 no-repeat;
}
#yritys{
	width:59px;
	background:transparent url('kuvat/navi-sprite.gif') -83px 0 no-repeat;
}
#toimialat{
	width:84px;
	background:transparent url('kuvat/navi-sprite.gif') -154px 0 no-repeat;
}
#referenssit{
	width:101px;
	background:transparent url('kuvat/navi-sprite.gif') -254px 0 no-repeat;
}
#yhteystiedot{
	width:114px;
	background:transparent url('kuvat/navi-sprite.gif') -366px 0 no-repeat;
}
#ajankohtaista{
	width:113px;
	background:transparent url('kuvat/navi-sprite.gif') -490px 0 no-repeat;
}
.hmenu a#etusivu:hover,#etusivu.current{
	width:71px;
	background:transparent url('kuvat/navi-sprite.gif') 0 -23px no-repeat;
}
#yritys:hover,#yritys.current{
	width:59px;
	background:transparent url('kuvat/navi-sprite.gif') -83px -23px no-repeat;
}
#toimialat:hover,#toimialat.current{
	width:84px;
	background:transparent url('kuvat/navi-sprite.gif') -154px -23px no-repeat;
}
#referenssit:hover,#referenssit.current{
	width:101px;
	background:transparent url('kuvat/navi-sprite.gif') -253px -23px no-repeat;
}
#yhteystiedot:hover,#yhteystiedot.current{
	width:114px;
	background:transparent url('kuvat/navi-sprite.gif') -364px -23px no-repeat;
}
#ajankohtaista:hover,#ajankohtaista.current{
	width:113px;
	background:transparent url('kuvat/navi-sprite.gif') -490px -23px no-repeat;
}
/* Submenu styling */
#sub-menu{
	margin:10px 0 0 0;
	width:166px;
}
#sub-menu li{
	margin:0 0 3px;
	width:166px;
	display:block;
	float:left;
	clear:left;
}
#sub-menu li a{
	text-decoration:none;
}
#sub-menu li a .top{
	display:block;
	background:transparent url('kuvat/submenu-corners.gif') -343px 0 no-repeat;
	height:3px;
	font-size:2px;
}
#sub-menu li a .linkki{
	background-color:#f5f5f5;
	display:block;
	padding:4px 10px;
	color:#2b3a65;
}
#sub-menu li a .bottom{
	display:block;
	background:transparent url('kuvat/submenu-corners.gif') -516px 0 no-repeat;
	height:3px;
	font-size:2px;
}
#sub-menu li a:hover .linkki{
	background-color:#cdcccc;
	color:#fff;
}
#sub-menu li a:hover .top,#sub-menu li a.current .top{background:transparent url('kuvat/submenu-corners.gif') 0 0 no-repeat;}
#sub-menu li a:hover .bottom,#sub-menu li a.current .bottom{background:transparent url('kuvat/submenu-corners.gif') -172px 0 no-repeat;}
#sub-menu li a.current .linkki{
	background-color:#cdcccc;
	color:#fff;
}
/* footer texts*/
#footer p{
	text-align:center;
	font-size:1.2em;
	padding:10px 0 0 0;
	color:#999;
}

.msc{
	text-align:center;
	font-size:.9em;
	color:#ccc;
}
.msc a{
	color:#ccc;
	text-decoration:none;
}
td {
vertical-align:top;
}


/* KUVAGALLERIA */
#content-right-gallery{
	float:right;
	width:347px;
	display:inline;
	margin:10px 0 0 0;
}
.gallery-pic-wrapper a{
	margin: 0 1px 2px 0;
}