/*Juhin Rakennus Oy - Laadukasta rakentamista*/ 
 
 
html, body{ 
 margin:0; 
 padding:0; 
 text-align:left; 
 background-color:#0f1518;
} 


#pagewidth{ 
 width:100%; 
 background:#ffffff;
 text-align:left;
 margin:0; 
 margin-right:auto;
} 


/*- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  HEADER*/

#header{
 position:relative;
 background:#0f1518; 
 height:92px;
 display: block; 
 width:100%;
 margin:0;
 padding:0;
}  


#header_illustration{
 position:relative;
 background:url(images/bg_main.gif) repeat-x; 
 height:262px; 
 width:100%;
 margin:0 0 15px 0;
 padding:0;
}  

.jrlogo{
float:left;
margin:28px 0 0 25px;
padding:0;
}

.jrslogan{
float:left;
margin:65px 0 0 45px;
padding:0;
}

img a {
border:0;
}



/*- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  MAIN NAVIGATION + SEARCH*/

#mainnav{
display:block;
float:left;
margin:0 0 15px 5px;
padding:0;
}

#mainnav strong{
font:normal 13px Tahoma, Verdana, Arial, sans-serif;
color:#42889a;
}
	
#mainnav ul{
padding:0;
margin:0 0 0 21px;
list-style-type:none;
border:0;
}
	
#mainnav li{
float:left;
display:inline;
padding:0 9px 0 9px;
margin:0;
}
	
#mainnav li a{
font:normal 15px Tahoma, "Lucida Sans Unicode", "Lucida Grande", "Lucida Console", Helvetica, Arial, sans-serif;
text-decoration:none;
text-transform:none;
color:#325b6b;
padding:0;
margin:0;
}
		
#mainnav li a:hover{
text-decoration:none;
border-bottom: 1px dotted #0f1518;
color:#000000;
padding:0;
margin:0;
}
	
#mainnav li a:active{
color:#000000;
margin:0;
padding:0;
}
	
.active {
color:#000000;
}



/*- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  VASEN PALSTA*/ 

/*#leftcol{
width:10px; 
float:left;
position:relative; 
background-color:#ffff;
border:1px solid #999;
 }*/
 
 
/*- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  KESKIPALSTA*/


#twocols{
width:1000px; 
float:left; 
position:relative;
padding:0;
margin:0;
 }

#maincol{
float:left; 
display:inline; 
position:relative; 
width:365px; 
margin:0 5px 15px 46px;
padding:0;
}
 
.keskisisalto{
margin:0;
padding:0 0 15px 0;
}

#kartta {
margin:0;
padding:10px 0 15px 10px;
}
 
.article_pic{
margin:0 0 10px 10px;
padding:0;
float:right;
}
	
#maincol ul{
list-style-type:none;
font:normal 13px Tahoma, Verdana, "Lucida Sans Unicode", "Lucida Grande", "Lucida Console", Geneva, Arial, sans-serif;  
color:#ffefa1;
margin:0;
padding:10px 10px 10px 15px;
}
	
#maincol li{
margin:2px 0 12px 0;
padding:0;
}
	
#address ul{
margin:2px 0 2px 0;
padding:0;
}

#address li{
margin:0 0 3px 0;
padding:0;
}
	

#maincol dl{
margin:2px 0 10px 0;
padding:5px;
}
	
#maincol dt{
margin:0 0 0 5px;
line-height:1.3em;
font:normal 13px Tahoma, Verdana, "Lucida Sans Unicode", "Lucida Grande", "Lucida Console", Geneva, Arial, sans-serif;  
color:#0f1518; 
}
	
#maincol dd{
margin:3px 0 15px 5px;
font:normal 12px Tahoma, Verdana, "Lucida Sans Unicode", "Lucida Grande", "Lucida Console", Geneva, Arial, sans-serif;  
color:#5a5a5a;
}   
   


/*- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - OIKEA PALSTA*/
 

#rightcol{
width:525px;
float:left; 
position:relative; 
margin:0 0 0 28px;
padding:0;
}
 
#right_content{
padding:0;
margin:0;
}

#oikea_nosto{
width:475px;
padding:7px 0 15px 0;
margin:0;
border-top:1px dotted #4587a2;
}

#pointers{
display:block;
padding:0;
margin:0 0 25px 0;
}

.pointer_block_palvelut{
background:url(images/bg_palvelut.png) no-repeat;
display:block;
height:209px;
width:231px; 
float:left;
display:inline;
padding:0 3px 0 0;
margin:0 0 8px 5px;
}

.pointer_block_tilanvuokraus{
background:url(images/bg_tilanvuokraus.png) no-repeat;
display:block;
height:209px;
width:231px; 
float:left;
display:inline;
padding:0 3px 0 0;
margin:0 0 8px 5px;
}

.pointer_block_yhteystiedot{
background:url(images/bg_yhteydenotto.png) no-repeat;
display:block;
height:115px;
width:470px; 
float:left;
display:inline;
padding:0 3px 0 0;
margin:0 0 8px 5px;
}

.pointer_quote{
font:normal 16px Tahoma, Verdana, "Lucida Sans Unicode", "Lucida Grande", "Lucida Console", Geneva, Arial, sans-serif;
color:#ffffff;
padding:0;
margin:0;
line-height: 1.3em;
text-align:left; 
}

 
#rightcol ul{
list-style-type:none;
font:normal 12px Tahoma, Verdana, "Lucida Sans Unicode", "Lucida Grande", "Lucida Console", Geneva, Arial, sans-serif;  
color:#b7b7b7;
margin:0;
padding:35px 0 10px 10px;
}
	
#rightcol li{
margin:2px 4px 0 0;
padding:0;
}

 
#rightcol dl{
font:normal 13px Tahoma, Verdana, "Lucida Sans Unicode", "Lucida Grande", "Lucida Console", Geneva, Arial, sans-serif;    
color:#d1d1d1;
margin:0;
padding:10px 10px 12px 10px;
}

#rightcol dt{
margin:3px 0 8px 0;
	}
	
#rightcol strong{
font:bold 14px Tahoma, Verdana, "Lucida Sans Unicode", "Lucida Grande", "Lucida Console", Geneva, Arial, sans-serif;  
}


/*- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  FOOTER*/

#footer{
width:100%; 
float:left;
clear:both;
}
 
#footer_text{
float:left;
font:normal 11px Tahoma, Verdana, Arial, Geneva, sans-serif;
text-transform:none;
padding:10px 0 10px 52px;
color:#4587a2;   
}
 
 
/*- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  TYPOGRAFIA*/ 
 
#maincol h1{
font:normal 16px Tahoma, Verdana, "Lucida Sans Unicode", "Lucida Grande", "Lucida Console", Geneva, Arial, sans-serif; 
text-decoration: none;
line-height:1.3em;
color:#096e89; 
margin:0;
padding:2px 0 0 10px;
}

 
#rightcol h1{
font:normal 16px Tahoma, Verdana, "Lucida Sans Unicode", "Lucida Grande", "Lucida Console", Geneva, Arial, sans-serif; 
text-decoration: none;
line-height:1.3em;
color:#096e89; 
margin:0;
padding:5px 0 0 10px;
 }
 

#maincol h2{
font:normal 15px Tahoma, Verdana, "Lucida Sans Unicode", "Lucida Grande", "Lucida Console", Geneva, Arial, sans-serif;
color:#307d9c;
padding:15px 15px 5px 0;
margin:15px 0 0 0;
border-bottom: 1px dotted #63a6c2;
}
 
#maincol h2 a{
font:normal 15px "Lucida Sans Unicode", "Lucida Grande", "Lucida Console", Geneva, Arial, sans-serif;
color:#a6e551;
}
 
#maincol h2 a:hover{
color:#bfd9d8;
text-decoration: none;
}
 
#rightcol h2{
font:bold 14px Tahoma, "Lucida Sans Unicode", "Lucida Grande", "Lucida Console", Geneva, Arial, sans-serif;
color:#262626;
padding:20px 10px 0 10px;
margin:0;
}
 
 
h3{
font:bold 13px Tahoma, "Lucida Sans Unicode", "Lucida Grande", "Lucida Console", Geneva, Arial, sans-serif;
color:#096e89;
padding:14px 10px 0 10px;
margin:0;
}
 
#rightcol h3{
font:bold 13px Tahoma, "Lucida Sans Unicode", "Lucida Grande", "Lucida Console", Geneva, Arial, sans-serif;
color:#096e89;
padding:14px 10px 0 10px;
margin:0;
}
 
h4{
font:bold 13px Arial, Helvetica, Geneva, sans-serif;
color:#000;
padding:2px 0 1px 0;
margin:5px 0 3px 0;
}
 
#maincol p{
font:normal 13px Tahoma, Verdana, "Lucida Sans Unicode", "Lucida Grande", "Lucida Console", Geneva, Arial, sans-serif; 
color:#0f1518;
padding:10px 15px 4px 10px;
margin:0;
line-height:1.4em;
} 

#rightcol p{
font:normal 13px Tahoma, Verdana, "Lucida Sans Unicode", "Lucida Grande", "Lucida Console", Geneva, Arial, sans-serif; 
color:#0f1518;
padding:10px 15px 4px 10px;
margin:0;
line-height:1.4em;
} 
 
.keskisisalto a{
font:normal 13px Tahoma, Verdana, "Lucida Sans Unicode", "Lucida Grande", "Lucida Console", Geneva, Arial, sans-serif;
text-decoration:none;
color:#4587a2;
border-bottom: 1px dotted #4587a2;
}

 
a{
font:bold 12px Arial, Helvetica, Geneva, sans-serif;
text-decoration:none;
color:#4587a2;
}
 
a:hover{
color:#0f1518;
text-decoration:none;
}
	
a:active{
color:#0f1518;
text-decoration: none;
}
	
/*a:visited{
font:normal 13px Tahoma, Verdana, "Lucida Sans Unicode", "Lucida Grande", "Lucida Console", Geneva, Arial, sans-serif;
color:#8cb8ca;
text-decoration: none;
}*/
 


/*- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  FIXES*/ 
 
.clearfix:after{
content:"."; 
display:block; 
height:0; 
clear:both; 
visibility:hidden;
}


.clearfix{display: inline-table;}

/* Hides from IE-mac \*/

* html .clearfix{height: 1%;}

.clearfix{display: block;}

/* End hide from IE-mac */  

 /*printer styles*/ 

@media print{ 

/*hide the left column when printing*/ 

#leftcol{display:none;} 

/*hide the right column when printing*/ 

#rightcol{display:none;} 

#twocols, #maincol{width:100%; float:none;}

}