/* CSS */

* {
  margin: 0;
  padding: 0;
  }

body {
  font-size: small;
  font-family: Tahoma, 'Lucida Grande CE', lucida, sans-serif;
  line-height: 1.7em;
  background: #dbeafc url(../images/bg.gif) top left repeat-x;
  color: #5c1a13;
  }

a {
  color: #1f4169;
  }

a:hover {
  color: #d32a19;
  }


p {
  padding: 0.7em 0;
  }

.right {
  text-align: right;
  }

h1 {
  font-size: 1.5em;
  font-weight: normal;
  color: #fff;
  position: relative;
  top: 30px;
  }
  
h1, h1 span {
  position: relative;
  width: 192px;
  height: 34px;
  overflow: hidden;
  }
  
h1 span {
  position: absolute;
  top: 0;
  left: 0;
  background: url(../images/logo.gif) top left no-repeat;
  }
  
h1 a:hover span {
  cursor: pointer;
  }
  
h2 {
  font-size: 1.5em;
  font-weight: normal;
  color: #fff;
  position: relative;
  top: 60px;
  left: 10px;
  }

h3 {
  font-size: 1.5em;
  font-weight: normal;
  color: #418ae1;
  margin: 0.6em 0 0.5em 0;
  padding-left: 20px;
  background: url(../images/headline-points.gif) 0 60% no-repeat;
  }
  
h3 span {
  color: #d32a19;
  }
  
h4{
  font-size: 1.4em;
  font-weight: normal;
  color: #000;
  }
  
#page {
  width: 750px;
  margin: 0 auto;
  }

#header {
  height: 143px;
  background: #d32a19;
  background: #d32a19 url(../images/bg-header.jpg) top right no-repeat;
  }

#nav {
  width: 207px;
  float: left;
  background: white;
  padding-bottom: 10px;
  }

#nav ul {
  list-style: none;
  margin: 5px 10px 10px 10px;
  }

#nav ul li {
  width: 187px;
  float: left
  }

#nav ul li a {
  display: block;
  height: 40px;
  line-height: 40px;
  color: #418ae1;
  background: #fffae4 url(../images/nav-a.gif) top right no-repeat;
  text-decoration: none;
  margin-top: 5px;
  padding-left: 30px;
  border: 1px solid #d0a825;
  }

#nav ul li a:hover {
  background: url(../images/nav-a-hover.gif) top right no-repeat;
  padding-left: 33px;
  color: #418ae1;
  }
  
#nav ul li a.active {
  background: #d32a19 url(../images/nav-a-active.gif) top right no-repeat;
  color: white;
  }

#box {
  width: 187px;
  float: left;
  padding: 20px 10px 10px 10px;
  color: #1f4169;
  }

#box ul {list-style: none; margin-top: 10px; font-style: normal;}
#box li {line-height: 35px;}
#box #head {padding-left: 45px; background: url(../images/icon-head.gif) -1px 3px no-repeat;}
#box #mobile {padding-left: 45px; background: url(../images/icon-mobile.gif) 4px 2px no-repeat;}
#box #tel {padding-left: 45px; background: url(../images/icon-phone.gif) 3px 5px no-repeat;}
#box #mail {padding-left: 45px; background: url(../images/icon-mail.gif) 2px 3px no-repeat; margin-bottom: 7px;}
#box a#map img {float: left; border: 2px solid #bcd3ef; margin: 3px 10px 0 0;}

#content {
  width: 543px;
  float: right;
  background: url(../images/bg-content.gif) top left repeat-y;
  }

#content-top {
  background: url(../images/bg-content-top.gif) top left no-repeat;
  }

#content-bottom {
  background: url(../images/bg-content-bottom.gif) bottom left no-repeat;
  padding: 25px 45px 40px 45px;
  }

#list {
  padding-left: 5px;
  margin: 0 0 10px 0;
  }

#list ul {
  list-style: none;
  }
  
#list li {
    background: url(../images/list-point.gif) 0 60% no-repeat;
    padding-left: 13px;
    }

#footer {
  height: 30px;
  }
  
#footer p {
  padding: 0;
  text-align: right;
  padding-right: 20px;
  }
  
br.cleaner {
  clear: both;
  }
  
fieldset {padding: 10px 0px 5px 0px; border: none;}
fieldset span {color: black;}
td, th {padding: 5px 5px 5px 0; vertical-align: top;}
th {width: 300px; text-align: left; font-weight: normal;}
.bold {font-weight: bold;}
#button {margin-left: 73px; background: #f2c61b; color: #000; width: 70px; height: 25px; margin-bottom: 10px;}

#price {width: 100%;}
#price th {font-size: 1.4em; font-weight: normal; padding-top: 20px; padding-left: 5px;}
#price td {background: #fdf5d3; padding: 3px 8px;}
#price.right {text-align: right;}