/* CSS Document common.css revision 2.0 - Hiski Valli A4Media Oy - Como portal v.0.1 */


/* --------B A S E------------- */

	* { margin:0; padding:0; }
	
	body {background: url('pics/tausta.gif') repeat-x #FFFFFF 0px 0px; font-family: Arial, Helvetica, sans-serif; font-size:62.5%; color: #000000; text-align: center;}

	h1{
		font-size: 24px;
	}

	h2{
		font-size: 16px;
	}

	#frontimagecenter p{
		font-size: 16px;
		margin: 8px 0;
		font-weight: bold;
	}

	a img{
	  border: none;
	}
	
	a{
		color: #CF1502;
		text-decoration: none;
		font-weight: bold;
	}
	
	a:hover{
		color: #CF1502;
		text-decoration: underline;
	}	
	#container
	{
	  margin: 0 auto;
	  background: url('pics/graybg.gif') repeat-x;
	  width: 783px;
	  height: 853px;
	  font-size: 1.2em; 
	}
	
	#leftshadow
	{
	  float:left;
	  width: 7px;
	  height: 847px;
	  background: url('pics/varjo_vas.jpg') no-repeat;
	}
	#rightshadow
	{
	  float: left;
	  width: 7px;
	  height: 847px;
	  background: url('pics/varjo_oik.jpg') no-repeat;
	}


	
	#content
	{
	  width: 769px;
	  height: 847px;
	  float: left;
	  text-align: center;
	}
	
	#header
	{
	  height: 218px;
	  width: 767px;
	  margin: 0px 0px 1px 1px;
	  
	}

	.header_etusivu
	{
	  background: url('pics/etusivu.jpg') no-repeat;
	}

	.header_liikkeet
	{
	  background: url('pics/liikkeet_ja_palvelut.jpg') no-repeat;
	}

	.header_kuvat
	{
	  background: url('pics/kuvat.jpg') no-repeat;
	}

	.header_historia
	{
	  background: url('pics/historia.jpg') no-repeat;
	}

	.header_aukioloajat
	{
	  background: url('pics/aukioloajat.jpg') no-repeat;
	}

	.header_yhteystiedot
	{
	  background: url('pics/yhteystiedot.jpg') no-repeat;
	}

	#navileft
	{
	  
	  float: left;
	  width: 10px;
	  height: 31px;
	  background: url('pics/naviround_vas.gif') no-repeat top right;
	}

	#navicenter
	{
	  float: left;
	  width: 749px;
	  height: 31px;
	  background: url('pics/navi_bg.gif') repeat-x;
	  padding: 0px;
	  text-align: center;
	}

	#naviright
	{
	  float: left;
	  width: 9px;
	  height: 31px;
	  background: url('pics/naviround_oik.gif') no-repeat;
	}

	#navicenter ul {

	padding-left:17px;
	white-space: nowrap;
	width:720px;
	margin: 0 auto;
	}

	#navicenter li {
	list-style-type: none;
	display: inline;
	height: 31px;
	}

	#navicenter li.dots {
	list-style-type: none;
	float: left;
	height: 31px;
	width: 5px;
	background: url('pics/navi_dots.gif') no-repeat;
	}

	#navicenter li#navi1 a{
		width: 80px;
	}
	
	#navicenter li#navi2 a{
	width: 173px;
	}
	
	#navicenter li#navi3 a{
	width: 76px;
	}

	#navicenter li#navi4 a{
	width: 94px;
	}
	
	#navicenter li#navi5 a{
	width: 122px;
	}

	#navicenter li#navi6 a{
	width: 122px;
	}


	
	#navicenter li a {
	color: white;
	height: 24px;
	text-transform: uppercase;
	text-decoration: none;
	float: left;
	display: block;
	padding-top: 7px;
	font-weight: bold;
	text-align: center;
	background: url('pics/navi_bg.gif') repeat-x 0px 0px;
	}
	
	#navicenter li a:hover {
	  background-position: 0px -31px;
	  text-decoration: none;
	}

	#navicenter li a.selected {
	text-decoration: underline;
	}

	#navicenter li a.selected:hover {
	text-decoration: underline;
	}

	.clear, .clearleft{
	  clear: both;
	  height: 1px;
	  overflow: hidden;
	  font-size:1px;
	}
	
	.clearleft { clear: left; }
	

	#whitebox
	{
	  background: #FFFFFF;
	  color: #000000;
	  height: 539px;
	  width: 700px;
	  margin: 0 auto;
	  text-align: left;
	}
	
	#whiteleft
	{
	  float: left;
	  height: 539px;
	  width: 157px;
	  
	  font-family: "Trebuchet MS", Verdana, Arial, Lucida, Helvetica, MS Sans Serif;
	  background: url('pics/main_dots.gif') no-repeat 155px 10px;
	}
	
	#whiteleft h2
	{
		font-size: 16px; font-weight: bold;
		margin-top: 35px;
		padding-left: 20px;
	}
	
	#whiteleft p
	{
		margin-top: 20px;
		padding-left: 20px;
	}

	
	#whiteright {
	  float: right;
	  height: 539px;
	  width: 542px;
	  
	}
	
	
	
	#blackfooter
	{
	  background: #000000 url('pics/alaround.gif') no-repeat;
	  height: 23px;
	  width: 700px;
	  margin: 0 auto;
	  color: white;
	  padding-top: 10px;
	  font-family: "Trebuchet MS", Verdana, Arial, Lucida, Helvetica, MS Sans Serif;
	  font-size: 12px;
	}
	
	
	
	#bottomshadow
	{
	  background: url('pics/varjo_ala.gif') no-repeat;
	  height: 6px;
	  float: left;
	  width: 783px;
	}
	
	#frontimagecenter
	{
	  margin-left: 50px;
	  margin-top: 50px;
	  text-align: center;
	  width: 352px;
	}
	
	#frontimagetext
	{
	  margin-left: 14px;
	  margin-top: 20px;
	}
	
	
	#subnav
	{
		margin-bottom: 50px;
	}
	
	#subnav #subheader
	{
		
		width: 133px;
		background: #EFEFEF;
		color: black;
		font-size: 12px;
		line-height: 29px;
		padding-left: 20px;
		margin-top: 35px;
		margin-bottom: 10px;
	}
	
	#subnav .listitem
	{
		background: url('pics/subnav_dots.gif') bottom left no-repeat;
		height: 17px;
		width: 133px;
		padding-top: 8px;
		margin-left: 20px;
		font-family: arial;
		font-size: 12px;
	}
	
	#subnav .listitem a{
		font-weight: normal;
	}
	
	#whiteright #maintextholder
	{
		margin-top: 60px;
		margin-left: 33px;
		width: 390px;
	}	
	
	#whiteright #maintextholder li
	{
	margin-bottom: 6px;
	}
	
	#whiteright #maintextholder h1
	{
		font-size: 18px;
		font-weight: normal;
		margin-bottom: 18px;
	}

	#whiteright #maintextholder p
	{
		margin-bottom: 14px;
	}
	
	#whiteright #maintextholder a
	{
		font-weight: normal;
	}