/* www.glo.fi - css */
html * { margin:0; padding:0; }

body {
background:#fff;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#fff;
font-size:12px;
}

h1 { font-size:18px; margin-bottom:15px; }

h2 { font-size:16px; margin-bottom:10px; }

h3 { font-size:14px; margin-bottom:10px; }

h4, h5, h6 { font-size:12px; font-weight:bold; margin-bottom:10px; }

p { font-size:12px; margin-bottom:15px; }

a { color:#000; text-decoration:underline; }

a:hover { color:#333; text-decoration:none; }

ul,ol { padding-left:30px; margin-bottom:15px; }

.active { color:#707173; }

/****************/

#wrapper {
width:830px;
min-height:600px;
margin:0 auto;
background:url("img/bodybg.jpg") top left no-repeat;
}

#homelink {
width:100px;
height:70px;
display:block;
float:left;
position:relative;
top:38px;
left:25px;
outline:none;
}

#navi {
width:650px;
height:20px;
float:right;
font-size:12px;
color:#000;
text-align:right;
padding:91px 28px 0 0;
cursor:default;
}
#navi a {
color:#000;
text-decoration:none;
text-transform:uppercase;
cursor:pointer;
outline:none;
}
#navi a:hover { color:#C2C2C2; }
#navi a.active { color:#707173; }



#subnavi {
width:532px;
color:#000;
margin:0 0 6px 20px;
}
#subnavi a {
text-transform:uppercase;
font-size:11px;
text-decoration:none;
}



#left {
width:230px;
float:left;
margin:10px 0 0 0;
_margin:10px 0 0 0;/*IE6*/
}

#left_top {
width:230px;
height:470px;
position:relative;
margin-bottom:15px;
text-align:left;
}
#left_top img { position:absolute; bottom:2px; }

#bottomnavi ul { list-style-type:none; text-align:right; }
#bottomnavi li { margin-bottom:5px; }
#bottomnavi a {
text-decoration:none;
text-transform:uppercase;
font-size:11px;
}

/******************************/

#right_top { width:552px; height:250px; }

#right {
margin:10px 28px 0 0;
_margin:10px 14px 0 0;/*IE6*/
width:552px;
float:right;
}

#content {
background:#707173;
padding:25px;
min-height:200px;
_height:expression(document.body.clientHeight ? "200px" : "auto");/*IE6*/
}
#content img { margin:5px; }

#content_navi {
border-bottom:4px solid #B3BBBE;
padding:0 0 10px 0;
margin:0 0 10px 0;
color:#B3BBBE;
}
#content_navi a { text-decoration:none; }
#content_navi a.active { color: #B3BBBE;}


/******************************/

#hinnasto_table { width:500px; }
#hinnasto_table tr:hover { background:#7B7C7E; }
#hinnasto_table td {
padding:2px 2px 4px 2px;
border-bottom:1px solid #aaa;
}
#hinnasto_table td.palvelu { width:250px; }
#hinnasto_table td.student { width:50px; }
#hinnasto_table td.junior { width:50px; }
#hinnasto_table td.stylist { width:50px; }
#hinnasto_table td.senior { width:50px; }
#hinnasto_table td.top { width:50px; }

/******************************/

.henkilokunta_box {
width:500px;
background:url("img/henkilokunta_bg.jpg") top left repeat-y;
clear:both;
margin-bottom:15px;
}

.henkilokunta_kuva {
width:100px;
float:right;
border:4px solid #b3bbbe;
}

.henkilokunta_tiedot {
width:350px;
float:left;
padding:10px;
}

.clearing {
	clear: both;
	width: 1px;
	height: 1px;
	margin: 0;
	padding: 0;
}
/******************************/

#btm_links {
width:552px;
height:42px;
clear:both;
padding:10px 0 0 0;
}
#btm_links a { outline:none; }
#btm_links img { border:0; float:left; }
#btm_links img.btm_img_left { margin-right:9px; }
#btm_links img.btm_img_center {  }
#btm_links img.btm_img_right { float:right; }






#footer {
clear:both;
margin-bottom:300px;
}