body {
  margin: 0;
  padding: 0;
  border: 0;/* This removes the border around the viewport in old versions of IE */
  width: 100%;
  min-width: 600px;/* Minimum width of layout - remove line if not required */
  font-size: 12px;
  font-family: Arial, Helvetica, sans-serif;
}

img {
  border: 0;
}

a {
  color: #64442f;
  text-decoration: underline;
}

a:hover {
  text-decoration: underline;
  color: #000000;
}

h1 {
  font-size: 16px;
  color: #64442f;
  text-transform: uppercase;
}

h2 {
  font-size: 14px;
  color: #000000;
}

h3 {
  font-size: 12px;
  color: #64442f;
  text-transform: uppercase;
}

p {
  margin: .4em 0 .8em 0;
  padding: 0;
}

.secondaryheader {
  font-family: Arial, Verdana, Helvetica, sans-serif;
  font-size: 12px;
  color: #000000;
  font-weight: bold;
  text-transform: capitalize;
}
/*img {
    display:block;
    border:0;
}*/
/*Main Container*/

#container {
  min-width: 977px;
  width: 100%;
  position: absolute;
}
/* header */

#header {
  z-index: 6;
  background-color: #dbdcbd;
  width: 100%;
  position: relative;
  background-image: url(../images/header-right.jpg);
  background-repeat: no-repeat;
  background-position: right top;
}

#headerimage {
  background-color: #dadcbd;
}

.cream-header {
  height: 18px;
  overflow: hidden;
  background: #64442f;
  padding: 9px 11px 6px 7px;
}

.phone {
  float: left;
}

ul.top-bar {
  float: right;
  padding: 0;
  margin: 0;
  list-style: none;
}

ul.top-bar li {
  float: left;
  padding: 0 5px;
  border-right: 1px solid #fff;
}

ul.top-bar li.last {
  border: 0;
  padding-right: 0;
}

ul.top-bar li a {
  color: #fff;
}

ul.top-bar li a:hover {
  color: #dadcbd;
}

.center-box-1 {
  width: 100%;
  float: left;
  padding-bottom: 10px;
  position: relative;
  text-align: center;
  background: #dadcbd;
}

.center-box-2 {
  float: left;
  position: relative;
  text-align: center;
}
/* top navigation */

ul#top-nav {
  float: left;
  overflow: visible;
  width: 100%;
  background-color: #c7ca9c;
  list-style: none;
  text-align: left;
  z-index: 999;
  padding-top: 5px;
  padding-bottom: 5px;
  padding-right: 0px;
  padding-left: 0px;
  margin-top: 0px;
  margin-bottom: 5px;
  margin-right: 0px;
  margin-left: 0px;
  clear: left;
}

ul#top-nav a {
  text-decoration: none;
}
/*Comment this out to edit text*/

ul#top-nav li {
  float: left;
  border-left: 1px solid #64442f;
  position: relative;
  padding-top: 0;
  padding-right: 7px;
  padding-left: 7px;
}

ul#top-nav li.first {
  border: 0;
  padding-left: 17px;
}

ul#top-nav li a {
  color: #64442f;
}

ul#top-nav li a:hover {
  color: #fff;
  text-decoration: none;
}

ul#top-nav ul {
  position: absolute;
  top: 5px;
  left: -4px;
  display: none;
  background: #c7ca9c;
  margin: 9px 3px 0;
  padding: 5px 10px;
  list-style: none;
  z-index: 999;
}

#top-nav li.active ul, #top-nav li:hover ul {
  display: block;
}

ul#top-nav ul li {
  white-space: nowrap;
  float: none;
  text-align: left;
  border-top-width: 0;
  border-right-width: 0;
  border-left-width: 0;
  border-top-style: solid;
  border-top-color: #64442f;
  padding-top: 5px;
  padding-bottom: 5px;
}

* html #top-nav li.active ul, * html #top-nav li:hover ul {
  display: block;
}
/* 'widths' sub menu */

#layoutdims {
  clear: both;
  background: #eee;
  border-top: 4px solid #000;
  margin: 0;
  padding:6px 15px !important;
  text-align: right;
}
/* column container */

.colmask {
  position: relative;/* This fixes the IE7 overflow hidden bug and stops the layout jumping out of place */
  clear: both;
  float: left;
  width: 100%;/* width of whole page */
  overflow: hidden;/* This chops off any overhanging divs */
  z-index: 1;
}
/* holy grail 3 column settings */

.holygrail {
  background: #fff url(../images/right-cell-bg.gif) repeat-x 0 100%;/* Right column background colour */
}

.holygrail .colmid {
  float: left;
  width: 200%;
  margin-left: -200px;/* Width of right column */
  position: relative;
  right: 100%;
  background-color: #fefaf9;/* Centre column background colour */
  background-image: url(../images/center-bg.jpg);
  background-repeat: no-repeat;
  background-position: left bottom;
}

.holygrail .colleft {
  float: left;
  width: 100%;
  margin-left: -50%;
  position: relative;
  left: 400px;/* Left column width + right column width */
  background: #fcfafa url(../images/left-cell-bg.jpg) repeat-x 0 100%;/* Left column background colour */
}

.holygrail .col1wrap {
  float: left;
  width: 50%;
  position: relative;
  right: 200px;/* Width of left column */
  padding-bottom: 1em;/* Centre column bottom padding. Leave it out if it's zero */
}

.holygrail .col1 {
  margin: 0 215px;/* Centre column side padding:
                                Left padding = left column width + centre 

column left padding width
                                Right padding = right column width + centre 

column right padding width */
  position: relative;
  left: 200%;
  padding-top: 5px;
  padding-bottom: 20px;
  padding-left: 10px;
  padding-right: 10px;
}

.holygrail .col2 {
  float: left;
  float: right;/* This overrides the float:left above

*/
  width: 170px;/* Width of left column content (left column 

width minus left and right padding) */
  position: relative;
  right: 15px;/* Width of the left-had side padding on the left column */
  padding-top: 18px;
  padding-bottom: 20px;
}

.holygrail .col3 {
  float: left;
  float: right;/* This overrides the float:left above

*/
  width: 170px;/* Width of right column content (right column 

width minus left and right padding) */
  margin-right: 50px;/* Width of right column right-hand padding + 

left column left and right padding */
  position: relative;
  left: 50%;
  padding-top: 20px;
  padding-bottom: 20px;
}
/* form */

.contact-box {
  background: #dadcbd;
  margin-left: 5px;
  margin-right: 5px;
  border-bottom: 1px solid #e8e8d4;
  padding-top: 12px;
  padding-right: 5px;
  padding-bottom: 12px;
  padding-left: 13px;
  width: 150px;
}

.contact-box form {
  padding: 0;
  margin: 0;
}

.contact-box form div {
  padding-top: 5px;
}

.contact-box form input.text {
  font: 10px Arial, Helvetica, sans-serif;
  color: #000;
  padding: 2px 4px;
  width: 141px;
  border: 1px solid #cfd0bb;
}

.contact-box form textarea {
  font: 10px Arial, Helvetica, sans-serif;
  color: #000;
  padding: 2px 4px;
  width: 141px;
  height: 36px;
  border: 1px solid #cfd0bb;
}

.contact-box form input.button {
  font: 10px Arial, Helvetica, sans-serif;
  color: #000;
  border: 1px solid #cfd0bb;
  background: #ffffff;
}

.contact-title {
  margin-left: 2px;
}

.person-box {
  text-align: center;
  color: #64442f;
  padding-top: 10px;
  padding-right: 0;
  padding-bottom: 15px;
  padding-left: 0;
}

.person-box p {
  margin: 0;
}

.person-box img {
  margin: 0 auto 5px;
}

.persone-name {
  font-size: 13px;
}

.media {
  margin: 0 auto;
}

.media img {
  border: 0;
}

select {
  font-size: 10px;
}

input {
  font-size: 10px;
}

.formtext {
  font-family: Arial, Verdana, Helvetica, sans-serif;
  font-size: 11px;
}

#ads {
  position: inherit;
  width: 205px;
  clear: both;
  float: right;
  margin-top: 10px;
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: #64442f;
  padding-left: 15px;
}
/* Footer styles */

#footer {
  clear: both;
  float: left;
  text-align: center;
  width: 100%;
  background: #9a9e66;
  padding: 10px 0 10px 0;
  color: #fff;
  font-size: 10px;
  font-weight: bold;
}

#footer p {
  margin: 0;
}

#footer a {
  color: #FFFFFF;
  text-decoration: underline;
}

#footer a:hover {
  color: #FFFFFF;
  text-decoration: none;
}