@charset "UTF-8"; /* http://www.w3.org/International/questions/qa-css-charset */
@media screen, projection {

	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, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
		margin : 0;
		padding : 0;
		border : 0;
		outline : 0;
		font-size : 100%;
		vertical-align : baseline;
		background : transparent;
	}
	html, body {
		height:100%;
	}
	#container {
		position:relative;
		margin:0 auto;
		width:967px;
		background:#f0f0f0;
		
		height:auto !important;
		height:100%;
	
		min-height:100%;

		background-image : url(../img/layout/bgpaper.png);
		padding: 0 35px;
	}
	ol, ul {
		list-style : none;
	}
	.skip {
		position : absolute;
		top : -9999px;
		left : -9999px;
		font-size : 1px;
	}
	body {
		background : #fff;
		font-family : 'helvetica neue', helvetica, arial, sans-serif;
		font-size : 14px;
		color : #5d6e6e;
		line-height : 20px;
		background-image : url(../img/layout/bgpattern.png);
	}
	a {
		color : #5D6E6E;
		text-decoration : none;
	}
	a:visited {
		color : #5D6E6E;
	}
	a:hover {
		text-decoration : underline;
	}
	img {
		vertical-align : text-bottom;
	}
	#header {
		background-image: url(../img/layout/header.png);
		background-repeat: no-repeat;
		height : 358px;
		position: relative;
	}
	
	#navi {
		float : left;
		margin: 311px 0 0 25px;
	}
	
	#navi li {
		float: left;
	}
	
	#content {

		padding-bottom: 24px;

		overflow: auto;
	}
	
	#content .cont {
		background-image : url(../img/layout/side_frames_red.png);
		padding-left: 24px;
		padding-right: 24px;
		overflow: auto;
		position: relative;
	}
	
	.cleft {
		background-color: #fff;
		padding: 25px;
		width: 569px;
		float: left;
		font-size: 16px;
	}
	
	.cmiddle {
		width: 5px;
		background-image : url(../img/layout/vertical_line.png);
		position: absolute;
		top: 0;
		bottom: 0;
		right: 319px;
	}
	
	.cright {
		width: 281px;
		background-image: url(../img/layout/ruttu.png);
		background-repeat: no-repeat;
		padding-top: 20px;
		padding-left: 18px;
		float: left;
	}
	
	#content .foot {
		height: 20px;
	
		background-image: url(../img/layout/bottom_frame_red.png);
		background-repeat: no-repeat;
	}
	
	.h1 {
		font-size: 20px;
		height: 28px;
		clear: both;
		padding: 3px 0px 0 0px;
		margin-bottom: 6px;
		margin-top: 15px;
	}
	
	h2 {
		color: red;
		font-size: 21px;
		clear: both;
		padding: 3px 0px 0 0px;
		margin-bottom: 6px;
		margin-top: 15px;
	}
	
	.text {
		clear: both;
		padding: 6px 0px 3px 0px;
		margin-bottom: 6px;
	}
	
	.sepStars {
		background-image: url(../img/layout/3_stars_jallu.png);
		background-repeat: no-repeat;
		background-position: 261px 0;
		height: 20px;
		margin: 15px 0;
	}
	
	.blueBox {
		width: 270px;
	}
	
	.blueBox .top {
		background-image: url(../img/layout/blue_frame_top.png);
		background-repeat: no-repeat;
		height: 30px;
	}
	
	.blueBox .middle {
		background-image: url(../img/layout/blue_frame_middle.png);
		padding: 0 23px;
		overflow: auto;
	}
	
	.blueBox .middle ul li {
		padding-left: 22px;
		background-image: url(../img/layout/1_star_jallu.png);
		background-repeat: no-repeat;
		background-position: 0 3px;
	}
	
	.blueBox .middle h2 {
		margin-top: 0;
	}
	
	.blueBox .bottom {
		background-image: url(../img/layout/blue_frame_bottom.png);
		background-repeat: no-repeat;
		height: 29px;
	}
	
	#footer {
		position:absolute;
		width:100%;
		bottom:0;
		height: 30px;
	
		background-image: url(../img/layout/copyright.png);
		background-repeat: no-repeat;
		background-position: 269px 9px;
	}
	#footer a {
		color : inherit;
	}
}