/* 8. CUSTOM LAYOUT & TYPOGRAPHY 
----------------------------------------------------------------------------------------*/
#container {
	
	}

nav a, nav a:visited {
    color: #808080;
    font-size: 15px;
    text-transform: uppercase; 
    letter-spacing: 0.1em;
    text-decoration: none;
    margin: 0 10px;
    border-bottom: none;
  }

nav a:hover {
    color: #000;
  }
  
nav .text-links { max-width: 30em; margin: 0 auto;}


.ingressi { font-size: 120%; font-style: italic;}

#ota-yhteytta-link {border-bottom: 2px solid #ffe100; text-decoration: none; padding: 10px 14px;}  
#ota-yhteytta-link:hover { padding-bottom: 6px;}  

#palvelut-photo { position: absolute; left: 45px; margin-top: 100px; width: 210px; }  

.column { float: left; width: 184px; margin-bottom: 20px; }


.some { float: left; width: 35px; height: 35px; text-indent: -9999px; margin-right: 15px; margin-top: 10px; border-bottom:0;}
nav .some { float: right; margin-top: -30px;}



.twitter { background: url(../_images/buttons-some.png) 0 0 no-repeat; }
.twitter:hover { background: url(../_images/buttons-some.png) 0 -40px no-repeat; }

.linkedin { background: url(../_images/buttons-some.png) -50px 0 no-repeat; }
.linkedin:hover { background: url(../_images/buttons-some.png) -50px -40px no-repeat; }

#main span { /*background: #fff5b2; */ }

.cv { padding: 5px 0 3px 0; margin-left: 10px; font-size: 22px; float: left;}
.cv:hover { padding-bottom: 0; }
.icon-cv { float: left; } 

#sanat { margin: 30px auto; text-align: center; max-width: 980px; position: relative;} 
#sanat a { border-bottom: 0;} 



/* Kuka Lekka */

.kuka-lekka { position: relative;}
#henna-photo { position: absolute; left: -305px; margin-top: 70px; }  
#twitter { background: url(../_images/icon-twitter.png) 0 38px no-repeat; position: absolute; height: 300px; width: 230px; left: -305px; top: 380px; padding-left: 40px;}


/* Yhteystiedot */

#kartta { max-width: none; float: right; border: 0; width: 175px;}
a.some { border-bottom: none !important;}



/* Taulukko */

#logot  { margin-top: 50px; border:none;}
#logot img { max-width: none; float: left; border:none;}


/* Haitari */

#accordion h3 { outline: 0; padding-left: 28px; background: url(../_images/icon-plus-iso.png) 0 6px no-repeat; font-size: 25px; text-transform: none; letter-spacing: 0; padding-bottom: 10px;  margin-bottom: 10px;}
#accordion h3:hover { padding-left: 28px; background: url(../_images/icon-plus-iso.png) 0 -173px no-repeat; font-size: 25px; text-transform: none; letter-spacing: 0;}
 
.ui-accordion .ui-accordion-header {
	display: block;
	cursor: pointer;
}

.ui-accordion-content { padding-bottom: 15px; margin-top: -10px;}



footer#monarkia { margin: -15px auto 0 auto; text-align: center; width: 300px; font-size: 11px; color: #acacac; margin-bottom: 20px; text-transform: uppercase; letter-spacing: 1px;}
footer#monarkia a{ color: #acacac;}

#suomenvahvimmat-yrityslogo {max-height: 250px;}



/* Sanaruudukko */

a#sanat-ilo { width: 66px; height: 180px; position: absolute; left: 320px; top: 5px; } 
a:hover#sanat-ilo { background: url(../_images/sanat-ilo.png) 0 0 no-repeat;}  

a#sanat-kirjoittaminen { width: 790px; height: 53px; position: absolute; left: 98px; top: 129px; } 
a:hover#sanat-kirjoittaminen { background: url(../_images/sanat-kirjoittaminen.png) 0 30px no-repeat;}  

a#sanat-idea { width: 60px; height: 249px; position: absolute; left: 662px; top: 110px; } 
a:hover#sanat-idea { background: url(../_images/sanat-idea.png) 0 0 no-repeat;}  


a#sanat-lekka { width: 266px; height: 53px; position: absolute; left: 328px; top: 375px; } 
a:hover#sanat-lekka { background: url(../_images/sanat-lekka.png) 0 30px no-repeat;}  

a#sanat-uskallus { width: 440px; height: 53px; position: absolute; left: 86px; top: 310px; } 
a:hover#sanat-uskallus { background: url(../_images/sanat-uskallus.png) 0 40px no-repeat;}  

a#sanat-madrid { width: 327px; height: 53px; position: absolute; left: 550px; top: 192px; } 
a:hover#sanat-madrid { background: url(../_images/sanat-madrid.png) 0 30px no-repeat;}  






/* 9. CUSTOM LAYOUT & TYPOGRAPHY narrow
----------------------------------------------------------------------------------------*/
@media screen and (min-width: 100px) and (max-width: 960px) {

#container { width: 95%; }
#container .nivo-caption { font-size: 40px; line-height: 40px;}

table img { max-width: 100%;  }

#main h2, #main2 h2{ margin: 20px 0 40px 0; }
#main, #main2 { padding-left: 0;  }	

#henna-photo { position: relative; left: auto; padding-left: 10px; margin-top: 0; margin-bottom: 10px;}

#twitter { display: none;}
#sanat { display: none;}
nav .some { display: none;}

#ota-yhteytta-link { padding-bottom: 2px;}  

article { padding: 0 5%; }

#kartta { float: left;}

h4 {
  font-size: 1em;
  }



}