/*****Reset*****/

html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote, pre, form, fieldset, table, th, td { margin: 0; padding: 0; }

/*****Basic Elements*****/

body {
	background: #FEB900 url(img/ui/bg_body.jpg) repeat-x;
	font: 11px Verdana, Arial, Geneva, Helvetica, sans-serif;
}

a {
	
}

a:hover {

}

h1 {

}

h2 {
	border-top: 1px #CEBFA2 solid;
	color: #333;
	font-size: 14px;
	padding: 10px 0;
	text-transform: uppercase;
}

h3 {

}

p { 
	margin-bottom: 10px;
	padding-left: 10px;
}

/*****Basic Layout*****/

div#wrap {
	margin: 0 auto;
	width: 746px;
}

div#content-wrap {
	background: url(img/ui/bg_contentwrap.png) repeat-y;
}

div#main {
	display: inline;
	float: right;
	min-height: 650px;
	margin-right: 13px;
	width: 540px;
}

body.subpage div#main {
	background: #FFF1CC;
	padding: 0 10px 20px 10px;
	width: 520px;
}

div#secondary {
	float: right;
	width: 178px;
}

div#secondary h1 {
	background: url(img/ui/bg_savotta3.jpg) no-repeat;
	height: 198px;
	margin-bottom: 35px;
	text-indent: -9999px;
}

div.bonuswrap {
	border-bottom: 1px #BFB39B solid;
	border-top: 1px #BFB39B solid;
	float: left;
	margin-top: 0;
	padding: 20px 0;
}

div.bonus1 {
	float: left;
	padding-left: 10px;
	width: 152px;
}

div.bonus2 {
	float: left;
	padding-top: 10px;
	width: 347px;
}

/*****Header*****/

div#header {
	background: url(img/ui/bg_header.jpg) no-repeat;
	height: 38px;
}

/*****Main Menu*****/

ul#mainmenu {
	border-bottom: 1px #FEB900 solid;
	list-style: none;
	margin: 0 0 27px 3px;
	width: 150px;
}

ul#mainmenu li {
	
}

ul#mainmenu li a {
	background: url(img/ui/bg_mainmenu3.gif) no-repeat;
	display: block;
	height: 22px;
	overflow: hidden;
	text-indent: -9999px;
}

ul#mainmenu li#mm-ilmo a { background-position: 0 -22px }
ul#mainmenu li#mm-saan a { background-position: 0 -44px }
ul#mainmenu li#mm-palk a { background-position: 0 -66px }
ul#mainmenu li#mm-kilp a { background-position: 0 -88px }
ul#mainmenu li#mm-kisa a { background-position: 0 -110px }
ul#mainmenu li#mm-majo a { background-position: 0 -132px }
ul#mainmenu li#mm-yrit a { background-position: 0 -154px }
ul#mainmenu li#mm-yhte a { background-position: 0 -176px }
ul#mainmenu li#mm-kuva a { background-position: 0 -198px }
ul#mainmenu li#mm-tulo a { background-position: 0 -220px }

ul#mainmenu li#mm-koti a:hover, body#kotisivu li#mm-koti a { background-position: -150px 0 }
ul#mainmenu li#mm-ilmo a:hover, body#ilmoittautuminen li#mm-ilmo a { background-position: -150px -22px }
ul#mainmenu li#mm-saan a:hover, body#saannot li#mm-saan a { background-position: -150px -44px }
ul#mainmenu li#mm-palk a:hover, body#palkinnot li#mm-palk a { background-position: -150px -66px }
ul#mainmenu li#mm-kilp a:hover, body#alue li#mm-kilp a { background-position: -150px -88px }
ul#mainmenu li#mm-kisa a:hover, body#ravintola li#mm-kisa a { background-position: -150px -110px }
ul#mainmenu li#mm-majo a:hover, body#majoitus li#mm-majo a { background-position: -150px -132px }
ul#mainmenu li#mm-yrit a:hover, body#vinkit li#mm-yrit a { background-position: -150px -154px }
ul#mainmenu li#mm-yhte a:hover, body#yhteistyossa li#mm-yhte a { background-position: -150px -176px }
ul#mainmenu li#mm-kuva a:hover, body#galleria li#mm-kuva a { background-position: -150px -198px }
ul#mainmenu li#mm-tulo a:hover, body#tulokset li#mm-tulo a { background-position: -150px -220px }

/*****Footer*****/

div#footer {
	background: url(img/ui/bg_footer.jpg) no-repeat;
	clear: both;
	height: 22px;
}

/*****Forms*****/

/*****Tables*****/

table.tulokset {
	border-collapse: collapse;
	margin: 0 0 20px 10px;
	width: 100%;
}

/*****Generic Classes*****/

div.error {
	background: #FBE3E4;
	border: 2px #FBC2C4 solid;
	color: #8A1F11;
	margin-bottom: 20px;
	padding: 10px 20px 10px 40px;
}

div.message {
	background: #FFF6BF;
	border: 2px #FFD324 solid;
	color: #554B25;
	margin-bottom: 20px;
	padding: 10px 20px 10px 40px;
}

div#main ul {
	margin: 10px 0 10px 40px;
}

div#kuvat {
	margin-top: 20px;
	padding-left: 20px;
}

div#kuvat a {
	display: block;
	float: left;
	margin: 0 10px 10px 0;
}

/*****Etc*****/

a img { border: 0; }