# /*------------------------------------------------------------------ # [ Layout Stylesheet] #  # Project:    Merilaituri.fi# Version:    1.1 # Last change:    # Assigned to:    Sami Mäkelä# Primary use:    Business website# -------------------------------------------------------------------*/  /* v1.0 | 20080212 -- reset values */*						{ margin: 0; padding: 0; }html						{ overflow-y: scroll; }html, body				{ height: 100%;   margin: 0;  padding: 0; }body					{ font-size: 82.5%; font-family: Arial, sans-serif; color: #272727; background: url(../images/bkgimg.jpg) no-repeat fixed center top; #f0efed; }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 */.clear  { clear: both}#pagewrap		{ width: 960px; margin: 0px auto -250px;  padding-top: 0px; min-height: 100%; height: auto !important; height: 100%;  }#push			{ height: 250px; }#topbar			{ height: 31px; background: #1d1918; width: 100%; margin: 0px; padding: 2px 0px 0px 0px; }#navhold		{ width: 960px; margin: 0 auto; }#contenthome	{ height: 580px; }#logo			{ width: 270px;  float: left;}a img							{ border: none; }/* sisäsivut */#logomini		{ width: 140px;  float: left;  }
IMG.logotxtmini	{ position: relative; top: 12px; width: 140px; }#pagecontent	{ width: 660px; float: left;  margin: 35px 0px 100px 0px;  }#gal			{ width: 150px; float: right; margin: 35px 5px; }IMG.leftimg		{ float: left; padding: 2px; border: 1px solid black; margin: 5px 15px 20px 5px; }.captionimg		{	float: left; text-align: center; padding: 0px 10px 5px 0px; }.captionimgR		{	float: right; text-align: center; padding: 0px 10px 5px 0px; }IMG.bordered	{ padding: 2px; border: 1px solid black; margin: 10px 5px 5px 5px; }IMG.rightimg		{ float: right; padding: 2px; border: 1px solid black; margin: 10px 15px 20px 5px; }h1.inner		{ font-size: 135%; margin-left: 95px; display: block; }#pagecontent p	{ margin: 10px; padding: 5px; }#pagecontent p.quote	{ font-style:italic; padding: 5px 15px; }img.galimg		{ padding: 2px; border: 1px solid black; margin: 5px; }
IMG.logotxthome	{ position: relative; top: 200px; }
IMG.messulogo	{ position: relative; border: 0px; }
#liukuva		{ width: 690px; float: right; margin: 90px 0px 0px 0px;}/* sivukartta */
p.sivukartta	{ font-size: 105%; margin: 20px 0px 0px 15px; padding: 20px 0px 0px 15px; }
p.sivukartta a	{ color: #272727; text-decoration: none; }
p.sivukartta a:hover	{ text-decoration: underline; }
.huom			{font-size: 80%;}
.tuotehinta			{font-weight: bold;} 
.kolla			{ font-weight: bold; font-size: 110%; }
.kolla a			{ text-decoration:none; color: #272727; }
.kolla	a:hover  { text-decoration:none; color: #272727; }
ul.sivuk			{ margin:0px; padding:0px; }
ul.sivuk	li a		{ color: #272727; text-decoration: none; }
ul.sivuk	li a:hover	{ text-decoration: underline; }/* gallery */			
h4 { margin: 15px 0 5px 45px; }						
h4, p { font-size: 1.2em; }			
p.ohje { font-size: 95%; padding-left: 45px;}/* yhteydenotto */ 
#contact		{ margin: 10px 0px 20px 50px; font-size: 120%;}
/* footer  */#footer			{ height: 250px; background: #1d1918;  padding-top: 20px; }
#footwrap		{ width: 960px; margin: 0 auto; }
#footco			{ width: 200px; float: right; padding: 0px 10px 0px 150px; text-align: left; color: white; }
#footlinks		{ width: 573px; float: left; padding: 0px 10px 0px 0px; text-align: left; color: #534a48; }
ul.footlinker 	{ margin: 0px; padding: 0px; }
ul.footlinker li	{ list-style: none; display: inline; padding: 0px 1px; }
ul.footlinker li.link, ul.footlinker li.link a{ text-decoration: none; color: #534a48; list-style: none; display: inline; padding: 0px 3px; }
ul.footlinker li.link a:hover	{ text-decoration:none; color: #f2f1f1; }