body{
	width: 100%;
	height: 100%;
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height: 18px;
	color: #fff;
	background-color:#05167f;
	margin: 0 auto;
	/*overflow: hidden;*/
}

#preloaderPeitto {
	position: fixed;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	background-color: #FFF;
	z-index: 10500;
}
#preloadAnimation {
	position: absolute;
	left: 48%;
	top: 49%;
	width: 32px;
	height: 32px;
	background: transparent url(../images/loading.gif) no-repeat;
}

/* linkit */
a:link, a:visited {
	background: none;
	color: #fff;
	font-weight: bold;
	text-decoration: none;
	outline: none;
}

a:hover{
	color: #052f8b;
	background-color: #FFF;
}

#slider-buttons{
	display: none;
	margin:0 auto;
	margin-left: 150px;
}

#bgList{
	width:168000px;
	height: 100%;
	border:0;
	margin:auto;
	padding:0;
	left:0px;
}

#bgList li{
		position: relative;
		color: #000;
		list-style: none; 
		margin: 0; 
		padding: 0; 
		border: 0; 
		background: transparent;
		float: left;
		width: 1200px;
		height: 1200px;
		/*border: solid 1px red;*/
}

/* taustakuvat */
li#l0 {
	background: url(../images/bg_0.jpg) no-repeat;
}
li#l1 {
	background: url(../images/bg_1.jpg) no-repeat;
}
li#l2 {
	width: 2400px;
	background: url(../images/bg_2.jpg) no-repeat;	
}
li#l3 {
	background: url(../images/bg_3.jpg) no-repeat;
}
li#l4 {
	width: 2400px;
	background: url(../images/bg_4.jpg) no-repeat;	
}
li#l5 {
	background: url(../images/bg_5.jpg) no-repeat;
}
li#l6 {
	width: 2400px;
	background: url(../images/bg_6.jpg) no-repeat;	
}
li#l7 {
	background: url(../images/bg_7.jpg) no-repeat;
}
li#l8 {
	width: 2400px;
	background: url(../images/bg_8.jpg) no-repeat;	
}
li#l9 {
	background: url(../images/bg_9.jpg) no-repeat;
}
li#l10 {
	background: url(../images/bg_10.jpg) no-repeat;
}

/* solujen sisältö */
li#l1 p {
	color: #fff;
	width: 500px;
	margin: 100px auto auto auto;
}

/* menut **********************************************************/ 
#menu1, #menu2, #menu3 {
	position: absolute;
	left: 133px;
	top: 28px;
	width: 724px;
	height: 30px;
	font-size: 11px;
	font-weight: normal;
	padding: 8px 0px 0px 0px;
	z-index: 9999;
	/*border: solid 1px white;*/
}
/* taustakuvat */
#menu1 {
	background: transparent url(../images/bg_menu_1.png) no-repeat;
}
#menu2 {
	background: transparent url(../images/bg_menu_3.png) no-repeat;
}
#menu3 {
	background: transparent url(../images/bg_menu_3.png) no-repeat;
}
/* värit ja hoverit */
#menu2 a {
	color: #009ee0;	
	background-color: transparent;
}
#menu2 a:hover {
	color: #fff;
	background-color: #009ee0;
}
#menu3 a {
	color: #fff;	
	background-color: transparent;
}
#menu3 a:hover {
	color: #fff;
	background-color: #009ee0;
}

#menu1 a, #menu2 a, #menu3 a {
	position: relative;
	margin-top: -21px;
	z-index: 9999;
	/*border: solid 1px white;*/
}

/* Fuugo-linkki - etusivu */
a.menuLinkki0 {
	position: absolute;
	top: 20px;
	display: block;
	width: 92px;
	height: 18px;
	text-indent: 9999px;
	z-index: 9999;
}
a.menuLinkki1 {
	position: absolute;
	top: 1px;
	left: 120px;
	z-index: 9998;
	padding: 0px;
	margin: 0px;
	
}
a.menuLinkki2 {
	position: absolute;
	top: 1px;
	left: 140px;
	z-index: 9998;
}
a.menuLinkki3 {
	position: absolute;
	top: 1px;
	left: 150px;
	z-index: 9998;
}
a.menuLinkki4 {
	position: absolute;
	top: 1px;
	left: 163px;
	z-index: 9998;
}
#menu1 a.menuLinkki0:hover, #menu2 a.menuLinkki0:hover, #menu3 a.menuLinkki0:hover {
	background-color: transparent;
}
/* linkit */
.menuLinkki1, .menuLinkki2, .menuLinkki3, .menuLinkki4 {
	margin-right: 10px;
	margin-top: 20px;
}
.menuLinkki1 {
	margin-left: 118px;	
}
/* aktiiviset linkit */
#menu1 a.aktiivinen {
	color: #fff;
	background-color: #009ee0;
}
#menu2 a.aktiivinen {
	color: #fff;
	background-color: #009ee0;	
}
#menu3 a.aktiivinen {
	color: #000;
	background-color: #fff;	
}
/* sub-menut **************************************************************/
#subMenu1, #subMenu2, #subMenu3, #subMenu4 {
	position: absolute;
	left: 137px;
	top: 82px;
	width: 150px;
	z-index: 1000;
}
#subMenu1 a, #subMenu2 a, #subMenu3 a, #subMenu4 a {
	position: relative;	
	z-index: 9999;
}
#subMenu1 a, #subMenu2 a, #subMenu3 a {
	position: relative;
	font-size: 12px;
	color: #000;
	background-color: transparent;
	line-height: 16px;
}
#subMenu2 a {
	color: #fff;	
}
#subMenu1 a:hover, #subMenu3 a:hover {
	color: #fff;
	background-color: #000;
}
#subMenu2 a:hover {
	color: #000;
	background-color: #fff;
}
#subLinkki1_2, #subLinkki1_3, #subLinkki2_2, #subLinkki2_3, #subLinkki3_2, #subLinkki3_3, #subLinkki3_4, #subLinkki4_2 {
	margin-top: 10px;	
}
#subMenu3 a {
	color: #008ad3;
	background-color: transparent;
}
#subMenu3 a:hover {
	color: #fff;
	background-color: #008ad3;
}

#subMenu4 a {
	color: #fff;
	background-color: transparent;
}
#subMenu4 a:hover {
	color: #008ad3;
	background-color: #fff;
}

/* footer-menut ************************************************************/
.footerMenu1, .footerMenu2, .footerMenu3 {
	position: absolute;
	left: 111px;
	top: 556px;
}
.footerMenu1 a, .footerMenu2 a, .footerMenu3 a {
	font-size: 14px;
	margin-left: 12px;
}
.footerMenu2 a {
	color: #0f91d6;
	background-color: transparent;
}
.footerMenu2 a:hover {
	color: #fff;
	background-color: #0f91d6;
}
.footerMenu3 a {
	color: #fff;
	background-color: transparent;
}
.footerMenu3 a:hover {
	color: #000;		
	background-color: #fff;
}
.footerText, .footerTextBlack, .footerTextBlue {
	position: absolute;
	left: 707px;
	top: 556px;
	color: #fff;
}
.footerTextBlack {
	color: #000;
}
.footerTextBlack a {
	color: #000;	
	background-color: transparent;
}
.footerTextBlack a:hover {
	color: #fff;
	background-color: #000;
}
.footerTextBlue {
	color: #0f91d6;
}
.footerTextBlue a {
	color: #0f91d6;	
	background-color: transparent;
}
.footerTextBlue a:hover {
	color: #fff;
	background-color: #0f91d6;
}
	
/* sisällöt **********************************************************/ 
h1 {
	font-size: 24px;
	font-weight: normal;
	line-height: 26px;
}
.alaotsikko {
	font-size: 24px;
	font-weight: normal;
	line-height: 24px;
}
.alaotsikkoPieni {
	font-size: 18px;
	font-weight: normal;
	line-height: 22px;
}
/* infoOverlay */
#infoOverlay {
	position: fixed;
	left: 50%;
	margin-left: -464px;
	top: 60px;
	width: 	874px;
	height: 592px;
	color: #fff;
	background: transparent url(../images/bg_overlay.png) no-repeat;
	z-index: 100;
	visibility: hidden; /* näkyy muuten sivun latautuessa */
}
#overlayPeitto {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	background: transparent url(../images/overlayPeitto.png) repeat;
	z-index: 99;
}

#sulje {
	position: absolute;
	right: 162px;
	top: 20px;
}
#sulje a {
	display: block;
	position: absolute;
	left: 0px;
	top: 0px;
	width: 80px;
	height: 80px;
	color: #008ad3;
	padding: 40px 20px 0px 40px;
}
#sulje a:hover {
	text-decoration: underline;
	color: #008ad3;
	background-color: transparent;
}

#info_about, #info_contact {
	position: absolute;
	left: 110px;
	top: 20px;
}
#info_about h1, #info_contact h1 {
	font-weight: normal;
	width: 600px;
	margin: 70px auto 20px auto;
}
#info_about p, #info_contact p {
	width: 600px;
	margin: 20px auto 0px auto;
}
/* etusivu */
#etusivunKuva {
	position: absolute;
	left: 49px;
	top: 55px;
	width: 980px;
	height: 343px;
	background: transparent url(../images/etusivun_kuva.png) no-repeat;
	z-index: 0;
}
*+html #l1 #etusivunKuva {
	
}

#etusivuNostot {
	position: absolute;
	left: 30px;
	top: 400px;
	width: 1012px;
	height: 149px;
	font-size: 14px;
	color: #666;
	line-height: 16px;
	background: transparent url(../images/etusivu_nostot-tausta.png) no-repeat;
}
#etusivuNostot h1 {
	position: absolute;
	left: 30px;
	top: 4px;
	font-size: 23px;
	font-weight: bold;
	color: #0782b5;
	line-height: 22px;
	width: 400px;
}
#etusivuNostot a {
	position: relative;
	color: #0782b5;	
	background-color: transparent;
}
#etusivuNostot a:hover {
	color: #fff;
	background-color: #0782b5;	
}
#l1 #etusivuNostot #etusivuNosto1 p, #l1 #etusivuNostot #etusivuNosto2 p, #l1 #etusivuNostot #etusivuNosto3 p {
	position: absolute;
	left: 30px;
	top: -50px;
	color: #000;	
	z-index: 10;
}
#l1 #etusivuNostot #etusivuNosto1 p {
	top: -30px;	
}
#etusivuNosto2, #etusivuNosto3 {
	position: absolute;
	left: 220px;
	width: 205px;
}
#l1 #etusivuNostot #etusivuNosto2 p {
	left: 30px;
}
#l1 #etusivuNostot #etusivuNosto2 p a {
	position: absolute;
	left: 0px;
	font-weight: normal;
	color: #666;
	
}

#l1 #etusivuNostot #etusivuNosto1 a, #l1 #etusivuNostot #etusivuNosto2 a, #l1 #etusivuNostot #etusivuNosto4 a {
	z-index: 9999;	
}
#l1 #etusivuNostot #etusivuNosto1 a {
	display: block;
	position: absolute;
	left: -10px;
	top: -70px;
	width: 215px;
	height: 145px;
	z-index: 19999;
}
#l1 #etusivuNostot #etusivuNosto1 #etusivuTuotekuva a {
	display: block;
	position: absolute;
	left: 0px;
	top: -50px;
	width: 215px;
	height: 145px;
	z-index: 19999;
}

#l1 #etusivuNostot #etusivuNosto2 a {
	display: block;
	position: absolute;
	left: 15px;
	top: 0px;
	width: 215px;
	height: 100px;
	z-index: 10000;
}
#l1 #etusivuNostot #etusivuNosto2 #etusivuBetaKuva a {
	display: block;
	position: absolute;
	left: -135px;
	top: -40px;
	width: 215px;
	height: 145px;
	z-index: 10000;
}
#l1 #etusivuNostot #etusivuNosto1 a:hover, #l1 #etusivuNostot #etusivuNosto2 a:hover, #l1 #etusivuNostot #etusivuNosto3 a:hover, #l1 #etusivuNostot #etusivuNosto4 a:hover {
	background-color: transparent;	
}
#l1 #etusivuNostot #etusivuNosto1 #etusivuTuotekuva {
	position: absolute;
	left: 15px;
	top: -55px;
	width: 212px;
	height: 115px;
	background: transparent url(../images/etusivu_tuotekuva.png) no-repeat;
}
#l1 #etusivuNostot #etusivuNosto2 #etusivuBetaKuva {
	position: absolute;
	left: 150px;
	top: -60px;
	width: 82px;
	height: 96px;
	background: transparent url(../images/etusivu_hahmokuva.png) no-repeat;
}
#l1 #etusivuNostot #etusivuNosto3 #etusivuNostokuva {
	position: absolute;
	left: 100px;
	top: -35px;
	width: 120px;
	height: 89px;
	background: transparent url(../images/etusivu_nab.png) no-repeat;
}

#etusivuNosto3 {
	position: absolute;
	left: 440px;
}
#etusivuNosto3 p {
	white-space:nowrap;
	width: 600px;
}
#l1 #etusivuNostot #etusivuNosto2 p {
	left: 30px;
}
#l1 #etusivuNostot #etusivuNosto3 a {
	display: block;
	position: absolute;
	left: 15px;
	top: 0px;
	width: 215px;
	height: 145px;
	z-index: 10000;
}
#etusivuNosto4 {
	position: absolute;
	left: 870px;
	line-height: 22px;
}
#l1 #etusivuNostot #etusivuNosto4 a {
	display: block;
	position: absolute;
	left: -195px;
	top: 0px;
	width: 320px;
	height: 145px;
}
#etusivuRuutuKuva {
	position: absolute;
	left: -173px;
	top: -79px;
	width: 187px;
	height: 106px;
	background: transparent url(../images/img_What_is_Specs_01.gif) no-repeat;
}
/* What is Fuugo -sisältö */
#l3 .content1, #l3 .content2, #l3 .content3 {
	position: absolute;
	left: 137px;
	top: 178px;
	width: 370px;
	height: 300px;
	z-index: 2;	
}
#l3 .content2 p.what_can_fuugo_do_scroll {
	overflow: hidden;
}
#l3 .content3 {
	top: 112px;	
	left: 280px;
}
#l3 #image1, #l3 #image2_1, #l3 #image2_2, #l3 #image3 {
	position: absolute;
	width: 558px;
	height: 464px;
	z-index: 1;
}
#l3 #image1 {
	width: 813px;
	height: 417px;
	left: 15px;
	top: -125px;
}
#l3 .content1 h1 {
	position: absolute;
	left: 200px;
	top: 250px;
	z-index:8;
}
#l3 .content1 p {
	position: absolute;
	left: 200px;
	top: 286px;
	width: 600px;
	z-index:8;
}
/* */
#l3 #image2_1 {
	width: 121px;
	height: 224px;
	left: 15px;
	top: 125px;
}
#l3 #image2_2 {
	width: 192px;
	height: 323px;
	left: 675px;
	top: -100px;
}
#l3 .content2 h1 {
	position: absolute;
	left: 160px;
	top: -115px;
	width: 300px;	
}
#l3 .content2 p {
	position: absolute;
	left: 160px;
	top: -80px;
	width: 300px;	
}
#l3 .content2 p.kuvateksti1, #l3 .content2 p.kuvateksti2, #l3 .content2 p.kuvateksti3 {
	margin: 186px 0px 0px -158px;
}
#l3 .content2 #specsImage1, #l3 .content2 #specsImage2, #l3 .content2 #specsImage3 {
	position: absolute;
	left: 470px;
	top: -105px;
	z-index:10001;
}
#l3 .content2 #specsImage1 a, #l3 .content2 #specsImage2 a, #l3 .content2 #specsImage3 a {
	display: block;
	z-index:10001;
}
#l3 .content2 #specsImage2 {
	top: 25px;	
}
#l3 .content2 #specsImage3 {
	top: 155px;	
}
#l3 #betaText {
	position: absolute;
	left: 471px;
	top: 270px;
	width: 350px;
}
/* */
#l3 #image3 {
	width: 841px;
	height: 520px;
	left: -140px;
	top: -80px;
	z-index: 1;
	background: transparent url(../images/img_What_is_03.png) no-repeat;
	visibility: hidden; /* estää muuten linkkien toiminnan */
}
#l3 #image3 img {
	z-index: 1;
}
#l3 .content3 h1 {
	margin-top: 225px;
	z-index: 10;
}
#l3 .content3 p {
	margin-top: 45pxx;
	z-index: 10;	
	width: 300px;
}
/* Fuugo-specs -demovideot */
#demoVideo1, #demoVideo2, #demoVideo3 {
	display: block;
	position: absolute;
	left: 280px;
	top: 180px;
	width: 550px;
	height: 309px;
	background-color: #fff;
	z-index: 101;
}

/* Producs -sisältö */
#productsImage0 {
	position: absolute;
	left: 120px;
	top: 280px;
	width: 166px;
	height: 256px;
	background: transparent url(../images/img_products_00.png) no-repeat;
}
#productsImage1 {
	position: absolute;
	left: 670px;
	top: 55px;
	width: 409px;
	height: 373px;
	background: transparent url(../images/img_products_01.png) no-repeat;
}
#l5 .productsText {
	position: absolute;
	left: 706px;
	top: 429px;
	width: 380px;
	color: #fff;
	line-height: 15px;
}

#l5 h1, #l5 .alaotsikkoPieni, #l5 p {
	color: #fff;	
	width: 350px;
}
#l5 h1 {
	position: absolute;
	left: 320px;
	top: 70px;
}
#l5 p {
	position: absolute;
	left: 320px;
	top: 110px;
}

/* Community -sisältö */
#communityImage1 {
	position: absolute;
	left: -190px;
	top: -15px;
	width: 868px;
	height: 506px;
	background: transparent url(../images/img_community_01.png) no-repeat;
	z-index: 1;
}

#l7 .content4 {
	position: absolute;
	left: 270px;
	top: 65px;
	width: 290px;
}
#l7 .content4 h1 {
	line-height: 24px;
	margin-bottom: 0px;
}
#l7 .content4 a {
	position: relative;
	color: #0f91d6;
	font-weight: normal;
	background-color: transparent;
	z-index: 9999;
}
#l7 .content4 a:hover {
	color: #fff;
	background-color: #0f91d6;
}
#l7 #betaTestForm {
	position: absolute;
	left: -5px;
	top: 180px;
	width: 320px;
}
form,input,select,textarea {
	margin: 0;
	padding: 0px 0px 0px 10px;
	color: #000;
}
#betaTestForm label {
	width:100%;
	display: block;
	padding: 5px 0px;
}

#betaTestForm label span {
	display: block;
	color: #000;
	font-weight: bold;
	float: left;
	width: 400px;
	text-align: left;
	padding: 5px 20px 0px 7px;
}

#betaTestForm .input_text {
	padding: 2px;
	margin-left: 7px;
	width: 300px;
	background:#fff;
	border: 1px double #000;
}

#betaTestForm .message{
	padding: 2px;
	margin-left: 7px;
	width: 300px;
	height:50px;
	background: #fff;
	border: 1px double #000;
	overflow: hidden;
}

#betaTestForm .button
{
	display: block;
	padding: 8px 7px;
	background: #fff;
	border: 0px;
	position: relative;
	top: 13px;
	left: 7px;
	width: 100px;
	border: 1px double #000;
}
#communityImage2 {
	position: absolute;
	left: -190px;
	top: 150px;
	width: 163px;
	height: 303px;
	background: transparent url(../images/img_community_02.png) no-repeat;
	z-index: 1;
}
#communityImage3 {
	position: absolute;
	left: 410px;
	top: -15px;
	width: 315px;
	height: 407px;
	background: transparent url(../images/img_community_03.png) no-repeat;
	z-index: 1;
}
#communityImage4 {
	position: absolute;
	left: 420px;
	top: 15px;
	width: 346px;
	height: 188px;
	background: transparent url(../images/img_community_04.png) no-repeat;
	z-index: 1;
}
#l7 .content5 {
	position: absolute;
	left: 280px;
	top: 80px;
	width: 370px;
	height: 300px;
	z-index: 2;
}

#l7 .content6 {
	position: absolute;
	left: 240px;
	top: 70px;
	width: 320px;
}
#l7 .content7 {
	position: absolute;
	left: 270px;
	top: 65px;
	width: 320px;
}
#l7 .content7 p {
	width: 265px;	
}
#l7 .content6 #formText {
	position: absolute;
	left: 340px;
	top: 202px;
	width: 240px;
}

#l7 .content6 p#youtubeVideo {
	margin-left: 105px;	
}
 #l7 .content5 #scrollContent {
	position: relative;
	width: 400px;
	height: 390px;
	padding: 0px 10px 10px 0px;
	overflow: scroll;
	overflow-x: hidden;
	border-bottom: solid 1px #ccc;
	background-color: transparent;
	z-index: 10;
}
 
 /* About us -sisällöt */
 #aboutImage1 {
	position: absolute;
	left: 120px;
	top: 250px;
	width: 134px;
	height: 270px;
	background: transparent url(../images/img_about_01.png) no-repeat;
}
  #aboutImage2 {
	position: absolute;
	left: 370px;
	top: 40px;
	width: 658px;
	height: 402px;
	background: transparent url(../images/img_about_02.png) no-repeat;
}
   #aboutImage3 {
	position: absolute;
	left: 580px;
	top: 70px;
	width: 321px;
	height: 412px;
	background: transparent url(../images/img_about_04.png) no-repeat;
	z-index: 1;
}
#aboutImage4 {
	position: absolute;
	left: 400px;
	top: 300px;
	width: 182px;
	height: 211px;
	background: transparent url(../images/img_about_05.png) no-repeat;
	z-index: 1;
}
  #l9 .aboutContent7 p {
	position: absolute; 
	width: 300px;
	left: 270px;
	top: 250px;
	color: #fff;
}
 #l9 .aboutContent7 a,  #l9 .content8 a {
	position: relative;
	color: #65caff;
	background-color: transparent;
	z-index: 9999;
}
#l9 .aboutContent7 a:hover, #l9 .content8 a:hover {
	color: #fff;
	background-color: #65caff;
}
#l9 .content8 h1 {
	position: absolute; 
	left: 270px;
	top: 70px;
	color: #fff;
}
#l9 .content8 p {
	position: absolute; 
	left: 270px;
	top: 100px;
	color: #fff;
	width: 320px;
}