/* ---
CSS for Taito Catering
---*/

body {
  background-image: url(images/body_bg.gif);
  background-color: #D0C59E;
  font-family: Trebuchet, Verdana, Arial, sans-serif;
  font-size: 10px;
  color: #6F6F6F;
  text-align: left;
  margin: 0;
  padding: 0;
}

/*--- Basic CSS ---*/
img { border: 0 }
h1 { font-size: 12px; }
h2 { font-size: 12px; }
h3 { font-size: 12px; }
a, a:visited, a:active { color: #6F6F6F; text-decoration: none; outline: none; }

/*--- form ---*/
table.form { width: 318px; border: 0;}
.form td { width: 50%; }
textarea { font-family: Trebuchet, Verdana, Arial, sans-serif; width: 318px; font-size: 10px; border: 1px solid #6F6F6F; overflow: auto; }
input { width: 156px; font-size: 10px; border: 1px solid #6F6F6F; float: right;}
input.button { width: 100px; font-size: 10px; background-color: #CFC29F; margin: 0; float: right; }
select { width: 156px; font-size: 10px; }
.error { width: 153px; border-right: 3px solid #FF0000; }
.errortextarea { width: 315px; border-right: 3px solid #FF0000; }


/*--- Frontpage is a separate design ---*/
#home_wrapper {
  margin: 0 auto;
  background-image: url(images/frontpage_bg.jpg);
  background-repeat: no-repeat;
  height: 436px;
  width: 819px;
  padding-top: 115px;

}
#home_content_wrap {
  height: 300px;
  width: 818px;
  margin: 0;
  padding: 0;
}
#home_content {
  width: 335px;
  margin-left: 10px;
  float: left;
}
#home_menu {
  padding-top: 30px;
  width: 146px;
  text-align: right;
  float: left;
}
#home_footer {
  clear: both;
}
#home_footer p {
  color: #615b49;
  text-align: center;
}
#home_footer a {
  color: #615b49;
  text-decoration: none;
}

/*--- Wrapper around the whole page ---*/
#page_wrap {
  background-image: url(images/main_bg.jpg);
  background-repeat: no-repeat;

  width: 819px;
  padding: 0;
  margin: 0 auto;
}
/*--- includes menu and text ---*/
#content_wrap {
  height: 531px;
  width: 486px;
  padding: 0;
  margin: 0;
  float: left;
}
/*--- Side pictures ---*/
#keittiomestari_sp {
  background-image: url(images/keittiomestari_bg.jpg);
  background-repeat: no-repeat;
  height: 531px;
  width: 333px;
  padding: 0;
  margin: 0;
  float: right;
}
#kokemus_sp {
  background-image: url(images/kokemus_bg.jpg);
  background-repeat: no-repeat;
  height: 531px;
  width: 333px;
  padding: 0;
  margin: 0;
  float: right;
}
#ruokafilosofia_sp {
  background-image: url(images/ruokafilosofia_bg.jpg);
  background-repeat: no-repeat;
  height: 531px;
  width: 333px;
  padding: 0;
  margin: 0;
  float: right;
}
#toiminta-alue_sp {
  background-image: url(images/toiminta-alue_bg.jpg);
  background-repeat: no-repeat;
  height: 531px;
  width: 333px;
  padding: 0;
  margin: 0;
  float: right;
}
#palvelut_sp {
  background-image: url(images/palvelut_bg.jpg);
  background-repeat: no-repeat;
  height: 531px;
  width: 333px;
  padding: 0;
  margin: 0;
  float: right;
}
#catering_sp {
  background-image: url(images/catering_bg.jpg);
  background-repeat: no-repeat;
  height: 531px;
  width: 333px;
  padding: 0;
  margin: 0;
  float: right;
}
#ruoan-valmistuskurssit_sp {
  background-image: url(images/ruoanvalmistuskurssit_bg.jpg);
  background-repeat: no-repeat;
  height: 531px;
  width: 333px;
  padding: 0;
  margin: 0;
  float: right;
}
#konsultointi_sp {
  background-image: url(images/konsultointi_bg.jpg);
  background-repeat: no-repeat;
  height: 531px;
  width: 333px;
  padding: 0;
  margin: 0;
  float: right;
}
#yhteyslomake_sp {
  background-image: url(images/yhteyslomake_bg.jpg);
  background-repeat: no-repeat;
  height: 531px;
  width: 333px;
  padding: 0;
  margin: 0;
  float: right;
}

/*--- main navigation menu ---*/
#menu {
  padding-top: 27px;
  margin-top: 118px;
  width: 146px;
  text-align: right;
  float: left;
}
/*--- text content ---*/
#content {
  width: 328px;
  margin-top: 110px;
  padding-left: 10px;
  float: left;
}
/*--- larger scrollable text area ---*/
#content_large {
  width: 328px;
  height: 350px;
  margin-top: 110px;
  padding-left: 10px;
  float: left;
  overflow: auto;
}
/*--- footer ---*/
#footer {
  clear: both;
  margin: 0;
}
#footer p {
  color: #615b49;
  text-align: center;
}
#footer a {
  color: #615b49;
  text-decoration: none;
}