* { margin: 0px; padding: 0px; }

body { margin: 0 auto 0 auto;
	font-family: Trebuchet MS, Verdana, sans-serif; font-size: 1em;
	background: #1C314D url(gfx/top_pattern.jpg) top repeat-x; 
	text-align: center;
	}

	#wrapper { width: 575px;
		    margin: 50px auto 30px auto; padding: 0; text-align: left; }
	* HTML #wrapper { width: 600px; } 
	
	#contact { font-size: 0.8em; color: #C7CDD4; position: absolute; margin-left: 295px; margin-top: -55px; }
	#contact span { color: #9aa6b4; display: block; margin-top: 6px; }
	
	span { display: none; }
	p { font-size: 0.8em; color: #D2DBEE; margin: 12px 3px 10px 3px; }
	a { color: #fff; text-decoration: none; }
	a:hover { text-decoration: underline; }
	h1 { font-weight: 100; display: block; width: 189px; height: 79px; font-size: 2.8em; color: #fff; background: url(gfx/ravantit.jpg) no-repeat; }
	h2 { font-weight: 100; font-size: 1.6em; color: #D2DBEE; margin: 15px 0px 5px 0px; }
	#ravintolat { width: 570px; padding: 5px; background: #3E5068; text-align: center;}
	* HTML #ravintolat { width: 580px; }
	#ravintolat img { border: 0; margin: 2px; border-bottom: 1px solid #1C314D; }
	#ravintolat a:hover { margin-left: 6px; }
	
	#kantis { margin-top: 30px; font-size: 1.2em; width: 570px; padding: 5px; border: 1px solid #3E5068; text-align: center; }
	 #kantis a { color: #D2DBEE; text-decoration: none;}
	 #kantis a:hover { color: #fff; }
	 
	#copy { color: #D2DBEE; margin-top: 30px; font-size: 0.7em; width: 570px; text-align: center; }
	 #copy a { color: #fff; text-decoration: none;}
	 #copy a:hover { color: #fff; text-decoration: underline;}