/* ---- Site design -------- */

body
{
	background:#303030 url('gfx/site.background.gif') repeat-x scroll top left;
	margin:0px auto;
	padding:0px;
	text-align:center;
}

.container
{
	width:990px;
	margin:0px auto;
	text-align:left;
}

#header
{
	height:263px;
	text-align:center;
}

#site_navigation
{
	position:absolute;
	z-index:999;
	background:url('gfx/nav.background.gif') no-repeat scroll top left;
	width:190px;
	height:252px;
	margin-top:39px;
}

.ajanvaraus /* What the fuck is going on with the height?! */
{
	position:absolute;
	z-index:1000;
	width:570px;
	height:130px;
	float:left;
	margin-left:305px;
	margin-left:280px;
}

.aava_bang
{
	height:40px;
}

.aava_bang p
{
	margin:0px;
	padding:15px 15px 0px 0px;
	text-align:right;
}

.header_flash
{
	background-color:#000000;
	text-align:left;
	width:810px;
	height:145px;
	margin:72px 0px 0px 180px;
}

#page
{
	background:#5c0000 url('gfx/site_content.background.gif') repeat-x scroll top left;
	border-bottom:1px solid #7d3333;
	padding-bottom:10px;
}

#footer
{
	border-top:10px solid #000000;
	padding-left:16px;
	padding-bottom:30px;
}



/* ---- Navigation -------- */

#navigation
{
	position:relative;
	top:66px;
	margin:0px;
	padding:0px 20px;
	list-style:none;
	text-align:left;
}

#navigation a
{
	display:block;
	padding-left:20px;
	margin:0px;
}

#navigation li
{
	vertical-align:bottom;
	line-height:20px;
	margin-bottom:5px;
}

#navigation li img
{
	margin-top:5px;
}

.nav
{
	background:url('gfx/nav.background_off.gif') no-repeat scroll center left;
}

#navigation a:hover
{
	background:url('gfx/nav.background_hover.gif') no-repeat scroll center left;
	border-right:1px solid #000000;
}

#active, #active a:hover
{
	background:url('gfx/nav.background_on.gif') no-repeat scroll center left;
}



/* ---- Content design -------- */

.content
{
	position:relative;
	float:left;
	margin-top:10px;
}

.column_left
{
	width:170px;
	left:10px;
}

.column_main
{
	width:530px;
	left:20px;
}

.column_right
{
	width:250px;
	left:30px;
}

.box_left_footer, .box_main_footer, .box_right_footer
{
	height:10px;
	line-height:1px;
	padding:0px;
	margin-bottom:20px;
}

.box_left, .box_main, .box_right
{
	padding:15px 0px 1px 0px;
}

.box_left
{
	background:url('gfx/site.box.left_background.gif') no-repeat scroll 0px 0px;
}

.box_left_footer
{
	background:url('gfx/site.box.left_footer.gif') no-repeat scroll top left;
}

.box_main
{
	background:url('gfx/site.box.main_background.gif') no-repeat scroll top left;
}

.box_main_footer
{
	background:url('gfx/site.box.main_footer.gif') no-repeat scroll top left;
}

.box_right
{
	background:url('gfx/site.box.right_background.gif') no-repeat scroll top left;
}

.tarjous
{
	background:url('gfx/content.tarjous_background-off.gif') no-repeat scroll 10px 2px;
	width:100%;
}

.tarjous:hover
{
	background:url('gfx/content.tarjous_background-on.gif') no-repeat scroll 10px 2px;
}

.box_right_footer
{
	background:url('gfx/site.box.right_footer.gif') no-repeat scroll top left;
}

.clear_both
{
	clear:both;
	height:1px;
	line-height:1px;
}



/* ---- General styles -------- */

p, h1, h2, h3, li, td
{
	font-family:arial,sans-serif;
	font-size:11pt;
	color:#ffffff;
	line-height:1.45em;
	margin-top:0em;
	margin-bottom:1.45em;
}

form input, textarea
{
	font-family:arial,sans-serif;
	font-size:11pt;
	color:#000000;
}

li
{
	margin:0px;
}

h1
{
	font-size:19pt;
	font-weight:normal;
	margin:0px 0px 0px 209px;
}

h2
{
	background:url('gfx/site.h2_background.gif') repeat-x scroll top left;
	font-size:10pt;
	line-height:40px;
	text-transform:uppercase;
	height:40px;
	margin-top:0px;
	margin-bottom:10px;
	padding:0px 10px;
}

h3
{
	font-size:8pt;
	font-weight:normal;
	margin-bottom:0px;
}

.box_left h3, .box_left p, .box_right p
{
	margin-left:10px;
	margin-right:10px;
}

.box_main h2, .box_main p, .main_wrapper
{
	margin-left:20px;
	margin-right:20px;
}

p.dim
{
	color:#b09e9a;
}

p.small
{
	font-size:8pt;
}

.tarjous p
{
	color:#b09e9a;
	font-size:10pt;
	margin-left:50px;
	margin-right:10px;
	margin-bottom:0.45em;
}

p.tarjous_korostus
{
	font-weight:bold;
	margin-top:0em;
}

img
{
	border:0px;
}

ul
{
	margin-top:-1em;
	margin-bottom:1.45em;
}

ul.alt
{
	margin-top:0em;
}

ul.square
{
	list-style:none;
	margin-top:-10px;
}

ul.square li
{
	list-style-image:url('gfx/site.ul_square.gif');
	margin-bottom:1em;
	padding-left:0.5em;
}

table
{
	border-collapse:collapse;
}

table.palautelomake td
{
	vertical-align:top;
}

table.palautelomake p, .palautelomake input
{
	height:20px;
	margin:0px 0px 10px 0px;
	padding:0px;
}

p.palaute_selitys
{
	width:60px;
}

textarea.palaute
{
	width:265px;
	width:19em;
	margin-bottom:10px;
}

input.lomake_submit
{
	height:2em;
	padding:0px 3px;
}

.hinnasto
{
	width:490px;
}

.hinnasto tr:hover
{
	background-color:#7b0000;
}

.hinnasto td
{
	padding:0px 2px;
	border-bottom:1px solid #9c0000;
}

td.hinta
{
	width:110px;
	text-align:right;
}


.henkilokuntaprofiili
{
	width:110px;
	float:left;
	margin:0px 12px 10px 0px;
	text-align:center;
}

.henkilokuntaprofiili img
{
	border:1px solid #b9b9b9;
	padding:9px;
}

p.henkilokunta_nimi
{
	font-size:8pt;
	margin-top: 5px;
	margin-bottom: 0px;
	/*color:#303030;*/
}

p.henkilokunta_kuvaus
{
	font-size:8pt;
	margin-bottom: 0px;
	/*color:#5e5e5e; */
}

p.logo_group_left
{
	float:left;
	width:550px;
}

p.logo_group_right
{
	float:right;
	position:relative;
	right:0px;
	width:300px;
	text-align:right;
}

#footer p.logo_group_left img
{
	vertical-align:top;
	margin:10px 10px 0px 0px;
}

#footer p.logo_group_right img
{
	vertical-align:top;
	margin:10px 0px 0px 10px;
}


/* ---- Link styles -------- */

a:link
{
	text-decoration:underline;
	color:#acc1d6; /* aa6699 */
}

a:visited
{
	text-decoration:underline;
	color:#acc1d6;
}

a:hover
{
	text-decoration:underline;
	color:#0099cc;
}

a:active
{
	text-decoration:underline;
	color:#0099cc;
}

a.lbox img
{
	padding: 3px;
	background-color: #5c0100;
	border:1px solid #6c1b1a;
	margin-right: 2px;
}

a.lbox img:hover
{
	padding: 3px;
	background-color: #5c0100;
	border:1px solid #8c3b3a;
}