#etusivu, #palvelut, #kasvoille, #vartalolle, #trendiklubi, #yhteystiedot {
  height: 700px;
  border: none;
}
#etusivu { background-color: #D3C5B4; }
#palvelut { background-color: #BF907C; }
#kasvoille { background-color: #92596C; }
#vartalolle { background-color: #81726F; }
#trendiklubi { background-color: #767297; }
#yhteystiedot { background-color: #796580; }

#innet * { 
  margin: 0px;
  padding: 0px;
  font-size: 11px;
  font-family: verdana, arial, sans-serif;
}

#innet table {
  margin: 0px;
  padding: 0px;
  border-color: #000000;
  border-width: 1px;
}

#innet div { 
  border-style: none;
  border-width: 1px; 
  border-color: #000000;
}

#innet a {
  color: #0000FF;
  font-weight: bold;
  text-decoration: none;
}

#innet a:hover {
  text-decoration: underline;
}

#innet img {
  border-style: none;
}

#innet .floatLeft {
  float: left;
}

#innet .floatRight {
  float: right;
}

#innet .alignLeft {
  text-align: left;
}
#innet .alignRight {
  text-align: right;
}
#innet .alignCenter {
  text-align: center;
}

#innet .clearBoth {
  clear: both;
}

#innet .strong { 
  font-weight: bold;
}

#innet div.content ul {
  margin-bottom: 10px;
}

#innet div.content ul { 
 margin-left: 15px;
}

#innet span.highlight {
  color: #FF0000;
  font-weight: bold;
}

#innet select option { 
  padding-right: 10px;
}

#innet div.messageSuccess {
  border-style: dashed;
  border-width: 1px;
  background-color: #00CC00;
  color: black;
  margin: 3px;
  padding: 3px;
}
#innet div.messageError {
  border-style: dashed;
  border-width: 1px;
  background-color: #FF0000;
  color: white;
  margin: 3px;
  padding: 3px;
}
#innet div.messageWarning {
  border-style: dashed;
  border-width: 1px;
  background-color: lightyellow;
  color: black;
  margin: 3px;
  padding: 3px;
}

#innet div.container_outer {
  position: absolute;
  left: 0px;
  z-index: 0;
  width: auto;
  height: 700px;
}

#innet div.kuvio {
  position: absolute;
  left: 0px;
  z-index: 1;
  width: 437px;
  height: 425px;
}

#innet div.container {
  width: 800px;
  height: 600px;
  margin-bottom: 50px;
  position: absolute;
  left: 50px;
  top: 50px;
  z-index: 0;
  background-color: #FFFFFF;
  background-repeat: no-repeat;
  background-position: bottom left;
}

#innet div.logout {
  position: absolute;
  top: 35px;
  left: 50px;
  height: 15px;
  width: 800px;
  z-index: 3;
  text-align: right;
  font-size: 10px;
}

#innet div.logout a { 
  color: #FFFFFF;  
}

#innet div.top {
  position: absolute;
  top: 50px;
  left: 50px;
  height: 80px;
  width: 800px;
  z-index: 3;
}

#innet div.left {
  height: 180px;
  width: 210px;
  position: absolute;
  top: 130px;
  left: 50px;
  z-index: 3;
}

#innet div.navigation {
  height: 40px;
  width: 590px;
  position: absolute;
  top: 130px;
  left: 260px;
  background-repeat: no-repeat;
  background-position: top left;
  z-index: 100;
}

#innet div.middle {
  height: 200px;
  width: 190px;
  position: absolute;
  top: 170px;
  left: 260px;
  z-index: 3;
  text-align: right;
}

#innet div.navigation_lower {
  height: 60px;
  width: 348px;
  position: absolute;
  top: 170px;
  left: 450px;
  z-index: 3;
  padding-left: 10px;
}

#innet div.right {
  height: 52px;
  width: 60px;
  position: absolute;
  top: 170px;
  left: 800px;
  z-index: 3;
}

#innet div.content {
  height: 400px;
  width: 370px;
  position: absolute;
  top: 230px;
  left: 450px;
  overflow: auto;
  z-index: 3;
  margin-bottom: 50px;
  padding-left: 20px;
  padding-right: 10px;
  padding-bottom: 10px;
  padding-top: 10px;
}

#innet div.content_big div.content { 
  height: 460px;
  top: 170px;
}

#innet div.middle * { 
  margin-right: 10px;
}

#innet div.navigation { 
  color: #FFFFFF;
}

ul#nav { 
  margin-left: 55px;
  margin-top: 8px;
}

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

#nav a {
  font-size: 11px;
  display: block;
  width: auto;
  color: #FFFFFF;
  text-decoration: none;
  text-align: left;
}

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

#nav li {
  float: left; 
  width: auto;
  border: 1px none;
  padding-bottom: 8px;
}

#nav li.pad { 
  width: 15px;
}

#nav li div.inner {
  position: absolute;
  width: 165px;
  left: -999em;
  padding: 3px;
  margin-top: 0px;
}

#nav li div.inner ul {
  position: absolute;
  width: 165px;
  left: -8em;
  padding: 3px;
  margin-top: 0px;
  border: 1px none #000000;
}


#nav li ul li { 
  width: 158px;
  padding: 2px;
  margin-left: 3px;
  background-color: #CCCCCC;
}

#nav li ul li.fig { 
  height: 89px;
  width: 165px;
  margin-left: 0px;
  padding: 0px;
  background-image: url('img/navi_sub_fig.gif');
  background-repeat: no-repeat;
  background-color: transparent;
}

#nav li ul a { 
  float: left;
  width: 140px;
  text-align: left;
  font-family: verdana;
  font-size: 0.85em;
  font-weight: normal;
  padding-top: 2px;
  padding-bottom: 2px;
}

#nav li ul a:hover { 
  color: #FFFFFF;
}

#nav li:hover div.inner, #nav li.sfhover div.inner {
  left: auto;
}

#nav li:hover ul li:hover { 
  background-color: #aaaaaa;
}

#nav li:hover ul li.fig:hover { 
  background-color: transparent;
}

#innet div.navigation_lower, #innet div.navigation_lower a { 
  color: #E4D2CA;
  font-size: 10px;
}

#innet div.navigation_lower a:hover { 
  color: #FFD700;
  text-decoration: none;
}

#innet div.content label, #innet form label {
  font-weight: bold;
  display: block;
  float: left;
  width: 60px;
  text-align: right;
  padding-right: 5px;
  padding-top: 2px;
}

#innet div.selects {
  height: 23px;
  border-width: 0px;
  margin: 5px;
  padding: 2px;
  margin-bottom: 10px;
  background-color: #c0c0c0;
}

#innet div.selects select {
  width: 180px;
}

#innet div.selects select.numeric {
  width: 60px;
}

#innet div.selects div.selectItem {
  display: inline;
  float: left;
  padding-right: 10px;
}

#innet h1, #innet h2, #innet h3 {
  color: #786B5D;
}

#innet h1 { 
  font-size: 1.4em;
}

#innet h2 { 
  font-size: 1.2em;
}

#innet h3 { 
  font-size: 1.1em;
}

#innet div.content h2 {
  margin: 0px;
  margin-bottom: 15px;
}

#innet div.content h3, h4 {
  margin-top: 5px;
  margin-bottom: 5px;	
}

#innet div.logo_main { 
  width: 110px;
  text-align: center;
  height: 55px;
  float: left;
  border: 1px none;
  margin: 3px;
}

#innet div.logo_main img { 
  vertical-align: middle;
}

#innet .brown { 
  color: #AD8E55;
}

#innet div.contact { 
  float: left;
  width: 125px;
  margin-top: 5px;
  font-size: 0.9em;
}

#innet div.treatment { 
  margin-bottom: 10px;
}

#innet div.treatment div.info { 
  padding-left: 5px;
}

#innet div.feedback { 
  padding: 5px;
  margin: 5px;
  background-color: #cccccc;
  font-size: 0.8em;
 }

#innet div.feedback div.feedback_data{ 
  margin-top: 2px;
  margin-left: 5px;
 }

#innet div.feedback div.contact_info { 
  margin: 3px;
  padding-left: 3px;
  border-top-style: solid;
  border-top-width: 1px;
}

#innet form.feedback label { 
  width: 100px;
}

#innet form.feedback input { 
  margin-bottom: 3px;
}

#innet form.feedback input.button { 
  margin-left: 300px;
}

#innet div.content p { 
  margin-bottom: 5px;
}

#innet div.right img { 
  margin-left: 4px;
}

#innet div.admin { 
  border: 1px dashed #aaaaaa; 
  padding: 2px;
}

#innet div.admin_main { 
  margin-left: 10px; 
  margin-right: 10px; 
  margin-top: 10px; 
  border: 1px solid #888888; 
  padding: 5px;
}

#innet div.admin_table { 
  margin-bottom: 15px;
}

#innet div.admin_content table { 
  font-size: 11px;;
  font-family: verdana, arial, sans-serif;   
  border-collapse: collapse;
  margin: 3px;
}

#innet div.admin_content table td { 
  border: 1px solid #666;
  padding-left: 1px;
  padding-right: 1px;
  background-color: #ccc;
}

#innet div.admin_content table tr.header td { 
  font-size: 11px;
  font-weight: bold;
  text-align: center;
  background-color: #aaa;
}

#innet div.admin_content table tr.even td { 
  background-color: #ccc;
}

#innet div.admin_content table tr.odd td { 
  background-color: #eee;
}

#innet div.admin_navi { 
  background-color: #aaa;
  padding: 3px;
  margin: 3px;
  margin-bottom: 10px;
}

#etusivu div.container { background-image: url('img/bg_image_main.jpg'); }
#etusivu div.navigation { background-image: url('img/bg_navigation_main.gif'); }
#etusivu div.content { background-color: #FFFFFF; }
#etusivu #nav li.main a { color: #786B5D; }

#palvelut div.container { background-image: url('img/bg_image_services.jpg'); }
#palvelut div.navigation { background-image: url('img/bg_navigation_services.gif'); }
#palvelut div.content { background-color: #E4D1CA; }
#palvelut #nav li.main a { color: #655B52; }

#kasvoille div.container { background-image: url('img/bg_image_face.jpg'); }
#kasvoille div.navigation { background-image: url('img/bg_navigation_face.gif'); }
#kasvoille div.content { background-color: #E4D1CA; }
#kasvoille #nav li.main a { color: #FFFFFF; }

#vartalolle div.container { background-image: url('img/bg_image_body.jpg'); }
#vartalolle div.navigation { background-image: url('img/bg_navigation_body.gif'); }
#vartalolle div.content { background-color: #E4D1CA; }
#vartalolle #nav li.main a { color: #FFFFFF; }

#trendiklubi div.container { background-image: url('img/bg_image_club.jpg'); }
#trendiklubi div.navigation { background-image: url('img/bg_navigation_club.gif'); }
#trendiklubi div.content { background-color: #FFFFFF; }
#trendiklubi #nav li.main a { color: #FFFFFF; }

#yhteystiedot div.container { background-image: url('img/bg_image_contact.jpg'); }
#yhteystiedot div.navigation { background-image: url('img/bg_navigation_contact.gif'); }
#yhteystiedot div.content { background-color: #FFFFFF; }
#yhteystiedot #nav li.main a { color: #FFFFFF; }


#etusivu #nav li.dropdown a, #etusivu #nav li.dropdown span,
#palvelut #nav li.dropdown a, #palvelut #nav li.dropdown span,
#kasvoille #nav li.dropdown a, #kasvoille #nav li.dropdown span,
#vartalolle #nav li.dropdown a, #vartalolle #nav li.dropdown span,
#trendiklubi #nav li.dropdown a, #trendiklubi #nav li.dropdown span,
#yhteystiedot #nav li.dropdown a, #yhteystiedot #nav li.dropdown span { color: #000000; }

#etusivu #nav li a:hover, #palvelut #nav li a:hover, #kasvoille #nav li a:hover,
#vartalolle #nav li a:hover, #trendiklubi #nav li a:hover, #yhteystiedot #nav li a:hover { color: #FFD700; }

#nav li div.inner ul.sub_2 { left: 0px; }
#nav li div.inner ul.sub_3 { left: -115px; }
#nav li div.inner ul.sub_4 { left: -107px; }
#nav li div.inner ul.sub_5 { left: -105px; }
#nav li div.inner ul.sub_6 { left: 0px; }
#nav li div.inner ul.sub_7 { left: -85px; }