/*================
RESET
==================*/
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,
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: 12px;
font-family: Arial, Tahoma, Sans-Serif;
vertical-align: baseline;
}
/* muista määrittää focus stylet! */
:focus {
outline: 0;
}
body {
line-height: 1.3;
color: black;
background: #5f5f5f; /* TAUSTA */
}
ol, ul {
list-style: none;
}
/* tablet vaatii 'cellspacing="0"' markuppiin */
table {
border-collapse: separate;
border-spacing: 0;
}
caption, th, td {
text-align: left;
font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: "";
}
blockquote, q {
quotes: "" "";
}

/*===============
      HEADER
=================*/
/*
Container div on se, mikä määrittää leveyden sisällölle ja keskittää sen
selaimeen.
Jokainen main div tulee omaamaan container divin.
*/
.container
{
	margin:0 auto; /* Keskitys diville */
	width:925px; /* Webbisivun leveys */
	text-align:left;
}
/*
Huomaa, että headerin leveys on säädetty 100%.
Tämä sen takia, että tausta venyisi selaimen reunoille asti.
*/
#header
{
	background:url(../images/header_background.png) no-repeat 50% 0;
	float:left;
	padding-top:30px;
	padding-bottom:95px;
	width: 100%;
}

/*
Tässä elementti vaihdetaan blockiksi, niin sitä on helpompi asetella
*/
#logo
{
	background:url(../images/fixtreme_logo.png) no-repeat;
	display:block;
	position:relative;
	margin:10px 0 0 20px;
	top:0;
	float:left;
	width:193px;
	height:63px;
}

#huollot
{
	background:url(../images/huollot.png) no-repeat;
	display:block;
	position:relative;
	margin:85px 535px 0 0;
	float:right;
	width:115px;
	height:21px;
}

#kauppa
{
	background:url(../images/kauppa.gif) no-repeat;
	display:block;
	position:relative;
	margin:-40px 0 0 440px;
	float:left;
	width:122px;
	height:46px;
}

#tiedot
{
	background:url(../images/yhteystiedot.gif) no-repeat;
	display:block;
	position:relative;
	margin:-19px 0 0 34px;
	float:left;
	width:138px;
	height:21px;
}

#news
{
	background:url(../images/news.gif) no-repeat;
	display:block;
	position:relative;
	margin:-19px 0 0 760px;
	float:left;
	width:143px;
	height:19px;
}

#main-menu
{
	float:left;
	position:relative;
	top:70px;
}

#main-menu li
{
	background-image:url(../images/main_menu.png);
	background-repeat:no-repeat;
	background-position:0 0;
	float:left; /* SAATTAA OLLA CENTER */
	margin: 0 5px 0 12px;
	padding:0;
	height:42px; /* BUTTONIN HEIGHT */
	list-style:none;
	line-height:1;
}
/*
Tässä aktivoidaan CSS spritet käyttämällä negatiivisia pixeleitä.
*/
#main-menu li:hover, #main-menu li.active { background-position: 0 -42px;}
#main-menu li:hover a, #main-menu li.active a{ background-position: 100% -42px; }
#main-menu li a
{
	background-image:url(../images/main_menu_right.png);
	background-repeat:no-repeat;
	background-position:100% 0;
	display:block;
	padding:12px 10px 5px 10px; /* PIDÄ NÄITÄ SILMÄLLÄ */
	font-size:14px;
	color:#fff;
	text-decoration:none;
	vertical-align:middle;
}

/*================
        MAIN
==================*/
/*
Jälleen leveys määritetty 100%, että tausta jatkuisi selaimen
reunoille asti.

Huomaa, ettei korkeutta ole määritetty #mainille, koska sen pitää
venyä sisällön puitteissa orgaanisesti.
*/
#main
{
	background: #5f5f5f repeat-x;
	float:left;
	width:100%;
}
/*
Tällä saadaan sisältö aukeamaan pop off screeniin
*/
#wrapper
{
	background:url(../images/base.gif) repeat-y 50% 0;
	float:left;
	width:100%;
}
/*
Tämä div asettaa peruskorkeuden sisällölle
*/
#content
{
	background:url(../images/base.gif) repeat-y;
	float:left;
	width:925px;
	/*min-height:515px;
	height:auto !important; /* IE 6 min-height fixi */
	/*height:515px; /* IE 6 min-height fixi */
}

/*=================
       FOOTER
===================*/
#footer
{
	background:url(../images/footer_background.png) no-repeat 50% 0;
	position:relative;
	float:left; /* OBS! */
	width:100%;
	height:70px;
	padding-top:10px;
	font-size:12px;
	color:#000;
}
/*
Tekee 7px marginaalin menun alle
*/
#footer-menu
{

	margin:0 0 3px 30px;
	padding:0;
}
#footer-menu li
{
	padding:0px 6px 0px 6px;
	display:inline;
	border-right:solid 1px #000; /* TARVITTAESSA #000 */
	list-style:none;
	vertical-align:middle;
}
/*
Tällä poistetaan inherit borderit
*/
#footer-menu li.last
{
	border-right:0;
}
/*

*/
#footer-menu li a
{
	font-size:12px;
	color:#000;
	text-decoration:none;
}
/*
Tekee alleviivauksen kun hover- tai active tilassa
*/
#footer-menu li a:hover, #footer ul li.active a
{
	text-decoration:underline;
}
#footer-menu #info
{
	font-size:10px;
	padding:6px;
}
#footer #info
{
font-size:10px;
padding:6px;
margin-left:35px;
}