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,
dl, dt, dd, ol, ul, li, ul li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
	list-style: none;
	background: transparent;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
	}
	
/* SCREEN */	
	body {
		margin:0;
		padding:0;
		line-height:1;
		font: 15px Arial, Helvetica, sans-serif;
		background: #c94228;
	}
	
	a {text-decoration:none;}
	
	#header {
		width: 100%;
		clear: both;
		float: none;		
		height: 162px;		
		background: url(../images/header_background.png) repeat-x transparent;
	}
	
	#header h1 {
		display: none;
	}
	
		#header_content {
			margin: auto;			
			width: 970px;
			height: 162px;			
		}
		
		#header_logo {
			float: left;
			height: 162px;
			width: 380px;			
			background: url(../images/header_logo.png) no-repeat transparent;
		}
		
		#header_text_container {
			float: right;
			text-align: center;			
			width: 590px;
			height: 116px;	
		}
		
		#header_navi_container {
			float: right;
			text-align: center;	
			width: 590px;
			height: 47px;			
		}
		
		#header_text_container h2 {			
			font-size: 1.4em;
			font-weight: bold;		
			margin: 28px 0;		
			color: #fff;
		}
		
	#footer {
		clear: both;
		width: 100%;
		clear: both;
		float: none;		
		height: 50px;		
		background: url(../images/footer_bg2.jpg) repeat-x transparent;
	}
	
		#footer_content {
			margin: auto;
			position: relative;
			padding: 3px 12px;		
			width: 890px;
			height: 25px;
			color: #FFFFFF;
			font-size: 0.8em;			
		}
		
		#footer_content_copyrigth {
			margin: auto;
			float: left;
			padding: 4px 12px;		
			width: 200px;
			height: 25px;
			color: #FFFFFF;
			font-size: 0.8em;			
		}
		
		#footer_content_vahennys {
			margin-left: 60px;
			font-weight: bold;
			float: left;
			padding: 2px 12px;		
			width: 200px;
			height: 25px;
			color: #FFFFFF;
			font-size: 1em;			
		}
		
		#footer_content_tekija {
			margin: auto;
			float: right;
			padding: 3px 12px;
			color: #FFFFFF;
			text-align: right;
			font-size: 0.8em;			
		}
		
		#footer_content_tekija a {
			margin: auto;
			color: #FFFFFF;
			text-align: right;
			font-size: 1em;
			font-weight: bold;			
		}
		
		#footer_content_tekija a:hover {
			margin: auto;
			color: #000;
			text-align: right;
			font-size: 1em;
			font-weight: bold;			
		}
		
/* Etusivua koskeva tyyli */

		
	#main_text_and_image {
			margin: auto;
			width: 860px;
			height: 363px;			
			background-position: center;
		}	

	  #main_content_etusivu {
			margin: auto;
			padding: 0px 0 20px 0;
			width: 100%;
			height: 360px;			
			background: url(../images/maincontainer_etusivun_bg-full.jpg) no-repeat transparent;
			background-position: center;
		}
		
		#main_content_etusivu_tekstilohko {
			float: right;
			text-align: left;			
			width: 720px;
			height: 80px;
			margin: 155px 40px 0 20px;						
		}
		
		#main_content_etusivu_tekstilohko h2 {
			font-size: 2.5em;
			font-weight: bold;	
			margin: 0px 15px 0 15px;
			color: #fff;		
		}
		
		#main_content_etusivu_tekstilohko h3 {
			font-size: 0.9em;
			font-weight: bold;	
			font-style: italic;
			margin: 15px;
			padding: 5px 20px 1px 10px;
			color: #c94228;
		}
		
		#main_content_etusivu_tekstilohko h4 {
			font-size: 1.2em;
			font-weight: bold;	
			margin: 10px 20px 0px 10px;
			padding: 0px 25px 0 6px;
			color: #c94228;
		}
		
		#main_content_etusivu_tekstilohko p {
			font-size: 0.8em;
			font-weight: bold;
			color: #000000;		
			margin: 15px;
			padding: 2px 20px 3px 10px;
		}
		

/* Tiilikuvien laatikkojen säännöt */		
		
		#main_content_tiilikuva_paallekkain {
			float: left;		
			width: 400px;
			height: 340px;
			padding: 1px;
			margin: 25px 10px 2px 2px;			
			background: url(../images/tiilet_paallekkain_kuva2.jpg) no-repeat transparent;
			background-position: center;	
		}
		
		#main_content_tiilikuva_paallekkain2 {
			float: left;		
			width: 400px;
			height: 340px;
			padding: 1px;
			margin: 25px 10px 2px 2px;			
			background: url(../images/tiilet_paallekkain_kuva4.jpg) no-repeat transparent;
			background-position: center;	
		}
		
		#main_content_tiilikuva_vierekkain {
			float: left;	
			width: 410px;
			height: 340px;
			margin: 25px 20px 2px 0;
			background: url(../images/tiilet_vierekkain_kuva.jpg) no-repeat transparent;
			background-position: center;	
		}
		
/* Lomakkeen säännöt */	


		#main_content_lomake {
			float: left;		
			width: 420px;
			height: 340px;
			padding: 1px;
			margin: 40px 10px 2px 10px;			
			
			}
		
		#main_content_label {
			font-size: 0.8em;
			font-weight: bold;
			color: #000000;		
			margin: 10px;
			padding: 0px 25px 0px 5px;
			}
		
		
/* Palvelut sivua ja muut-sivuja koskeva tyyli */		

	 	#main_content_muut {
			margin: auto;
			height: 392px;			
			background: url(../images/maincontainer_muunsivun_bg_1px.jpg) repeat-x;
			background-position: center;
		}
		
		#main_content_yritys {
			margin: auto;
			height: 460px;			
			background: url(../images/maincontainer_460_bg.jpg) repeat-x;
			background-position: center;
		}
		
		#main_content_tekstilohko {
			float: right;
			text-align: left;			
			width: 356px;
			height: 300px;
			padding: 10px;
			margin: 0 15px 2px 10px;					
		}
		
		#main_content_tekstilohko img {
			margin: 10px 0px;					
		}
				
		#main_content_tekstilohko h2 {
			font-size: 2.5em;
			font-weight: bold;	
			margin: 15px;
			color: #c94228;
			background: url(../images/otsikon_bg_solid.jpg) no-repeat;
			background-position: 0px 47px;
			padding: 2px 25px 2px 0px;
		}
		
		#main_content_tekstilohko h3 {
			font-size: 0.8em;
			font-weight: bold;	
			font-style: italic;
			margin: 15px;
			padding: 2px 25px 1px 0px;
			color: #c94228;
		}
		
		#main_content_tekstilohko h4 {
			font-size: 1.0em;
			font-weight: bold;	
			margin: 0px 15px 0px 15px;
			padding: 0px 25px 0 0px;
			color: #c94228;
		}
		
		#main_content_tekstilohko p {
			font-size: 0.8em;
			font-weight: bold;
			color: #000000;		
			margin: 10px;
			padding: 0px 25px 0px 5px;
		}
		
		#main_content_tekstilohko a {
			font-size: 1em;
			font-weight: bold;
			color: #c94228;		
			margin: 10px 5px 5px 1px;
			padding: 0px 25px 0px 0px;		
		}
		
		#main_content_tekstilohko a:hover {
			text-decoration: underline;
		}
				
		#tiilimies {
			float: right;
			text-align: left;			
			width: 355px;
			height: 85px;			
		}
		
		#tiilimies img {
			float: right;
			text-align: left;			
			margin: 20px 10px 0 0;					
		}
		
		#tiilimies2 {
			float: right;
			text-align: left;			
			width: 355px;
			height: auto;			
		}
		
		#tiilimies2 img {
			float: right;
			text-align: left;			
			margin: 10px 50px 0 0;			
		}
		
		.vasenpaddi {
			margin-left: 20px;		
		}

/* Listan classin tyyli */		
		
		.listan_linkit {
			font-size: 1.1em;
			font-weight: bold;
			list-style: inside;
			margin: 15px;
			color: #000;
			background: url(../images/lista_block.gif) no-repeat;
			background-position: 0 9px;
			padding: 2px 55px 2px 20px;
		}		
		
/* Kuvat sivua koskeva tyyli */	
		
		#main_text_and_image_kuvat {
			margin: auto;
			width: 900px;
			height: auto;			
			background-position: center;			
		}	

	 	#main_content_kuvat {
			margin: auto;
			padding: 10px 0 20px 0;
			width: 100%;
			height: auto;			
			background: url(../images/galleria_bg.jpg) repeat-x #fff;
			background-position: top;
			}
		
		#main_content_isokuvakehys {
			float: right;
			text-align: left;		
			width: 510px;
			height: 360px;
			padding: 10px;
			margin: 15px 15px 5px 0;			
			background: url(../images/paakuva_pohja.jpg) no-repeat;					
		}
		
		#main_content_isokuvakehys-vaaka {
			float: right;
			text-align: left;		
			width: 360px;
			height: 510px;
			padding: 10px;
			margin: 15px 25px 5px 0;			
			background: url(../images/paakuva_pohja-vaaka.jpg) no-repeat;					
		}
				
		#main_content_paakuva {	
			width: 459px;
			height: 331px;
			margin: 13px 8px 2px 15px;								
		}
		
		#main_content_paakuva-vaaka {	
			width: 331px;
			height: 459px;
			margin: 16px 8px 2px 17px;								
		}
		
		#main_content_kuva_valitsin {
			float: right;
			text-align: left;			
			width: 490px;
			height: auto;
			padding: 10px;
			margin: 5px 25px 0 0;								
		}
		
		#main_content_kuva_valitsin-vaaka {
			float: right;
			text-align: left;			
			width: 180px;
			height: auto;
			margin: 45px 20px 0 0;								
		}
		
		#vasen-navi {
			float: left;
			text-align: left;			
			width: 240px;
			height: auto;
			margin: 25px 10px 0 15px;						
		}
		
		.galleria-linkki {
			float: right;
			font-size: 1.2em;
			font-weight: bold;
			text-align: left;
			color: #c94228;
			padding: 10px;	
		}
		
		.galleria-kuva {
			float: left;		
		}
				
		#main_content_gallerianavi {
			float: left;		
			width: 250px;
			height: 70px;
			padding: 10px;	
		}
		
		#galleria-navinkuva {
			float: left;
			height: 100%;
			width: 100%;
			margin-bottom: 10px;
		}
					
		#main_content h2 {
			font-size: 2.5em;
			font-weight: bold;	
			margin: 15px;
			color: #c94228;
			background: url(../images/otsikon_bg_solid.jpg) no-repeat;
			background-position: 2px 47px;
			padding: 2px 25px 2px 0px;
		}
		
		#main_content h3 {
			font-size: 0.8em;
			font-weight: bold;	
			font-style: italic;
			margin: 15px;
			padding: 2px 25px 1px 0px;
			color: #c94228;
		}
		
		#main_content h4 {
			font-size: 1.2em;
			font-weight: bold;	
			margin: 7px 15px 0 15px;
			padding: 0px 25px 0 0px;
			color: #c94228;
		}
		
		#main_content h6 {
			font-size: 1em;
			font-weight: bold;
			text-align: left;			
			margin: 35px 5px 0px 20px;
			padding: 0px;		
			color: #c94228;			
		}
		
		#main_content p {
			font-size: 0.8em;
			font-weight: bold;
			color: #000000;		
			margin: 15px;
			padding: 0px 25px 0px 0px;
		}
	
		#main_content_tekstilohko_yhteys {
			float: right;
			text-align: left;			
			width: 356px;
			height: 390px;
			padding: 10px;
			margin: 0 15px 0 10px;			
		}
				
		#main_content_tekstilohko_yhteys h2 {
			font-size: 2.5em;
			font-weight: bold;	
			margin: 15px;
			color: #c94228;
			background: url(../images/otsikon_bg_solid.jpg) no-repeat;
			background-position: 2px 47px;
			padding: 2px 25px 2px 0px;
		}
		
		#main_content_tekstilohko_yhteys h3 {
			font-size: 0.8em;
			font-weight: bold;	
			font-style: italic;
			margin: 15px;
			padding: 2px 25px 1px 0px;
			color: #c94228;
		}
		
		#main_content_tekstilohko_yhteys h4 {
			font-size: 1.2em;
			font-weight: bold;	
			margin: 10px 15px 0px 15px;
			padding: 0px 25px 0 0px;
			color: #c94228;
		}
		
		#main_content_tekstilohko_yhteys p {
			font-size: 0.8em;
			font-weight: bold;
			color: #000000;		
			margin: 15px;
			padding: 2px 25px 1px 0px;
		}
		
/* Navin tyyli ja säännöt */

	
		.navimenu {
			clear: both;
			text-align: center;
			position: relative;
			height: 46px;
			width: 583px;
			background: url(../images/menu_bg.png) repeat-x;
			list-style: none;
			text-align: center;
		}

		.navimenu li{
			float:left;
		}
		
		.navimenu li a{
			float: left;
			display: block;
			color:#fff;
			text-decoration: none;
			font-family: sans-serif;
			font-size: 1em;
			font-weight: bold;
			padding: 0 0 0 10px; /*Padding to accomodate left tab image. Do not change*/
			height: 46px;
			line-height: 46px;
			cursor: pointer;	
		}
		
		.navimenu li a b{
			float: left;
			display: block;
			padding: 0 15px 0 3px; /*Padding of menu items*/
		}
		
		.navimenu li a.current, .navimenu li a:hover{
			color: #000;
			background: url(../images/menu_hover_left.png) no-repeat; /*left tab image path*/
			background-position: left;
		}
		
		.navimenu li a.current b, .navimenu li a:hover b{
			color: #000;
			background: url(../images/menu_hover_right.png) no-repeat right top; /*right tab image path*/
		}
		
/* Lomake */		
	
		#lomake label {
			font-size: .9em;
			font-weight: bold;
			text-align: left;
			color: #c94228;
				
			
			display: block;			
		}
		#lomake input {
			margin-bottom: 10px;	
		}
		#laheta {	
			display: block;
			margin-top: 10px;
		}
		
		.vahennyslinkki {
			padding-left: 15px;		
		}
		
		#jakaja {
			clear: both;
			border-bottom: 1px solid #fff;		
		}