body
{
  color: #000;
  background: #fff url(images/ppolka.gif);
  font-family: arial, verdana, lucida, sans-serif;
  font-size: 0.8em;
}

a, a:link
{
  color: #60c;
}
a:visited
{
  color: #306;
}
a:active
{
  color: #306;
  text-decoration: none;
}
a:hover,
a:link:hover,
a:link:visited:hover
{
  color: #060;
}

h1
{
  font-weight: bold;
  font-size: 140%;
}

h2
{
  font-weight: bold;
  font-size: 110%;
}

.contact_form
{
  margin: 3em 5% 0 4em;
}
.contact_form_text
{
  float: right;
  line-height: 1.5;
  height: 170px;
  width: 190px;
  padding: 0 130px 0 0;
  background: url(images/listen.gif) no-repeat top right;
/*<img src="images/listen.gif" alt="" width="120" height="143" border="0" />*/
}
html>body .contact_form_text
{
  margin: 0 5% 0 0;
  min-width: 250px;
  width: 250px;
}

.form_unit
{
  margin: 0 1em 0.5em 0;
  white-space: nowrap;
}
.label_10em
{
  float: left;
}
.label_10em { width: 10em; }
.data_10em  { padding-left: 10em; }


body#error
{
  background: #fff url(images/gpolka.gif);
}
body#error #error_text
{
  font-size: 105%;
  line-height: 1.5;
  margin: 2em 10% 0 10%;
  min-width: 200px;
  height: 200px;
  padding: 0 200px 0 0;
  background: url(images/shrug.gif) no-repeat top right;
/*<img src="shrug.gif" alt="" width="191" height="200" border="0">*/
}


body#thank
{
  background: #fff url(images/gpolka.gif);
}
body#thank #thank_text
{
  font-size: 105%;
  line-height: 1.5;
  margin: 2em 10% 0 10%;
  min-width: 200px;
  height: 200px;
  padding: 0 200px 0 0;
  background: url(images/thank.gif) no-repeat top right;
/*<IMG SRC="../mailto/thank.gif" ALT="[THANKS!]" WIDTH="124" HEIGHT="200" BORDER="0">*/
}

pre
{
  font-family: courier new, courier, monospace;
  white-space: -moz-pre-wrap;
  white-space: -pre-wrap;
  white-space: -o-pre-wrap;
  white-space: pre-wrap;
  word-wrap: break-word;
}

/* **************************************************************************** */
/* HACKS */

/* THE HOLLY HACK http://www.positioniseverything.net/articles/hollyhack.html */
/* Hides from IE5-mac \*/
* html .buggybox { height: 1%; }
/* End hide from IE5-mac */

/* for containers containing a float - to "stretch" the container all around the float */
/* http://www.positioniseverything.net/easyclearing.html */
/* <div class="clearfix"></div> */
.clearfix:after
{
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.clearfix { display: inline-block; }
/* hides from ie-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* end hide from ie-mac */