html, body {
	height: 100%;
	margin: 0 0 1px;
	padding: 0;
}

body {
	height: 100%;
	background: #67bbc6;
	color: #218f9e;
	text-align: center;
	font: 12px/1.5em Arial, "Trebuchet MS", Tahoma, Verdana;
	}

h1, h2, h3, h4, p {
	margin: 0;
	padding: 0 0 10px 0;
	}

h1, h2, h3, h4 {
	font-family: Anivers-Regular;
	text-transform: uppercase;
	font-weight: normal;
	}

h1 { 
	font-size: 24px;
	color: #88c80b;
	padding-bottom: 15px;
	}

h2 { 
	font-size: 18px;
	color: #88c80b;
	padding-bottom: 15px;
	}

.frontbox h2 {
	padding: 7px 0 8px 0;
	}

h3 { 
	font-size: 16px;
	color: #88c80b;
	}

h4 { 
	font-size: 14px;
	padding: 0;
	}

#fullcontent .post h4 {
	padding: 0 0 10px 0;
	}

p {
	
	}

form {
	margin: 0;
	padding: 0;
	}

acronym {
	cursor: help;
	}

img {
	padding: 0;
	border: 0;
	margin: 0;
	}

ul {
	list-style: disc;
	margin: 0 0 15px 15px;
	padding: 0;
	}

ol {
	list-style: decimal;
	margin: 0 0 15px 15px;
	padding: 0;
	}

#fullcontent .post ul {
	background: #e6f8fa;
	list-style: none;
	font-style: italic;
	margin: 0 0 15px 0;
	padding: 15px 15px 10px 15px;
	}

#fullcontent .post ul li{
	padding: 0 0 5px 0;
	}



li {
	margin: 0;
	padding: 0;	
	}

a, a:link, a:visited {
	color: #218f9e;
	text-decoration: underline;
	outline: none;
	}

a:hover {
	color: #88c80b;
	text-decoration: underline;
	}
	
input, select, textarea {
	font-family: Arial, 'Trebuchet MS', Tahoma, "Lucida Grande","Lucida Sans Unicode",sans-serif;
	}

a.bigger { font-size: 15px; font-weight: bold; }	
	
/* WRAP & HEADER */

#site {
	width: 100%;
	background: #fff url(../i/bodysub.jpg) 50% 0 repeat-x;
	}

#sitefront {
	width: 100%;
	background: #fff url(../i/body.jpg) 50% 0 repeat-x;
	}	
	
#wrap {
	width: 960px;
	min-width: 960px;
	margin: 0 auto;
	text-align: left;
	position: relative;
	overflow: hidden;
	}

#etusivu #wrap {
	width: 980px;
	min-width: 980px;

	}

#superheader {
	display: block;
	height: 37px;
	display: block;
	text-align: right;
	line-height: 37px;
	color: #fff;
	}
	
#etusivu #superheader { padding-right: 10px; }

#superheader a{
	color: #fff;
	text-decoration: underline;
	font-weight: bold;
	}
	
#superheader a:hover{
	color: #fff;
	text-decoration: underline;
	}	
	
/* */

#pixie {
	display: block;
	width: 980px;
	height: 367px;
	position: relative;
	overflow: hidden;
	}

#pixie #caro0 {
	display: block;
	width: 980px;
	height: 367px;
	position: relative;
	z-index: 1000;
	}

#pixie #caro0 a {
	display: block;
	width: 980px;
	height: 367px;
	text-indent: -5000px;
	overflow: hidden;
	position: absolute;
	top: 0;
	left: 0;
	background: url(../i/caro0.jpg) no-repeat;
	}

#pixie #caro1 {
	display: block;
	width: 980px;
	height: 367px;
	position: relative;
	background: url(../i/caro1.jpg) no-repeat;
	}

#pixie #caro2 {
	display: block;
	width: 980px;
	height: 367px;
	position: relative;
	z-index: 1000;
	}

#pixie #caro2 a {
	display: block;
	width: 980px;
	height: 367px;
	text-indent: -5000px;
	overflow: hidden;
	position: absolute;
	top: 0;
	left: 0;
	background: url(../i/caro2.jpg) no-repeat;
	}

#pixie h1, #pixie h2, #pixie h3 { display: none; }	
	
#caro1 a#biglink {
	display: block;
	width: 230px;
	height: 55px;
	position: absolute;
	top: 246px;
	left: 0;
	text-indent: -5000px;
	overflow: hidden;
	}

#caro1 h4 {
	position: absolute;
	top: 170px;
	left: 55px;
	color: #adadad;
	font-size: 16px;	
	width: 260px;
	font-style: italic;
	text-transform: none;
	line-height: 21px;
	}

#caro1 p {
	position: absolute;
	top: 320px;
	left: 55px;
	color: #77cad5;
	font-size: 14px;
	}
	
#pixie p a {
	font-weight: normal;
	color: #218f9e;
	text-decoration: underline;
	}
	
#pixie p a:hover {
	color: #88c80b;
	text-decoration: underline;
	}

/* */

#pixie #caro3 {
	display: block;
	width: 980px;
	height: 367px;
	position: relative;
	background: url(../i/caro3.jpg) no-repeat;
	}

#caro3 h4 {
	position: absolute;
	top: 195px;
	left: 55px;
	color: #adadad;
	font-size: 16px;	
	width: 380px;
	font-style: italic;
	text-transform: none;
	line-height: 21px;
	}


#caro3 p {
	position: absolute;
	top: 320px;
	left: 55px;
	color: #77cad5;
	font-size: 14px;
	}

#caro3 a#biglink {
	display: block;
	width: 357px;
	height: 55px;
	position: absolute;
	top: 246px;
	left: 0;
	text-indent: -5000px;
	overflow: hidden;
	}
	
/* */	
	
#header {
	display: block;
	width: 100%;
	height: 92px;
	background: url(../i/header.png) no-repeat;
	position: relative;
	}

.subsite #header {
	background: url(../i/header.png) no-repeat -10px 0;
	}

#etusivu #header {
	height: 65px;	
	}

#etusivu #header h1 a {
	height: 65px;	
	}

#header h1 {
	padding: 0;
	margin: 0;
	}

#header h1 a {
	display: block;
	width: 193px;
	height: 92px;
	text-indent: -5000px;
	overflow: hidden;
	}

#header ul {
	padding: 0;
	margin: 0;
	list-style: none;
	position: absolute;
	top: 33px;
	right: 0px;
	}

body#etusivu #header ul { right: 10px }

#header ul li {
	padding: 0;
	margin: 0;
	float: left;
	}

#header ul li a {
	display: block;
	font-family: Anivers-Regular;
	font-size: 16px;
	line-height: 32px;
	color: #63d0d5;
	text-decoration: none;
	padding: 0 10px 0 10px;
	margin-left: 10px;
	}

body#etusivu 				#header ul li a.etusivu, body#etusivu #header ul li a.etusivu:hover,
body#yritys		 			#header ul li a.yritys, body#yritys #header ul li a.yritys:hover,
body#palvelut 				#header ul li a.palvelut, body#palvelut #header ul li a.palvelut:hover,
body#hyvinvointiklinikka 	#header ul li a.hyvinvointiklinikka, body#hyvinvointiklinikka #header ul li a.hyvinvointiklinikka:hover,
body#tyontekijat			#header ul li a.tyontekijat, body#tyontekijat #header ul li a.tyontekijat:hover,
body#yhteystiedot	 		#header ul li a.yhteystiedot, body#yhteystiedot #header ul li a.yhteystiedot:hover,
body#tuotteet				#header ul li a.tuotteet, body#tuotteet #header ul li a.tuotteet:hover,
body#minibussi				#header ul li a.minibussi, body#minibussi #header ul li a.minibussi:hover
{
	color: #fff;
	text-decoration: none;
	background: #a5dc3c;
	}

#header ul li a:hover {
	color: #8aca0f;
	text-decoration: none;
	}



/* */

#container {
	display: block;
	width: 960px;
	padding-bottom: 25px;
	}

.subsite #container {
	background: #fff;
	}
	
#sidebar {
	display: block; 
	width: 320px;
	height: 490px;
	float: left;
	background: url(../i/sidebar.jpg) no-repeat;
	position: relative;
	}

#sidebar img {
	padding: 0;
	margin: 0;
	position: absolute;
	top: 33px;
	left: 44px;
	}

#sidenav {
	display: block; 
	width: 320px;
	height: 490px;
	float: left;
	position: relative;
	}

#sidenav .aside {
	padding: 35px;
	}

#content {
	width: 400px;
	float: left;
	padding-top: 35px;
	}

#fullcontent {
	width: 640px;
	float: left;
	padding-top: 35px;
	}

/* */
	
#info {
	width: 960px;
	position: relative;
	}	

#secondary {
	width: 240px;
	float: left;
	padding: 35px 0 0px 0;
	}	

.column {
	width: 230px;
	float: left;
	padding: 25px 0 0px 0;
	}	

.column320 {
	width: 320px;
	float: left;
	padding: 35px 0 0px 0;
	}

.column320 .post { 
	margin: 0 35px 0px 35px;
	padding: 0 0 0px 0;
	}

.frontbox {
	width: 320px;
	float: left;
	padding-top: 30px;
	}
	
.frontbox h1 { font-size: 24px; color: #218f9e; }	
	
.frontbox .post img {
	border: none;
	}
	
/* */
	
.post { 
	margin: 0 35px 0px 35px;
	padding: 0 0 20px 0;
	}

.post img {
	padding: 0;
	margin-bottom: 5px;
	}
	
.employee {
	margin-bottom: 25px;
	float: left;
	width: 360px;
	}
	
.employee .post {
	border-bottom: 1px solid #ededed;
	height: 330px;
	}
	
.employee img { padding-bottom: 10px; }	
	
/* */

#footer {
	width: 100%;
	min-width: 960px;
	position: relative;
	overflow: hidden;
	background: #66bac6 url(../i/footer.jpg) repeat-x;
	}

#footercontent {
	display: block;
	width: 960px;
	height: 175px;
	margin: 0 auto;
	text-align: left;
	}

#footer ul {
	margin: 0;
	padding: 0;
	list-style: none;
	}

#footer ul li {
	float: left; 
	color: #baeef5;
	display: block;
	width: 135px;
	font-size: 90%;
	line-height: 1.3em;
	}

#footer ul li#last {
	
	}

#footer ul li span {
	display: block;
	padding: 50px 25px 0 25px;
	}

#footer ul li strong {
	display: block;
	color: #fff;
	}

#footer ul li a{
	color: #fff;
	text-decoration: underline;
	}
	
#footer ul li a:hover{
	color: #fff;
	text-decoration: underline;
	}

/* Thickbox */

.inlinecontent {
background: url(../i/cf.jpg) no-repeat;
color: #23909f;
padding: 0;
margin: 0;
display: block;
width: 555px;
height: 375px;
}
 
.inlinecontent table { width: 100%; }

.inlinecontent input {
	padding: 3px;
	width: 100%;
	font-size: 100%;
	margin: 0px 0px 5px 0px;
	background: #fff;
	border: 1px solid #23909f;
	color: #23909f;
}

.inlinecontent textarea {
	padding: 3px;
	width: 100%;
	font-size: 100%;
	margin: 0px 0px 5px 0px;
	background: #fff;
	border: 1px solid #23909f;
	color: #23909f;
	height: 130px;
}

.inlinecontent input#consubmit {
  
}

.inlinecontent h2#request {
padding: 0;
margin: 0;
display: block;
width: 205px;
height: 58px;
text-indent: -5000px;
overflow: hidden;
}

.inlinecontent td { padding: 0 8px 0 16px; }
.inlinecontent br { display: none; }

#TB_window .inlinecontent .submits input {
	padding: 5px;
	width: auto;
	font-size: 100%;
	margin: 0 5px 0 0;
background: #23909f;
	border: 1px solid #fff;
	color: #fff;
}

/* Tabs
----------------------------------*/
.ui-tabs { position: relative;  zoom: 1; } /* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
.ui-tabs .ui-tabs-nav { margin: 0; padding: 0; display: block; }
.ui-tabs .ui-tabs-nav li { list-style: none; position: relative; top: 1px; margin: 0; border-bottom: 0 !important; padding: 0; white-space: nowrap; }
.ui-tabs .ui-tabs-nav li a { padding: 0; text-decoration: none; line-height: 32px; border-bottom: 1px solid #d0eef2; font-size: 16px }
.ui-tabs .ui-tabs-nav li.small a { padding: 0; text-decoration: none; line-height: 32px; border-bottom: 1px solid #d0eef2; font-size: 14px }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected { margin-bottom: 0;  }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; color: #fff !important;
	text-decoration: none;
	background: #a5dc3c;border-bottom: 1px solid #fff}
.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
.ui-tabs .ui-tabs-panel { display: block; border-width: 0; background: none; }
.ui-tabs .ui-tabs-hide { display: none !important; }

ul#fullul { display: block; width: 250px; margin-bottom: 10px; clear:both; }

ul#fullul li { margin: 0; padding: 0; }
ul#fullul li a { display: block; padding: 0 10px; color: #218f9e; font-family: Anivers-Regular;
	  }
ul#fullul li a:hover { color: #88c80b; 
	text-decoration: none;}


/* */


ul.fullul { display: block; margin: 0; clear:both; }

ul.fullul li { margin: 0; padding: 0; list-style: none; position: relative; top: 1px; margin: 0; border-bottom: 0 !important; padding: 0; white-space: nowrap; }
ul.fullul li a { padding: 0; text-decoration: none; line-height: 32px; border-bottom: 1px solid #d0eef2; font-size: 14px; display: block; padding: 0 10px; color: #218f9e; font-family: Anivers-Regular;
	  }
ul.fullul li a:hover { color: #88c80b; 
	text-decoration: none;}



ul.services { display: block; width: 100%;clear:both; margin: 0; padding: 0 0 15px 0; display: block; list-style: none; }

ul.services li { margin: 0; padding: 0; }
ul.services li a { display: block;  color: #218f9e; font-family: Anivers-Regular;  padding: 0; text-decoration: none; line-height: 32px; border-bottom: 1px solid #d0eef2; font-size: 16px
	  }
ul.services li a:hover { display: block; color: #88c80b; 
	text-decoration: none;
	}

ul.biglist { display: block; width: 100%;clear:both; margin: 0; padding: 0 0 15px 0; display: block; list-style: none; }

ul.biglist li { margin: 0; padding: 0; display: block;  color: #218f9e; font-family: Anivers-Regular;  padding: 7px 0; text-decoration: none; line-height: 18px; border-bottom: 1px solid #d0eef2; font-size: 13px }

/* */

#switchbox {
	display: block;
	width: 100%;
	overflow: hidden;
	}

#switchbox .sbox {
	display: none;
	width: 100%;
	height: 380px;
	position: relative;
	}

#switchbox .sbox .sbox-hide {
	display: block;
	width: 30px;
	height: 30px;
	background: url(../i/closebox.png) no-repeat;
	text-indent: -5000px;
	overflow: hidden;
	position: absolute;
	top: 20px;
	right: 25px;
	}

em.bigphone {
	color: #a5dc3c;
	font-weight: bold;
	font-style: normal;
	font-size: 30px;
	padding: 0px 0 8px 0;
	display: block;
	}

p.small {
	display: block;
	border-top: 1px solid #d2eff2;
	font-size: 11px;
	line-height: 16px;
	padding: 5px 0;
	}

.frontcontent {
	display: block;
	width: 100%;
	height: 200px;
	}

p.pink {
	color: #ff499f;
	font-size: 24px;
	font-weight: bold;
	}

p.pink * {
	color: #ff499f !important;
	}