/* Toni Aalto / LaineAalto / laineaalto.fi */


/* MAIN STYLES */
*				{ padding:0; margin: 0;}
body			{ font-size: 12px; background-color: #000000; font-family: Verdana, Arial, Helvetica, sans-serif; color: #ffffff;}
a				{ color: #fffc00; text-decoration: none; }
a:hover			{ text-decoration: underline;}
h1				{ font-size: 14px; color: #fffc00; margin: 0 0 10px 0;}
h2				{ font-size: 11px; color: #fffc00; margin: 0 0 5px 0; width: 200px;}
h3				{ font-size: 16px; color: #fff; margin: 0 0 15px 0;}
.clubiTarjous 	{ font-size: 13px; color: #fffc00; margin-bottom: 10px;}
p				{ margin-bottom: 10px;}



/* SOUND */
#soundFlash { position: absolute; float: right; width: 33px; height: 33px; top: 10px; right: 120px; z-index: 10;}


/* CONTENT */
#mainContent {position:relative; width:1000px; min-height: 650px; margin: 0 auto;}
	#mainNavigation{height: 140px; width: 1000px;}
	
		#navigation{ width: 1000px; margin: 0 auto; text-align: center; top: 25px; padding: 18px 0 0 0;}
			#navigation ul{ list-style-type: none;}
			#navigation li { display: inline; margin: 0 40px 0 0; width: 100px;}
			#navigation li a{font-family: Arial; color: #fff; font-size: 12px; font-weight: bold; text-decoration: none;}
			#navigation li a:hover{font-family: Arial; color: #a7a7a7; font-size: 12px; font-weight: bold; text-decoration: none;}
			
			.active{ color: #a7a7a7;font-family: Arial; font-size: 12px; font-weight: bold;}
			.navigationArrowIndex { position: absolute; float: left; top: 5px; left: 222px;}
			.navigationArrowMiksi { position: absolute; float: left; top: 5px; left: 322px;}
			.navigationArrowGalleria { position: absolute; float: left; top: 5px; left: 422px;}
			.navigationArrowPalaute { position: absolute; float: left; top: 5px; left: 522px;}
			.navigationArrowRuokalista { position: absolute; float: left; top: 5px; left: 627px;}
			.navigationArrowAsiaa { position: absolute; float: left; top: 5px; left: 728px;}
			
	#mainLogo{ position: relative;  height: 80px;left: 360px;width: 410px;}
	#mainContentContent{position: relative;}
		#block-views-promo_etusivu-block_1 ul li { list-style: none;}
		#tarjous1 {position: relative; left: 650px;width: 282px; height: 102px; background: url('images/etusivu_nosto_bg.png') no-repeat left; margin: 25px 0 35px 0;}
			#tarjous1_content {position: relative; top: 10px; left: 45px;width: 140px; font-size:  12px;}
		.tarjous2{position: relative;  left: 550px;width: 282px; height: 102px; background: url('images/etusivu_nosto_bg.png') no-repeat left; margin: 0 0 35px 0;}
		.tarjous3{position: relative;  left: 450px;width: 282px; height: 102px; background: url('images/etusivu_nosto_bg.png') no-repeat left; margin: 0 0 35px 0;}
			.tarjous2_content {position: relative; top: 10px; left: 45px;width: 140px;}
			.content_promo {margin: 0 auto; width: 600px; padding: 25px; background: url('images/teksti_bg.png') repeat;}
		
		/*MIKSI*/
		#miksiTeksti{ position: relative; float: left; width: 400px; left: 200px; margin-top: 40px;}
		#miksiTeksti p{ font-size: 12px;}

		#miksiLaatikko{position: relative;  float:right; right: 50px; width: 160px; height: 221px; margin-top: 40px; background:url('images/miksi_laatikko_bg.png') no-repeat top; right: 120px; padding: 5px 10px 0 20px;}
		#miksiLaatikko p { font-size: 11px;}
		
		/*GALLERIA*/		
		#galleriaHeader{ width: 400px; position:relative; left: 100px; margin-top: 40px;}
		#galleriaHeader p { font-size: 11px; margin-bottom: 40px;}
		
		#galleriaImages { width: 760px; position:relative; margin: 20px 0px 25px 0px; left: 135px; display: block; padding-bottom: 25px;}
		#galleriaImages .kuva { float:left; position:relative; width: 122px; height: 72px; background-color:#FFFFFF; padding: 4px; list-style:none; margin: 0 15px 0 0; display: block;}
		#galleriaImages .kuvav { float:left; position:relative; width: 122px; height: 72px; background-color:#FFFFFF; padding: 4px; list-style:none;}

		#galleriaImages .nuoliv { float:left; position:relative; width: 20px; height: 72px; list-style:none; margin-right: 4px;}
		.imageText { font-size: 10px; float: left; position: relative; margin-top: 3px;}
		.pager li a:link{ color: #fff; text-decoration: underline;}
		.pager li a:visited{ color: #fff; text-decoration: underline;}
		.pager li a:hover{ color: #fff; text-decoration: none;}
		
		.content_image {margin: 0 auto; width: 600px; padding: 25px; background: url('images/teksti_bg.png') repeat;}
		.content_image a { color: #fff;}
		
				
		/* ASIAA */
		#asiaaSisalto { position: relative; width: 950px; padding: 0 0 0 50px;}
		#asiaaSisalto ul { list-style: none;}
		#asiaaSisalto ul li{ float: left; position: relative; width: 267px; height: 222px; background:url('images/asiaa_laatikko_bg.png') top no-repeat; margin: 0 20px 0 0; padding: 30px 0 0 15px;}
		.asiaaLaatikko1 { padding-top: 35px;}
		
		/* PALAUTE */
		#palauteForm { width: 450px; margin: 0 auto;}
		#palauteForm label { width: 450px; margin: 10px 0 5px 0; float:left;}
		#palauteForm textarea { width: 450px; height: 80px; background-color: #333333; border: 1px solid #FFFFFF; color:#FFFFFF;}
		.palauteInput { width: 245px; height: 20px; background-color: #333333; border: 1px solid #FFFFFF; color:#FFFFFF;}
		.palauteSelect{ width: 245px; height: 20px; background-color: #333333; border: 1px solid #FFFFFF; color:#FFFFFF;}
		
		/* RUOKALISTAT */
		#ruokalistatContent { width: 520px; margin: 0 auto;}
		#lounaslistaLinkki{ text-align: center; margin-bottom: 25px;}
		#lounasLista { width: 450px; margin: 0 auto;}


		
		

		
		#mainFooter{height: 50px; text-align: center; margin-top: 20px;}
		#mainFooter span {display: block; margin-bottom: 2px; font-size: 11px;}
	
.indexBg {width:1000px; min-height:650px;background:url('images/bg/index_bg.jpg') no-repeat top;}
.miksiBg {width:1000px; min-height:650px;background:url('images/bg/miksi_bg.jpg') no-repeat top;}
.galleriaBg {width:1000px; min-height:650px;background:url('images/bg/galleria_bg.jpg') no-repeat top;}
.asiaaBg {width:1000px; min-height:650px;background:url('images/bg/asiaa_bg.jpg') no-repeat top;}
.palauteBg {width:1000px; min-height:800px; background:url('images/bg/palaute_bg.jpg') no-repeat top;}