/*
	###################################
	
	Tilipiste Oy Helsinki
	www.tilipiste.com
	
	
	Styles affecting the page layout.
	
	Containers:
	----------
	DOCUMENT STYLES
	MAIN CONTAINER FOR THE PAGE
	HEADER ROW CONTAINER
	LOGO
	MIDDLE ROW CONTAINER FOR COLUMNS
	LEFT COLUMN CONTAINER
	CENTER COLUMN CONTAINER
	optional CENTER COLUMN CONTAINER for form pages
	RIGHT COLUMN CONTAINER
	FOOTER ROW CONTAINER
	
	
	Created: Piia-Maria Sinkkonen / 29.4.2008
	Last Modified: Tomi Sarpola / 19.5.2008	
	
	############################
*/


	/* BODY (DOCUMENT STYLES)
	   Here is listed the page settings and styles inherited to all elements */
	body {
		background-color: #B1B1B1;  /*TSa: muutettu vaalean harmaaksi. */
		padding: 0 0 0 0;
		margin: 0 0 0 0;
		background-image: url(http://www.tilipiste.com/img/bgr_shadow_grad.gif);
		background-repeat: repeat-x;
	}
	
	/* MAIN CONTAINER FOR THE PAGE. 
	   This creates a centered page that has static width of 800px */
	#container {
		margin: 0px 0px 12px 0px; 
		border-left: 1px solid #333;
		border-right: 1px solid #333;
		/* border-top: 0.1px solid #FFF; */
		width: 800px;
		margin-left: Auto;
		margin-right: Auto;
		padding: 0 0 0 0;		
		background-color: #FFF;
	}
		
	/* HEADER ROW CONTAINER */
	#header {
		height: 106px;
		padding: 12px 12px 12px 12px;
		margin: 0 0 5px 0;
	}
	
	/* LOGO
	   constant logo-image layout for all pages as part of HEADER */
	.logo {
		width: 160px;
		height: 106px;
		margin: 0 0 0 0;
		border: 0px;	
		float: left;
		/*background-color: red; TSa: test*/ 
	}
	
	/* MIDDLE ROW CONTAINER FOR COLUMNS */
	#content {
		margin: 0px 12px 48px 12px; 
		padding:0px 0px 0px 0px;
		/*background-color: #CCC; TSa: test*/
	}
	
	/* LEFT COLUMN CONTAINER */	
	#leftcontentbox {
		width: 160px; /* Must be same width as logo*/
		float: left;
		padding: 0 0 0 0;
		margin: 0 0 0 0;
		/*background-color: #BBB; TSa: test*/
	}
		
	/* CENTER COLUMN CONTAINER
	   Note! This element must be written last of the columns in XHTML to enable automatic width setting! */	
	#centercontent {
		width: auto;
		margin-left: 190px; /*  logo + 30px white space */
		margin-right: 220px; /* rightcontentbox + 30px white space */
		margin-top: 0px;
		margin-bottom: 0px;
		/*background-color: red; TSa: test*/
	}
	
	/* RIGHT COLUMN CONTAINER */	
	#rightcontentbox {
		width: 190px;
		float: right;
		padding: 0 0 0 0;
		margin: 0.5px 0 0 0; 
	}
	
	/* FOOTER ROW CONTAINER */
	#footer {
		position: relative;
		margin: 0px 0px 0px 0px; /*TSa: added container white space to top*/
		border: 0px;
		clear: both;
		background-color: #999;
		padding: 15px 0px 5px 0px;
		border-top: 1px solid #333;
		border-bottom: 1px solid #333;
	}
	/* additional divider was needed to separate footer from content that was floated */
	#footer_separator {
		float:left;
		clear:both;
		margin: 0px 0px 0px 0px; /*TSa: added container white space to top*/
		padding-top: 24px;
		/*background-color: #999; TSa: test*/
	}