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

#wrapper {
	width: 1020px;
	margin-right: auto;
	margin-left: auto;
	background-color: #FFF;
	border: 2px solid #c8e2f8;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #7777777;
	position: relative;
	left: -9px;
}
#header {
	height: 130px;
	width: 1020px;
}
.copyright {
	color: #D2D2D2;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
}
#liput {
	height: 60px;
	width: 31px;
	float: right;
	margin-right: 10px;
	margin-top: -70px;
}
#logo_fin {
	height: 69px;
	width: 595px;
	display: block;
	background-image: url(hellahuone_logo.png);
	margin-top: 20px;
}
#logo_eng {
	height: 69px;
	width: 595px;
	display: block;
	background-image: url(hellahuone_logo_eng.jpg);
	margin-top: 20px;
}
#suomi_flag {
	background-image: url(fiflag.png);
	display: block;
	height: 20px;
	width: 31px;
}
#br_flag {
	background-image: url(ukflag.png);
	display: block;
	height: 20px;
	width: 31px;
	margin-top: 10px;
}
#vasen_side {
	float: left;
	width: 198px;
	border-top-width: 2px;
	border-top-style: solid;
	border-top-color: #c8e2f8;
}
#content {
	width: 624px;
	float: left;
	margin-top: -53px;
	position: relative;
}
#oikea_side {
	width: 198px;
	float: left;
	border-top-width: 2px;
	border-top-style: solid;
	border-top-color: #c8e2f8;
}
#content_ylaosa {
	height: 16px;
	width: 624px;
	background-image: url(content_yla.png);
}
#side_viiva {
	background-color: #c8e2f8;
	color: #c8e2f8;
	margin-top: 20px;
	margin-bottom: 15px;
	height: 0px;
}
#content_tekstiosa {
	width: 620px;
	border-right-width: 2px;
	border-left-width: 2px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #c8e2f8;
	border-left-color: #c8e2f8;
	background-color: #FFF;
	margin-top: -8px;
	min-height:300px;
	position: relative;
}
#content_alaosa {
	height: 16px;
	width: 624px;
	background-image: url(content_ala.png);
}
#content_tekstit {
	width: 600px;
	margin-left: 10px;
	margin-right: 10px;
	font-family: Arial, Helvetica, sans-serif;
	color: #777777;
	font-size: 12px;
	position: relative;
}
#clearer {
	width: 1020px;
	clear: both;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #E9E9E9;
	height: 20px;
}
#navi {
	width: 109px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 15px;
}
#etusivu {
	background-image: url(etusivu_2.png);
	display: block;
	height: 59px;
	width: 109px;
}

#etusivu:hover {
	background-image: url(etusivu_2_rollover.png);
	display: block;
	height: 59px;
	width: 109px;
}
#info {
	background-image: url(info_2.png);
	display: block;
	height: 59px;
	width: 109px;
}

#info:hover {
	background-image: url(info_2_rollover.png);
	display: block;
	height: 59px;
	width: 109px;
}
#galleria {
	background-image: url(galleria_2.png);
	height: 59px;
	width: 109px;
	display: block;
}

#galleria:hover {
	background-image: url(galleria_2_rollover.png);
	height: 59px;
	width: 109px;
	display: block;
}
#peli {
	background-image: url(peli_2.png);
	display: block;
	height: 59px;
	width: 109px;
}

#peli:hover {
	background-image: url(peli_2_rollover.png);
	display: block;
	height: 59px;
	width: 109px;
}
#yhteys {
	background-image: url(ota_yhteys_2.png);
	height: 59px;
	width: 109px;
	display: block;
}

#yhteys:hover {
	background-image: url(ota_yhteys_2_rollover.png);
	height: 59px;
	width: 109px;
	display: block;
}
.navi {
	margin-bottom: -7px;
}
.kuva {
	margin-right: 10px;
	margin-left: 10px;
}
#navi_ylin {
	margin-left: 67px;
}
#kauppalinkki {
	display: block;
	height: 120px;
	width: 110px;
	background-image: url(kauppahiutale.png);
	margin-top: 50px;
}
#kauppalinkki:hover {
	display: block;
	height: 120px;
	width: 110px;
	background-image: url(kauppahiutale.png);
	margin-top:50px;
}

#kauppalinkki_etu {
	display: block;
	height: 120px;
	width: 110px;
	background-image: url(kauppahiutale.png);
	margin-top: 50px;
}
#kauppalinkki_etu:hover {
	display: block;
	height: 120px;
	width: 110px;
	background-image: url(kauppahiutale.png);
	margin-top: 45px;
	margin-bottom: 5px;
}

#tweet {
	margin-top: 1px;
}
#kauppateksti {
	height: 36px;
	width: 109px;
	display: block;
	background-image: url(hella_2.png);
	margin-top: 30px;
	margin-bottom: 5px;
}

#kauppateksti:hover {
	height: 36px;
	width: 109px;
	display: block;
	background-image: url(hella_2_rollover.png);
	margin-top: 30px;
	margin-bottom: 5px;
}
#kauppa_content {
	width: 784px;
	float: left;
	margin-top: -53px;
	position: relative;
}
#kauppa_oikea {
	width: 38px;
	float: left;
	background-color: #c3e2f8;
	height: 2px;
}
#kauppa_yla {
	height: 12px;
	width: 784px;
	background-image: url(kauppa_content_yla.png);
}
#wrapper_kauppa {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #777777;
	background-color: #FFF;
	width: 1020px;
	border: 2px solid #c8e2f8;
	margin-right: auto;
	margin-left: auto;
}
#kauppa_paita {
	background-image: url(paitapx.jpg);
	display: block;
	height: 110px;
	width: 110px;
	float: left;
	margin-left: 60px;
	margin-top: 20px;
	margin-right: 10px;
}
#kauppa_kaksi {
	display: block;
	height: 110px;
	width: 110px;
	float: left;
	margin-top: 20px;
	margin-right: 10px;
	margin-left: 10px;
	background-color: #999;
}
#kauppa_kolme {
	display: block;
	float: left;
	height: 110px;
	width: 110px;
	margin-top: 20px;
	margin-right: 10px;
	margin-left: 10px;
	background-color: #999;
}
#kauppa_nelja {
	display: block;
	height: 110px;
	width: 110px;
	margin-top: 20px;
	margin-right: 10px;
	margin-left: 10px;
	float: left;
	background-color: #999;
}
#kauppa_viisi {
	background-color: #999;
	display: block;
	float: left;
	height: 110px;
	width: 110px;
	margin-top: 20px;
	margin-right: 10px;
	margin-left: 10px;
}
#kauppa_paita_kaksi {
	display: block;
	height: 110px;
	width: 110px;
	float: left;
	margin-left: 60px;
	margin-top: 20px;
	margin-right: 10px;
	background-color: #999;
}
#tekstiosa {
	width: 430px;
	margin-top: 30px;
	margin-left: 60px;
}
#vaaka_ylin {
	margin-top: 28px;
}
.pysty {
	margin-top: 5px;
	margin-bottom: 5px;
	float: left;
}
.pysty_yksi {
	margin-top: 5px;
	margin-bottom: 5px;
	float: left;
}
#kauppa_sisalto {
	width: 780px;
	background-color: #FFF;
	border-right-width: 2px;
	border-left-width: 2px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #c8e2f8;
	border-left-color: #c8e2f8;
}
#kauppa_tekstit {
	margin-right: 5px;
	margin-left: 5px;
}
#kauppa_ala {
	height: 13px;
	width: 784px;
	background-image: url(kauppa_content_ala.png);
}
#wrapper_popup {
	height: 587px;
	width: 425px;
	border: 2px solid #c8e2f8;
}
.popup_otsikko {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	color: #7e7e7e;
}
.otsikko {
	font-family: "Arial Rounded MT Bold";
}
.t_paita {
	margin-top: 50px;
	margin-left: 10px;
}
.popup_tekstit {
	width: 221px;
	margin-left: 20px;
	display: block;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #000;
}
#viiva {
	background-color: #c8e2f8;
	height: 1px;
	width: 198px;
}
.peliohje {
	display: block;
	width: 130px;
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #777777;
	margin-top: 40px;
	margin-left: 34px;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: dotted;
	border-bottom-style: dotted;
	border-top-color: #c8e2f8;
	border-bottom-color: #c8e2f8;
	margin-right: 34px;
}
.button {
	font-family: Arial, Helvetica, sans-serif;
	color: #777777;
	margin-right: 15px;
}
.button_kaksi {
	font-family: Arial, Helvetica, sans-serif;
	color: #777777;
	margin-left: 15px;
}
#etusivu_eng {
	background-image: url(main.png);
	display: block;
	height: 59px;
	width: 109px;
}

#etusivu_eng:hover {
	background-image: url(main_rollover.png);
	display: block;
	height: 59px;
	width: 109px;
}

#galleria_eng {
	background-image: url(gallery.png);
	display: block;
	height: 59px;
	width: 109px;
}

#galleria_eng:hover {
	background-image: url(gallery_rollover.png);
	display: block;
	height: 59px;
	width: 109px;
}

#peli_eng {
	background-image: url(game.png);
	display: block;
	height: 59px;
	width: 109px;
}

#peli_eng:hover {
	background-image: url(game_rollover.png);
	display: block;
	height: 59px;
	width: 109px;
}

#yhteys_eng {
	background-image: url(contact.png);
	display: block;
	height: 59px;
	width: 109px;
}
.form {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #777777;
}

#yhteys_eng:hover {
	background-image: url(contact_rollover.png);
	display: block;
	height: 59px;
	width: 109px;
}
tr {
	width: 200px;
}
.contact_tekstit {
	display: block;
	margin-bottom: 20px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #777777;
	margin-right: 15px;
	margin-left: 70px;
	width: 300px;
}
.kiitos {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #777777;
}
#content_tekstit_index {
	width: 600px;
	font-family: Arial, Helvetica, sans-serif;
	color: #777777;
	font-size: 14px;
	display: block;
	margin-top: 20px;
}

#footer {
	background-color: #edf5f8;
	height: 21px;
	width: 1020px;
	margin-bottom: 20px;
}
#tyhja {
	height: 2px;
	background-color: #FFF;
}
#footer_kaksi {
	background-color: #edf5f8;
	height: 14px;
	width: 1020px;
	margin-top: 20px;
	margin-bottom: -8px;
}
#send_button {
	color: #777777;
}
#back {
	text-decoration: none;
}
#takaisin {
	text-decoration: none;
}
#flash_galleria {
	width: 600px;
	position: relative;
}
.content_linkki {
	color: #777777;
	text-decoration: none;
}

.content_linkki:hover {
	color: #d3ebfa;
	text-decoration: none;
}
.content_linkki_kaksi {
	color: #777777;
	text-decoration: none;
}

.content_linkki_kaksi:hover {
	color: #a3fba1;
	text-decoration: none;
}

#slideshow {
    position:relative;
    height:368px;
	margin-left:62px;
}

#slideshow IMG {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
}

#slideshow IMG.active {
    z-index:10;
    opacity:1.0;
}

#slideshow IMG.last-active {
    z-index:9;
}

#slideshow_kaksi {
    position:relative;
    height:402px;
}

#slideshow_kaksi IMG {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
}
.optim_link {
	text-decoration: none;
	color: #87b1cf;
}

.optim_link:hover {
	text-decoration: none;
	color: #a8bbca;
}

.opti_link {
	font-family: "Arial Rounded MT Bold";
	font-weight: lighter;
	text-decoration: none;
	color: #a8bbca;
	font-size: 11px;
}

#slideshow_kaksi IMG.active {
    z-index:10;
    opacity:1.0;
}

#slideshow_kaksi IMG.last-active {
    z-index:9;
}