# /*------------------------------------------------------------------ # [ Layout Stylesheet] #  # Project:    Villa Succa# Version:    1.1 # Last change:    # Assigned to:    Sami Mäkelä# Primary use:    Hotel website# -------------------------------------------------------------------*/  /* v1.0 | 20080212 -- reset values */html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, font, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; /*background: transparent;*/ }body 					{ 	line-height: 1; }ol, ul 					{ 	list-style: none; }blockquote, q 			{  	quotes: none; }blockquote:before, blockquote:after,q:before, q:after 		{ 	content: ''; 	content: none; }/* remember to define focus styles! */:focus 					{ 	outline: 0; }/* remember to highlight inserts somehow! */ins 						{ 	text-decoration: none; }del 						{ 	text-decoration: line-through; }/* tables still need 'cellspacing="0"' in the markup */table 					{ 	border-collapse: collapse; 	border-spacing: 0; }/* General definitions */body {  background-image: url('../imgs/bkgpat.jpg'); background-repeat: repeat; font-family: Verdana,Arial,Helvetica,sans-serif; color: #f1f0d2;}.clear  { clear: both}.heavyclear { clear: both; pading-bottom: 10px; }h1 { color: #f1f0d2; font-size: 1.2em; margin-left: 25px; font-weight: 500; margin-bottom: 30px;}h2 { color: #f1f0d2; font-size: 1.2em; margin-left: 25px; font-weight: 500; margin: 20px 0px 10px 0px;}p   { line-height: 1.2; padding: 1px 5px 1px 10px; font-size: 0.9em;}img { border: 0 none; }a {text-decoration: none; color: #f1f0d2; }.mapster a { text-decoration: none; color: #f1f0d2;}.extra { padding: 5px; text-align: center; width: 100%; }.powerpoint a {text-decoration: underline; color:#ff0084; }.powerpoint a:hover { text-decoration: none; color: #f1f0d2; } /* -- Layout sections  #  top#  center#  center2,3,4.. (optional)#  footer## Additional Styles# images*//* TOP section contents  */#top_area { width: 810px; height: 150px;  background-image: url('../imgs/toplogo.gif'); margin: 0 auto 50px;}#flags_cont {float: right; width: 140px; height: 30px;  margin-top: 25px; }#top_info_cont { width: 100%; margin-top: 10px;  height: 30px; color: #1e1800; font-size: 0.8em; }#top_extra_cont { width: 100%; margin-top: 8px;  height: 30px; }/* TOP section sub contents  (divs within divs) *//* flags_cont *//* top_info_cont */#top_address { float: left; padding: 8px 0px 0px 15px; letter-spacing: 2px; }#contact { float:right; padding: 8px 15px 0px 0px; letter-spacing: 2px; }.street-address	{ float: left; padding-right: 6px;}.locality	{ float: left; }.postal-code	{ float: left; padding-right:6px;}/*top_extra_cont *//* -----END TOP SECTION ---*//* Center section(s) */.center_area { width: 810px; margin: 0 auto 10px; background-color:#1e1800; padding-top: 20px;}.center_wide { width: 786px; margin: 18px 12px; background-color:#1e1800; padding: 20px 0px; text-align: center;}.center_wide p { margin: 3px 0px;}.cent_left { /*background-color: green;*/ float: left; margin: 18px 0px 12px 21px; width: 570px; }.cent_right { /*background-color: blue ;*/ float: right; margin: 18px 21px 12px 0px; width: 170px; }.mails { line-height: 12px; margin-bottom: 30px; }#galleriabx { margin-bottom: 5px; padding-top: 5px; }#fanbook { margin: 5px 0px 10px -20px; padding: 3px; }/* -----END CENTER SECTIONS --*//* footer */#prefooter { width: 810px; margin: 0px auto; padding: 2px 0px 2px 0px; border-top: 1px solid black; border-bottom: 1px solid black;}#footer { width: 810px; margin: 0px auto 0px; background-color: #1e1800; color: white; padding: 6px 0px 6px 0px; font-size: 0.8em; text-align: center; }/* Additional Styles *//* --images -- */.mainimg { border: 1px solid #f1f0d2; padding: 5px; width: 758px; margin: 20px 20px 10px;  }.gal { border: 1px solid #f1f0d2; padding: 4px; margin-bottom: 12px; }.gal:hover  { border: 4px solid #9a8b62; padding: 1px; margin-bottom: 12px; }.lang_flag { border:0px; margin: 10px 5px 0px 0px; float: right; }.mflag { margin-top: 3px;}.nav  { border: 0px; float: left; margin: 0px 0px 0px 22px;}.nav_anime { border: 0px; float: left; margin: 0px 0px 0px 10px;}.socialimg {float:left; margin: 5px 5px 0px 3px;  width: 75px; }#googlemap { border: 1px solid #f1f0d2; padding: 5px;  margin: 40px 20px 10px;  }#googlemap2 { border: 0px; padding: 5px 5px 35px 5px;  margin: 20px 20px 10px;  }#googlemap3 { border: 0px; padding: 5px 5px 35px 5px;  margin: 20px 20px 10px;  }/* page flip */#pageflip {	position: relative;	color: black;}#pageflip img {	width: 50px; height: 52px;	z-index: 99;	position: absolute;	right: 0; top: 0;	-ms-interpolation-mode: bicubic;}#pageflip .msg_block {	width: 50px; height: 50px;	position: absolute;	z-index: 50;	right: 0; top: 0;	background: url(../imgs/x.gif) no-repeat right top;	text-indent: -9999px;}#pageflip a { border: 0px; }#pageflip img a { border: 0px; }/* hinnasto  */ul.hinnat { font-size: 100%; line-height: 120%; }