/*

GENERAL

*/

html {
	overflow: -moz-scrollbars-vertical;
}
body,td,th {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #333333;
}
body {
	background-color: #e9e3d2;
	background-image: url(../img/bg.gif);
	margin-left: 20px;
	margin-top: 0px;
	margin-right: 20px;
	margin-bottom: 0px;
	background-repeat: repeat-x;
	background-position: center top;
}
a:link {
	color: #9e0031;
}
a:visited {
	color: #9e0031;
}
a:hover {
	color: #f96e0f;
}
a:active {
	color: #9e0031;
	outline: none;
}

/*

LAYOUT ELEMENTS

*/

#container {
	position: relative;
	margin-left: auto;
	margin-right: auto;
	width: 960px;
}
#stage {
	width: 880px;
	background-image: url("../img/bg.png");
	background-position: left top;
	float: left;
	text-align: left;
	padding-right: 40px;
	padding-left: 40px;
	padding-top: 153px;
	padding-bottom: 10px;
}
#stage td.infobox {
	padding-top: 12px;
	padding-right: 20px;
	padding-bottom: 12px;
	padding-left: 20px;
	background-image: url(../img/bg_infobox.gif);
	vertical-align: top;
}
#stage td.infobox p {
	margin: 0px;
	padding: 0px;
}
#contentstage {
	width: 880px;
	background-image: url("../img/bg_container.gif");
	background-repeat: no-repeat;
	background-position: left top;
	position: relative;
	text-align: left;
	padding-right: 40px;
	padding-left: 40px;
	padding-top: 140px;
	padding-bottom: 10px;
}
#contentmain {
	padding-top: 14px;
	padding-right: 18px;
	padding-bottom: 12px;
	padding-left: 20px;
	vertical-align: top;
	color: #333333;
	border-top: 1px solid #E9E3D2;
	border-left: 1px solid #E9E3D2;
}
#contentmain p {
	margin: 0px;
	padding: 0px 0px 12px;
	line-height: 18px;
}
#contentmain h1 {
	font-size: 18px;
	margin: 0px;
	padding: 0px 0px 12px;
	color: #9E0031;
	font-weight: normal;
	line-height: 23px;
}
#contentmain h2 {
	font-size: 13px;
	margin: 0px;
	padding: 0px 0px 6px;
	line-height: 18px;
}
#contentmain ul {
	margin: 0px 0px 12px;
	padding: 0px 0px 0px 36px;
	list-style-type: disc;
	line-height: 18px;
}
#contentmain ul li {
	line-height: 18px;
}

/*

Content box

*/

#contentbox {
	float: left;
	vertical-align: top;
	color: #333333;
	border-top: 1px solid #E9E3D2;
	border-left: 1px solid #E9E3D2;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #E9E3D2;
	border-bottom-color: #E9E3D2;
	padding: 0px;
}
#contentbox p {
	margin: 0px;
	padding: 0px 0px 12px;
	line-height: 18px;
}
#contentbox h1 {
	font-size: 18px;
	margin: 0px;
	padding: 0px 0px 12px;
	color: #9E0031;
	font-weight: normal;
	line-height: 23px;
}
#contentbox h2 {
	font-size: 13px;
	margin: 0px;
	padding: 0px 0px 6px;
	line-height: 18px;
}
#contentbox ul {
	margin: 0px 0px 12px;
	padding: 0px 0px 0px 36px;
	list-style-type: disc;
	line-height: 18px;
}
#contentbox ul li {
	line-height: 18px;
}
#contentbox #contentleft {
	float: left;
}
#contentbox #contentright {
	float: right;
}













#peoplebox {
	float: left;
	padding-top: 14px;
	padding-right: 0px;
	padding-bottom: 4px;
	padding-left: 20px;
	margin-bottom: 12px;
	vertical-align: top;
	color: #333333;
	border-top: 1px solid #E9E3D2;
	border-left: 1px solid #E9E3D2;
}
#peoplebox td {
	font-size: 11px;
	padding-right: 8px;
	padding-bottom: 8px;
	vertical-align: top;
}
#peoplebox img {
}
#peoplebox p {
	margin: 0px;
	padding: 0px 0px 12px;
	line-height: 18px;
}
#peoplebox h1 {
	font-size: 18px;
	margin: 0px;
	padding: 0px 0px 12px;
	color: #9E0031;
	font-weight: normal;
	line-height: 23px;
}
#peoplebox h2 {
	font-size: 13px;
	margin: 0px;
	padding: 0px 0px 6px;
	line-height: 18px;
}
#peoplebox ul {
	margin: 0px 0px 12px;
	padding: 0px 0px 0px 36px;
	list-style-type: disc;
	line-height: 18px;
}
#peoplebox ul li {
	line-height: 18px;
}








.casebox {
	float: left;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 12px;
	margin-left: 0px;
	border-top: 1px solid #e9e3d2;
	border-right: none;
	border-bottom: none;
	border-left: 1px solid #e9e3d2;
}
.casebox table {
}
.casebox table td {
	line-height: 18px;
}
.casebox table td p {
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 8px;
	padding-left: 0px;
	margin: 0px;
}
.casebox table td h1 {
}
.casebox table td h2 {
}





#contentright {
}
#contentright p {
	margin: 0px;
	padding: 0px 0px 12px;
	line-height: 18px;
	color: #666666;
}
#contentright h2 {
	margin: 0px;
	padding: 0px 0px 6px;
	line-height: 18px;
}
#contentright a.small {
	font-size: 11px;
}





#footer {
	float: left;
	width: 880px;
	background-image: url("../img/bg_bottom.png");
	background-repeat: no-repeat;
	background-position: left bottom;
	height: 24px;
	text-align: left;
	font-size: 11px;
	color: #999999;
	padding-top: 0px;
	padding-right: 40px;
	padding-bottom: 0px;
	padding-left: 40px;
}
#footer a {
	color: #999999;
}
#subfooter {
	float: left;
	width: 880px;
	height: 35px;
	text-align: left;
	font-size: 11px;
	color: #a39d8e;
	padding-top: 6px;
	padding-right: 40px;
	padding-bottom: 0px;
	padding-left: 40px;
}
#subfooter a {
	color: #a39d8e;
}
div.rightinfo {
	float: right;
}
div.leftinfo {
	float: left;
}

/*

ABSOLUTE ELEMENTS

*/

#logo {
	position:absolute;
	left:40px;
	top:23px;
	width:231px;
	height:42px;
	z-index:1;
}
#loginform {
	position:absolute;
	left:474px;
	top:29px;
	width:450px;
	height:39px;
	z-index:1;
	layer-background-color: #CCCCCC;
	border: 1px none #000000;
	text-align: right;
}
#loginform table {
	align: right;
}
#loginform td {
	font-size: 11px;
	font-family: Tahoma, Arial, Helvetica;
	color: #666666;
}
#loginform input {
	font-size: 11px;
	padding: 4px;
	border: 1px solid #CCCCCC;
	color: #9e0031;
}

/*

TOP NAVIGATION

*/

#topnavi {
	position:absolute;
	left:10px;
	top:90px;
	width:940px;
	height:42px;
	z-index:1;
	background-color: #F3EDE1;
	layer-background-color: #F3EDE1;
	background-image: url("../img/bg_topnavi.gif");
	layer-background-image: url("../img/bg_topnavi.gif");
	padding-right: 0px;
	padding-left: 0px;
}
#topnavi ul {
	margin: 0;
	padding: 0px 30px 0 30px;
	list-style: none;
}
#topnavi li {
	float:left;
	background:url("../img/n.gif") no-repeat left top; /* left */
	margin:0;
	padding:0 0 0 0px;
}
#topnavi a {
	float:left;
	display:block;
	width:0.1em;
	background:url("../img/right_both_2.gif") no-repeat right top; /* right */
	padding:10px 24px 10px 0px;
	text-decoration:none;
	font-weight:normal;
	color: #333333;
}
#topnavi > ul a {width:auto;}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#topnavi a {float:none;}
/* End IE5-Mac hack */
#topnavi a:hover {
	color:#333;
}
#topnavi li a:active {
	outline: none;
}
#home #nav-home, #news #nav-news, #products #nav-products, #about #nav-about, #contact #nav-contact {
	background-position:0 -42px;
	border-width:0;
}
#home #nav-home a, #news #nav-news a, #products #nav-products a, #about #nav-about a, #contact #nav-contact a {
	background-position:100% -42px;
	padding-bottom:5px;
	color:#333;
}
#topnavi li:hover, #topnavi li:hover a {
	background-position:0% -42px;
	color:#9e0031;
}
#topnavi li:hover a {
	background-position:100% -84px;
}
#topnavi #selected {
	background-position:0% -42px;
	border-width:0;
}
#topnavi #selected a {
	background-position:100% -42px;
	padding-bottom:10px;
	color:#f96e0f;
}


#coverimage {
	position:absolute;
	left:40px;
	top:141px;
	width:880px;
	height:156px;
	z-index:1;
	background-color: #FFFBF7;
}


form {
	margin: 0px;
	padding: 0px;
}



#coverbox1 {
	height: 128px;
	width: 173px;
	background-image: url("../img/bg_box_yhteystiedot_2.gif");
	font-size: 10px;
	padding-top: 7px;
	padding-right: 100px;
	padding-bottom: 0px;
	padding-left: 20px;
	line-height: 13px;
}
#coverbox2 {
	height: 99px;
	width: 291px;
	background-image: url("../img/bg_box_asiakkaitamme.gif");
	font-size: 11px;
	padding-top: 35px;
	padding-right: 1px;
	padding-bottom: 1px;
	padding-left: 1px;
	line-height: 17px;
}
#coverbox3 {
	height: 107px;
	width: 252px;
	background-image: url("../img/bg_box_postituslista.gif");
	font-size: 11px;
	padding-top: 28px;
	padding-right: 21px;
	padding-bottom: 0px;
	padding-left: 21px;
	line-height: 17px;
}
#coverbox3 input {
	font-size: 11px;
	padding: 4px;
	border: 1px solid #CCCCCC;
	color: #9e0031;
}














/*

NAVIGATION

*/

#nav2 {
	color: #575757;
	font-weight: normal;
	overflow: hidden;
	width: 180px;
	font-size: 13px;
}
#nav2 .navibrowser {
	padding: 7px 6px 7px 12px;
}
#nav2 .naviend {
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #e9e3d2;
}
#nav2 ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #e9e3d2;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #e9e3d2;
}
#nav2 ul ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
#nav2 a:link, #nav2 a:visited {
	color: #333333;
	text-decoration: none;
}
#nav2 a:hover, #nav2 a:active {
	color: #fd6700;
	text-decoration: none;
}

/*
BLOCK STYLE: root
*/

#nav2 ul.root {
	list-style-type: none;
	margin: 0;
	padding-left: 0px;
	color: #575757;
}
#nav2 ul.root li  {
	font-weight: normal;
	padding: 5px 6px 5px 17px;
	border-top: 1px solid #e9e3d2;
}
#nav2 ul.root li.hasChildren  {
	background-image:   url("../img/navibul.gif");
	background-position: 7px 11px;
	background-repeat: no-repeat;
}
#nav2 ul.root li.selected  {
	background-color: #f6f3ec;
}
#nav2 ul.root li.selected a {
	color: #fd6700;
}

/*
BLOCK STYLE: newsroot
*/

#nav2 ul.newsroot {
	list-style-type: none;
	margin: 0;
	padding-left: 0px;
	color: #575757;
	border-top: 1px solid #e9e3d2;
}
#nav2 ul.newsroot li  {
	padding: 5px 6px 5px 17px;
	border-bottom: 1px solid #e9e3d2;
}
#nav2 ul.newsroot li.selected  {
	background-color: #f6f3ec;
}
#nav2 ul.newsroot li.hasChildren  {
	background-image:   url("../img/navibul.gif");
	background-position: 7px 10px;
	background-repeat: no-repeat;
}
#nav2 ul.newsroot li.selected a {
	color: #fd6700;
}


/*
BLOCK STYLE: path
*/

#nav2 ul.path {
	list-style-type: none;
	margin: 0;
	padding-left: 0px;
}
#nav2 ul.path li  {
	font-weight: normal;
	padding: 5px 6px 5px 17px;
	background-image:   url("../img/navibul_open.gif");
	background-position: 6px 12px;
	background-repeat: no-repeat;
	border-top: 1px solid #e9e3d2;
}
#nav2 ul.path li.selected  {
	background-image:   url("../img/navibul_open.gif");
	background-position: 6px 12px;
	background-repeat: no-repeat;
	background-color: #f6f3ec;
}
#nav2 ul.path li.selected a {
	color: #fd6700;
}

/*
BLOCK STYLE: sub
*/

#nav2 ul.sub {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	border-top: 1px dotted #e9e3d2;
}
#nav2 ul.sub li {
	padding: 5px 6px 5px 17px;
/*	border-top: 1px dotted #EAEAEA; */
}
#nav2 ul.sub li.hasChildren  {
	background-image:   url("../img/navibul.gif");
	background-position: 6px 10px;
	background-repeat: no-repeat;
}
#nav2 ul.sub li.selected {
	background-color: #f6f3ec;
}
#nav2 ul.sub li.selected a:link, #nav2 ul.sub li.selected a:active, #nav2 ul.sub li.selected a:visited, #nav2 ul.sub li.selected a:hover {
}
#nav2 ul.sub li.title {
    padding-left: 7px;
    background-image: none;
    color: #575757;
    border-bottom: 0;
}
#nav2 ul.sub li a:link, #nav2 ul.sub li a:visited, #nav2 ul.sub li a:hover, #nav2 ul.sub li a:active {
	color: #9e0031;
}
#nav2 img {
	display: inline;
}



#formtable {
}
#formtable td {
	padding-right: 6px;
}
#formtable td.smallprint {
	font-size: 11px;
}
#formtable input {
	padding: 2px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
}
#formtable .small {
	width: 100px;
}
#formtable .medium {
	width: 200px;
}
#formtable .large {
	width: 300px;
}
#formtable .extralarge {
	width: 418px;
}

/*

2009 - COVER UPDATE

*/

div#content {
	float: left;
	width: 880px;
}
div#content div.colleft {
	float: left;
	width: 600px;
}
div#content div.colright {
	float: right;
	width: 260px;
}

/*

2009 - COVER UPDATE - BOXES

*/

div#content div.boxpersonaltrainer {
	float: left;
	width: 288px;
	height: 232px;
	background-color: #9e0031;
	margin-bottom: 20px;
	padding-left: 282px;
	padding-right: 30px;
	padding-bottom: 30px;
	padding-top: 75px;
	background-image: url("../img/2009/bg_marko.jpg");
	background-repeat: no-repeat;
	background-position: left top;
	color: #ffffff;
}
div#content div.boxpersonaltrainer h1 {
	font-family: Arial, sans-serif;
	font-size: 20px;
	line-height: 24px;
	padding: 0px;
	margin: 0px;
	padding-bottom: 12px;
}
div#content div.boxpersonaltrainer p {
	font-family: Arial, sans-serif;
	font-size: 16px;
	line-height: 22px;
	padding: 0px;
	margin: 0px;
	padding-bottom: 16px;
}
div#content div.boxyrityspalvelut {
	float: left;
	width: 568px;
	margin-bottom: 20px;
	padding: 15px;
	border: 1px solid #d9d9d9;
}
div#content div.boxyrityspalvelut h2 {
	font-family: Arial, sans-serif;
	font-size: 16px;
	line-height: 20px;
	padding: 0px;
	margin: 0px;
	padding-bottom: 6px;
	padding-top: 4px;
}
div#content div.boxyrityspalvelut p {
	font-family: Arial, sans-serif;
	font-size: 12px;
	line-height: 17px;
	padding: 0px;
	margin: 0px;
	color: #333333;
}
div#content div.boxform {
	float: left;
	width: 260px;
	background-color: #ede1cd;
	margin-bottom: 10px;
}
div#content div.boxformbox {
	float: left;
	padding: 15px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFF;
	width: 230px;
}
div#content div.boxform h2 {
	font-family: Arial, sans-serif;
	font-size: 16px;
	line-height: 20px;
	padding: 0px;
	margin: 0px;
	padding-bottom: 6px;
	padding-top: 4px;
}
div#content div.boxform p {
	font-family: Arial, sans-serif;
	font-size: 12px;
	line-height: 17px;
	padding: 0px;
	margin: 0px;
	color: #333333;
}
div#content div.boxform input {
	width: 222px;
	font-size: 13px;
	padding: 2px;
	background-color: #ffffff;
	border: 1px solid #FFF;
	margin-bottom: 6px;
}
div#content div.boxform div.inputlabel {
	font-size: 11px;
	line-height: 15px;
	padding: 0px;
	margin: 0px;
	margin-bottom: 4px;
}
div#content div.boxmap {
	float: left;
	width: 230px;
	margin-bottom: 10px;
	background-image: url("../img/2009/kartta.gif");
	background-repeat: no-repeat;
	background-position: left top;
	padding: 15px;
	padding-top: 43px;
	font-size: 11px;
	line-height: 17px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #d9d9d9;
}
div#content div.boxquote {
	float: left;
	width: 230px;
	margin-bottom: 10px;
	background-image: url("../img/2009/sitaatti.gif");
	background-repeat: no-repeat;
	background-position: left top;
	padding: 15px;
	padding-top: 23px;
	font-size: 11px;
	line-height: 16px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #d9d9d9;
}
div#content div.boxquote p {
	margin: 0px;
	padding: 0px;
}

/*

2009 - CONTENT UPDATES

*/


/*

FORMS

*/

#formblock {
	float: left;
	border: 1px solid #d9d9d9;
	margin-top: 0px;
	margin-bottom: 10px;
	padding-top: 20px;
	padding-right: 25px;
	padding-bottom: 20px;
	padding-left: 25px;
	background-color: #ffffff;
}
#formblock.wide {
	width: 840px;
}
#formblock.basic {
	width: 550px;
}
#formblock table {
	width: 100%;
}
#formblock form {
	margin: 0px;
	padding: 0px;
}
#formblock textarea  {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
}
#formblock input, #formblock textarea  {
	padding: 1px;
}
#formblock select {
	padding: 1px;
}
#formblock input.radio, #formblock input.checkbox  {
	padding: 0px;
	margin: 0px;
}
#formblock input {
}
#formblock input.required, #formblock textarea.required  {
	border-color: #ff0000;
}
#formblock input.small, #formblock textarea.small {
	width: 60px;
}
#formblock input.medium, #formblock textarea.medium {
	width: 260px;
}
#formblock input.large, #formblock textarea.large {
	width: 480px;
}
#formblock.basic input.large, #formblock.basic textarea.large {
	width: 400px;
}
#formblock input.extralarge, #formblock textarea.extralarge {
	width: 100%;
}
#formblock.basic input.extralarge, #formblock.basic textarea.extralarge {
	width: 546px;
}
#formblock textarea.xxlarge {
	width: 100%;
	height: 200px;
}
#formblock td.required {
	color: #FF0000;
}
#formblock td {
	padding-bottom: 3px;
	padding-top: 4px;
	vertical-align: middle;
	line-height: 18px;
}
#formblock td.formfield {
}
#formblock td.formlabel {
	text-align: right;
	padding-right: 8px;
	vertical-align: middle;
	/* width: 200px; */
}
#formblock.basic td.formlabel {
	text-align: right;
	padding-right: 8px;
	vertical-align: middle;
	/* width: 180px; */
}
#formblock td.formseparator {
	padding-top: 10px;
	padding-bottom: 10px;
	background-image: url("../img/formseparator.gif");
	background-repeat: repeat-x;
	background-position: left center;
}
#formblock td.formseparator span.separator {
	background-color: #ffffff;
	padding-right: 8px;
	font-weight: bold;
}
#formblock td.formnote {
}
#formblock td.formheading {
}
#formblock td.formsubmit {
	padding-top: 16px;
}
#formblock div#formerror {
	padding-top: 15px;
	padding-bottom: 14px;
	padding-right: 20px;
	padding-left: 20px;
	border: 1px solid #FF0000;
	color: #FF0000;
}
#formblock p {
	margin: 0px;
	padding: 0px 0px 14px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 17px;
}
#formblock p.ingressi {
	font-size: 16px;
	line-height: 22px;
}
#formblock h1 {
	font-size: 20px;
	line-height: 24px;
	text-align: left;
	padding-top: 0px;
	margin: 0px;
	font-weight: normal;
	padding-bottom: 14px;
}
#formblock div.insert {
	width: 180px;
	margin-left: 20px;
	margin-bottom: 20px;
	float: right;
}
#formblock div.insert ul {
	list-style-type: disc;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 15px;
}
#formblock div.insert li {
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 12px;
	padding-left: 0px;
	font-weight: bold;
}
#formblock div.story {
	margin-bottom: 20px;
	background-color: #F6F3EB;
	padding-top: 20px;
	padding-right: 30px;
	padding-bottom: 20px;
	padding-left: 70px;
	background-image: url(../img/2009/sitaatti_large.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

/*

FORMS

*/

#formerrorblock {
	float: left;
	padding: 20px 26px;
	margin-top: 0px;
	margin-bottom: 24px;
	color: #ffffff;
	background-color: #e8544a;
	line-height: 18px;
}
#formnotificationblock {
	float: left;
	padding: 20px 26px;
	margin-top: 0px;
	margin-bottom: 24px;
	color: #ffffff;
	background-color: #7bc371;
	line-height: 18px;
}
#formnotificationblock.wide, #formerrorblock.wide {
	width: 840px;
}
#formnotificationblock.basic, #formerrorblock.basic {
	width: 636px;
}
#formnotificationblock.narrow, #formerrorblock.narrow {
	width: 432px;
}