@charset "UTF-8";
/* CSS Document */

/*-- BODY --*/
body {
	background-color: #000;
	font-family: "Apple Chancery", "Handwriting - Dakota";
}

/*-- KOKOSIVU --*/
#kokosivu {
	background-color: #000;
	margin: auto;
	margin-top: 20px;
	height: 580px;
	width: 900px;
	background-image: url(elina+tausta3.png);
}

/*-- VASEN --*/
#vasen {
	float: left;
	height: 580px;
	width: 400px;
	color: #666;
}

/*-- OIKEA --*/
#oikea {
	float: right;
	height: 580px;
	width: 495px;
	color: #ffffcc;
}

/*-- OTSIKKO --*/
#otsikko {
	position: relative;
	margin-left: auto;
	margin-right: auto;
	margin-top: 20px;
	text-align: center;
	padding: 0px;
	font-size: 58px;
	font-weight: bold;
}

/*-- TEKSTI --*/
#teksti {
	position: relative;
	margin-left: 5px;
	margin-top: 4px;
	width: 480px;
}

#teksti_etusivu {
	float: left;
	margin-left: 5px;
	width: 240px;
	margin-top: -2px;
}

#teksti_etusivu_oikea {
	float: right;
	margin-right: 10px;
	width: 180px;
	margin-top: -2px;
}

#teksti_yh {
	float: left;
	margin-left: 80px;
	margin-top: 15px;
}

#teksti_ke {
	position: relative;
	margin-left: 5px;
	margin-top: -20px;
	color: #BAB5B3;
}

#teksti_ke a:hover{
	font-size: 18px;
	color: #FFF;
}

#vasen_boksi { 
	float: left;
	width: 105px;
	margin-top: 0px;
}

#oikea_boksi {
	float: right;
	width: 340px;
	margin-right: 10px;
	padding-right: 4px;
	margin-top: 0px;
}
	


/*-- NAVIGOINTI --*/
/* Root = Horizontal, Secondary = Vertical */
ul#navmenu {
	position: relative;
	margin-top: 5px;
	margin-left: -5px;
  	border: 0 none;
  	padding: 0px;
  	width: 510px; /*For KHTML*/
  	list-style: none;
  	height: 34px;
	font-size: 18px;
}

ul#navmenu li {
  	border: 0 none;
  	padding: 3px;
  	float: left; /*For Gecko*/
  	display: inline;
  	list-style: none;
  	position: relative;
  	height: 24px;
}

ul#navmenu ul {
	margin-top: 0px;
  	border: 0 none;
  	padding: 5px;
  	width: 570px;
  	list-style: none;
  	display: none;
  	position: absolute;

}

ul#navmenu ul li {
  	float: left; /*For Gecko*/
  	display: block !important;
  	display: inline; /*For IE*/
}

/* Root Menu */
ul#navmenu a {
  	padding: 0 6px;
  	float: none !important; /*For Opera*/
  	float: left; /*For IE*/
  	display: block;
  	color: #999;
  	text-decoration: none;
  	height: auto !important;
  	height: 100%; /*For IE*/
}

/* Root Menu Hover Persistence */
ul#navmenu a:hover,
ul#navmenu li:hover a,
ul#navmenu li.iehover a {
  	color: #FFF;
	margin-top: -2px;
}

/* 2nd Menu */
ul#navmenu li:hover li a,
ul#navmenu li.iehover li a {
  	float: none;
  	color: #666;
}

/* 2nd Menu Hover Persistence */
ul#navmenu li:hover li a:hover,
ul#navmenu li:hover li:hover a,
ul#navmenu li.iehover li a:hover,
ul#navmenu li.iehover li.iehover a {
  	color: #FFF;
}

/*-- LINKIT --*/
a {
	text-decoration: none;
	color: #BAB5B3;
}

a:hover {
	color: #FFF;
	//margin-top: -2px;
}


/*-- LUOKAT --*/
.musta {color: #353535;}
.harmaa {color: #BAB5B3;}
.vaaleanharmaa {color: #CCC;}
.valko {color: #FFF;}
.alleviivaus {text-decoration: underline;}
.koko {font-size: 120%;}
.ylennys {margin-top: -16px;}
.ylennys2 {margin-top: -21px;}
.ylennys1 {margin-top: -13px;}
.vasennus1 {margin-left: -15px;}
.vasennus {margin-left: 30px;}
.pienennys {font-size: 90%;}
.valko1 {color: #ffffcc;}