/*tähän tyylitiedostoon olen määritellyt
kaiken sivuille tulevan tavaran ulkoasut
internet explorerin yleisimmille versioille
on omat tyylitiedostonsa, eli jos muokkaat
jonkin hyvin olennaisen palikan ulkoasua,
tee samat muutokset myös ie-css:ssiin*/
html {
	min-height: 100.05%;
}

body { 
	text-align: center;
	color: #3d4e5d;
	background: #fff;
	letter-spacing:0.03em;
	line-height:1em;
	
}

big {
	font-family: "Arial narrow";
	font-size:15px;
	letter-spacing:0.03em;
	line-height:1em;
	color:#6f8293;
}

a:link {
	color: #678aa1;
	text-decoration: none;
	font-family:"Arial narrow";
	border:none;
	outline: none;
}

a:visited {
	color: #787878;
	text-decoration: none;
	border:none;
	outline: none;
}

a:hover,
a:active {
	color: #FF8800;
	text-decoration: none;
	border:none;
	outline: none;
}

img {
	border: none;
}


.100 {
	width:100%;
	text-align:center;
}

.limiter {
	margin:auto;
	width:800px;
	height:700px;
	overflow:hidden;
}


ul {
	margin-bottom: 2em;
	list-style: none;
}

ul#slideshow-i li img{
	top:110px;
	width:485px;
	height:302px;
	margin-left:275px;
	position:absolute;
	list-style: none;
}


.fade{
	margin-bottom: 2em;
	
}

.fade p{
	margin-bottom: 2em;
	text-align: center;
	width: 100%;
	background: #fff;
}

/*etusivun blogitus*/
div#scrollbar {
    display:block; /* initially display:none; to hide from incapable */
    }

div#wn	{ 
    position:relative;
    width:265px; height:240px;
    overflow:hidden;
	}
    
div#scrollbar { 
  position:relative;
  width:11px; height:240px; 
  font-size:1px;  /* so no gap or misplacement due to image vertical alignment */
  }
div#track { 
  position:absolute; left:280px; top:-190px;
  width:11px; height:180px;
  background: #fff;
  border:solid 1px #fff;
  }
div#dragBar {
  position:absolute; left:0px; top:0px;
  width:9px; height:40px;
  background-color:#fff;
  }  
div#up { position:absolute; left:280px; top:-230px; }  
div#down { position:absolute; left:280px; bottom:245px; }

/* for safari, to prevent selection problem  */
div#scrollbar, div#track, div#dragBar, div#up, div#down {
    -moz-user-select: none;
    -khtml-user-select: none;
}

/* so no gap or misplacement due to image vertical alignment
font-size:1px in scrollbar has same effect (less likely to be removed, resulting in support issues) */
div#scrollbar img {
    display:block; 
    } 
/*etusivun blogitus päättyy*/

.textarea{ /*tää on etusivun tekstialue, jonka sisällä blogitus killuu*/
	width: 320px;
	height:250px;
	position:absolute;
	top:166px;
	text-align:left;
	font-family: "Arial narrow";
	font-size:13px;
	letter-spacing:0.03em;
	line-height:1em;
	overflow:hidden;
	
}
.line {
	position: absolute;
	top: 105px;
	border-bottom: 2px solid #687b91;
	width:800px;
	height:3px;
	
}

.line2 {
	position: absolute;
	top: 462px;
	border-bottom: 2px solid #687b91;
	width:800px;
	height:3px;
	
}


.logo {
	position: absolute;
	margin-left:-16px;
	top: 77px;
}

.textarea2{
	width: 280px;
	position:absolute;
	top:175px;
	text-align:left;
	font-family: "Arial narrow";
	font-size:13px;
	letter-spacing:0.03em;
	line-height:1.3em;
	margin-left:520px;
}
.kuva {
	position:absolute;
	top:126px;
}
/*toimistosivu*/
.textarea3{
	width: 275px;
	position:absolute;
	top:132px;/*q-merkkien kanssa tähän 132px*/	
	text-align:left;
	font-family: "Arial narrow";
	font-size:13px;
	letter-spacing:0.03em;
	line-height:1.3em;
	padding-left:0px;
	margin-left:0px;/*q-merkkien kanssa tähän 39px*/	
}
.emilia {
	position:absolute;
	margin-top:118px;
	margin-left:396px;
	width:200px;
	text-align:left;
	font-family: "Arial narrow";
	font-size:13px;
	line-height:1em;
}
.pekka {
	position:absolute;
	margin-top:118px;
	margin-left:600px;
	width:200px;
	text-align:left;
	font-family: "Arial narrow";
	font-size:13px;
	line-height:1em;

}

.navi { /*tää määrittää navigoinnin sijainnin sivuilla*/
	position:absolute;
	top:463px;
	margin-left:-22px;
}

/*text-slide, eli kohdesivujen teksiosuus alkaa tästä*/

#slideshow {
	margin:0 auto;
	width:290px;
	position:absolute;
}
#slideshow #slidesContainer {
  margin:0 auto;
  width:290px;
  height:240px;
  overflow:hidden;
}
#slideshow #slidesContainer .slide {
  width:290px; /* reduce by 20 pixels of #slidesContainer to avoid horizontal scroll */
  height:250px;
}

/** 
 * Slideshow controls style rules.
 */
.control {
  display:block;
  width:18px;
  height:23px;
  position:absolute;
  cursor: pointer;
}
#leftControl {
  top:20px;
  left:-18px;
  background:url(../images/left.gif) no-repeat;
}
#leftControl:hover {
  top:20px;
  left:-18px;
  background:url(../images/lefthov.gif) no-repeat;
}
#rightControl {
  top:180px;
  right:-10px;
  background:url(../images/right.gif) no-repeat;
}
#rightControl:hover {
  top:180px;
  right:-10px;
  background:url(../images/righthov.gif) no-repeat;
}
.slide p {
  margin:10px;
}

/*kuvaslide eli kohdesivujen kuvien asemoinnit ja ne pallot yms.*/

.jqGSContainer .jqGSImgContainer{}
.jqGSContainer .jqGSImgContainer ul{
	padding:0;
	margin:0;
	position:relative;
	list-style:none;
	}
.jqGSContainer .jqGSImgContainer ul li{
	padding:0;
	margin:0;
	margin-top:5px;
	float:left;
	}
.jqGSContainer .jqGSImgContainer ul li .jqGSLoader{
	width:100%;
	height:100%;
	position:absolute;
	}

.jqGSContainer .jqGSPagination{ /*pallorivin sijainti*/
	width:100%;
	position: absolute;
	height:18px;
	margin-top:12px;
	}
.jqGSContainer .jqGSPagination ul{
	padding:0;
	margin:0;
	list-style:none;
	
	}
.jqGSContainer .jqGSPagination ul li{ /*yksittäisen pallon containeri*/
	float:left;
	margin-right:2px;
	

	}
.jqGSContainer .jqGSPagination ul li a{
	background: url(../images/grey.gif) no-repeat;
	display:block;
	outline:none;
	height: 17px;
	width:17px;
	}
.jqGSContainer .jqGSPagination ul li a.selected{
	background:url(../images/blue.gif) no-repeat;
	}
.jqGSContainer .jqGSPagination ul li a:hover{
	background:url(../images/greyh.gif) no-repeat;
	}
.jqGSContainer .jqGSPagination ul li a:active{
	background:url(../images/greya.gif) no-repeat;
	}