/* CSS            */
/* Tape Art Oy    */
/* tapeart.fi     */
/* Värjäämö / SS  */

body { 
	background: #11213d url(gfx/bg.jpg) repeat-x;
}

#container {
	margin-left: auto;
	margin-right: auto;
	margin-top: 45px;
	width: 867px;
	min-height: 500px;
}

#header {
	width: 867px;
	height: 147px;
	background-color: #CCCCCC;
	float: left;
}

	#header #navi {
		width: 500px;
		height: 35px;
		margin-top: 107px;
		margin-left: 410px;
		float: left;
	}
	
		#header #navi i { display:none; }
	
		#n01          { float: left; display:block; width: 60px; height: 35px; background: url(gfx/n01_hover.gif); }
		#n01 a        { float: left; display:block; width: 60px; height: 35px; background: url(gfx/n01.gif); }
		#n01 a:hover  { display: block; width: 60px; height: 35px; background: url(gfx/n01_hover.gif); }
		
		#n02          { margin-left: 3px; float:left; display:block; width: 72px; height: 35px; background: url(gfx/n02_hover.gif); }
		#n02 a        { float: left; display:block; width: 72px; height: 35px; background: url(gfx/n02.gif); }
		#n02 a:hover  { display: block; width: 72px; height: 35px; background: url(gfx/n02_hover.gif); }
		
		#n03          { margin-left: 3px; float:left; display:block; width: 111px; height: 35px; background: url(gfx/n03_hover.gif); }
		#n03 a        { float: left; display:block; width: 111px; height: 35px; background: url(gfx/n03.gif); }
		#n03 a:hover  { display: block; width: 111px; height: 35px; background: url(gfx/n03_hover.gif); }
		
		#n04          { margin-left: 3px; float:left; display:block; width: 96px; height: 35px; background: url(gfx/n04_hover.gif); }
		#n04 a        { float: left; display:block; width: 96px; height: 35px; background: url(gfx/n04.gif); }
		#n04 a:hover  { display: block; width: 96px; height: 35px; background: url(gfx/n04_hover.gif); }
		
		#n05          { margin-left: 3px; float:left; display:block; width: 101px; height: 35px; background: url(gfx/n05_hover.gif); }
		#n05 a        { float: left; display:block; width: 101px; height: 35px; background: url(gfx/n05.gif); }
		#n05 a:hover  { display: block; width: 101px; height: 35px; background: url(gfx/n05_hover.gif); }
		
		
	
	.etusivu_hdr  	{ background-image: url(gfx/header_etusivu.jpg); 	}
	.tuotteet_hdr 	{ background-image: url(gfx/header_tuotteet.jpg); 	}
	.aineisto_hdr 	{ background-image: url(gfx/header_aineisto.jpg); 	}
	.yhteys_hdr   	{ background-image: url(gfx/header_yhteys.jpg); 	}
	.tarjous_hdr  	{ background-image: url(gfx/header_tarjous.jpg); 	}

#content {
	width: 867px;
	min-height: 400px;
	float: left;
	background: #ffffff url(gfx/content_bg.jpg) no-repeat;
}


#content_header {
	width: 867px;
	height: 60px;
	float: left;
}
#content_header H2 {
	margin-left: 25px;
	margin-top: 25px;
	font: bold 16px Tahoma, Arial, Helvetica, sans-serif;
	color: #656565;
}

#text_column {
		width: 400px;
		min-height: 338px;
		margin-left: 40px;
		margin-top: 15px;
		float: left;
		font-family: Tahoma, Arial, Helvetica, sans-serif;
		font-size: 12px;
	}
	
#yhteys_txt {
		width: 150px;
		min-height: 338px;
		margin-left: 20px;
		margin-top: 15px;
		float: left;
		font-family: Tahoma, Arial, Helvetica, sans-serif;
		font-size: 12px;
	}
	
#yhteys_map {
		width: 500px;
		min-height: 338px;
		margin-left: 40px;
		margin-top: 15px;
		float: left;
		font-family: Tahoma, Arial, Helvetica, sans-serif;
		font-size: 12px;
	}

	#tuotteet_left {
		width: 380px;
		min-height: 338px;
		margin-left: 25px;
		float: left;
		font-family: Tahoma, Arial, Helvetica, sans-serif;
		font-size: 12px;
	}
	
	#tuotteet_left P { margin-left: 15px; margin-top: 0;}
	
	#tuotteet_right {
		width: 380px;
		min-height: 338px;
		margin-left: 35px;
		float: left;
		font-family: Tahoma, Arial, Helvetica, sans-serif;
		font-size: 12px;
	}
	
	#tuotteet_right P { margin-left: 15px; margin-top: 0;}

#content_front {
	width: 867px;
	height: 338px;
	float: left;
	background: #3a6799 url(gfx/etu_bg.jpg) repeat-x;
}

#content_front_left {
	width: 382px;
	height: 338px;
	float: left;
	color: #FFFFFF;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 12px;
}

#content_front_left P {margin-left: 20px;}
#content_front_left H2 { margin-top: 20px; font: bold 16px Tahoma, Arial, Helvetica, sans-serif; margin-left: 20px;}

#content_front_right {
	width: 485px;
	height: 338px;
	float: left;
}

#front_ad {
	width: 867px;
	height: 98px;
	float: left;
	background-color:#CC6600;
}
#front_ad img {border:0;}



#footer {
	width: 867px;
	height: 111px;
	float: left;
	background-color: #CC9900;
	margin-bottom: 40px;
	background-image: url(gfx/footer.jpg);
	color: #999999;
	font: 11px Tahoma, Arial, Helvetica, sans-serif;
}

	#footer_txt01 {	
		width: 103px;
		margin-top: 35px;
		margin-left: 110px;	
		float: left;
	}
	#footer_txt02 {
		width: 134px;
		margin-top: 35px;
		margin-left: 20px;	
		float: left;
	}
	#footer_txt03 {
		margin-top: 38px;
		margin-left: 20px;	
		float: left;
	}

		#footer A { color: #999999; text-decoration: none;}
		#footer A:hover {text-decoration: underline;}



html {
overflow: -moz-scrollbars-vertical;
}