@charset "UTF-8";
/* Tinatuoppi CSS Document */

/* reset.css */
* {
	margin:0;
	padding:0;
	border:0;
	font-size:100%;
}

/* typography.css */
body {font-size: 80%; font-family: Helvetica, Arial, sans-serif; color:#fff;}
h1, h2, h3, h4, h5, h6 {font-weight:normal;color:#fff;}
h1 {font-size:3em;margin-bottom:0.75em; font-weight: bold; color:#fff;}
h2 {font-size:2em;margin-bottom:0.75em; color:#fff;}
h3 {font-size:1.5em;line-height:1;margin-bottom:1em;}
h4 {font-size:1.2em;line-height:1.25;margin-bottom:1.25em;}
h5 {font-size:1em;font-weight:bold;margin-bottom:1.5em;}
h6 {font-size:1em;font-weight:bold;}
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {margin:0;}
p {margin:0 0 1.5em; color:#fff;}

a {color: #fff;}


body {
	margin:0;
	padding: 0;
	background-color: #000;
	color:#fff;
	background-image: url(images/tinis_logo_back_small.png);
	ddbackground-repeat: no-repeat;
	ddbackground-position: bottom right;
	}
	
#container {
	margin: 0 auto;
	width: 800px;
	border-left: 2px solid #666;
	border-right: 2px solid #666;
	background-color: #000;}


/* NAVIGAATIO */

div#navi {height: 30px;}

div#top {height: 120px; background-image: url(images/top.png); background-repeat: no-repeat; background-position: top center;}

div#top h1 {padding: 22px 0 0 14px;}

div#top ul {list-style: none; margin-bottom: 10px; padding-left: 14px;}
div#top ul li {display: inline; padding: 0 0 0 0.6em; border-left: 1px solid #fff; margin: 0 0.4em 0 0;}
div#top ul li:first-child {padding-left: 0; border: none;}

div#top ul li a {color: #fff; text-decoration: none;}
div#top ul li a:link, #navi ul li a:visited {}
div#top ul li a:hover {color: #999; border-bottom: 2px solid #fff;}


div#content {margin:10px 14px; line-height: 160%;}

div#left {clear: left;}
div#left h2 {margin-top: 14px;}
div#left h3 {line-height: 90%;}
.eka {line-height: 160%;}
div#left p {margin-bottom: 14px;}


div#right {width: 300px; float: right; background-image:url(images/corner_top.png); background-position: top center; background-repeat: no-repeat; border-bottom: 6px dashed #000;}
div#right h2 {color: #000; margin: 14px;}
div#right p {color: #000; margin-left: 14px;}
div#right a {color: #000;}

div#left p {max-width:400px; font-size: 110%; letter-spacing: 0.033em;}

#rightlogo{
	width: 400px;
	float: right;}

.row {margin: 5px 0 14px 5px;}

#footer {background-color: #fff; height: 30px; }
#footer p {color: #000; font-size: 120%; font-weight: bold; line-height: 200%;}


/* fix for mozilla's center-position-changes-when-scrollbar-appears behaviour */
html {
	overflow:-moz-scrollbars-vertical;
}

/* Easy Slider */

	#slider ul, #slider li {
		margin:0;
		padding:0;
		list-style:none;
		}

	#slider li { 
		width:800px;
		height:250px;
		overflow:hidden; 
		}	

/* // Easy Slider */