.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-table;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */


/* Main Text Definitions */

body {
 background: #fff;
 background-image: url(../images/birds.gif);
 background-repeat: no-repeat;
 background-position: top left;
 color: #333;
 font-family: Arial, Helvetica, sans-serif;
 font-size: 80%;
 margin: 0;
}




a {
 color: #7B7459;
}
a:hover {
 color: #333;
}

h1 {
 font-family: arial, helvetica, sans-serif;
 color: #625D4B;
 margin-bottom: 10px;
 font-size: 140%;
}
h2 {
 font-family: arial, helvetica, sans-serif;
 color: #625D4B;
 margin-top: 0;
 margin-bottom: 4px;
 font-size: 130%;
}
h3 {
 font-family: arial, helvetica, sans-serif;
 color: #625D4B;
 margin-top: 0;
 margin-bottom: 3px;
 font-size: 100%;
}

blockquote {
 background: #EFEEED;
 margin: 15px 0;
 padding: 10px;
}

p {
 margin-top: 0;
}

hr {
 height: 1px;
 color: #7B7459;
 margin: 20px 0;
}

#container {
 width: 800px;
 margin: auto;
 padding-bottom: 20px;
 background-image: url(../images/compass.gif);
 background-repeat: no-repeat;
 background-position: top right;
}

#logo {
 float: left;
 width: 398px;
 height: 76px;
}

#mainpic {
 float: left;
 width: 710px;
 height: 180px;
 background-repeat: no-repeat;
 background-position: top right;
 color: #fff;
}

#mainpic ul {
 float: left;
 width: 650px;
 list-style: none;
 padding-top: 155px;
 padding-left: 0;
 margin: 0;
}
#mainpic ul li {
 float: left;
 margin: 0 0 0 20px;
 display: inline;
}
#mainpic ul li a {
 color: #fff;
 text-decoration: none;
}
#mainpic ul li a:hover {
 color: #fff;
 text-decoration: underline;
}
#mainpic ul li a.on {
 color: #B6AA8A;
 text-decoration: none;
}
#mainpic ul li a.on:hover {
 color: #B6AA8A;
 text-decoration: underline;
}



#main {
 float: left;
 width: 460px;
 color: #333;
 padding-top: 10px;
 padding-left: 20px;
 padding-bottom: 30px;
}

#right {
 float: right;
 width: 208px;
 padding-left: 20px;
 padding-right: 90px;
 padding-top: 40px;
 font-size: 85%;
}

.rightBlock {
 text-align: right;
 margin-bottom: 20px;
}
.rightBlock img {
 float: right;
 margin-left: 5px;
}

#mainPhotos {
 float: left;
 width: 660px;
 color: #333;
 padding-top: 10px;
 padding-left: 20px;
 padding-bottom: 30px;
}

#mainPhotos img {
 margin: 0 10px 10px 0;
}

#contactForm {
 float: left; 
 width: 350px;
}
#address {
 float: left; 
 width: 120px;
}

#footer {
 float: left;
 width: 690px;
 padding-top: 10px;
 padding-bottom: 10px;
 padding-left: 20px;
 color: #fff;
 background: #625D4B;
 font-size: 85%;
}
#footer a {
 color: #fff;
}
#footer a:hover{
 color: #fc0;
}
#credit {
 float: left;
}
#copy {
 float: right;
 padding-right: 20px;
}

.discBlock {
 margin: 0 0 20px 0;
}


.discImage {
 float: left;
 width: 80px;
 font-size: 85%;
}
.discCopy {
 width: 350px;
 margin-left: 90px;
}
.discCopy blockquote {
 margin: 10px 0;
 font-size: 85%;
}

input.textbox {
font-family: arial, helvetica;
color: #333;
width: 250px;
background-color: #EFEEED;
border: 1px solid;
border-color: #333
}
textarea.textbox {
font-family: arial, helvetica;
color: #333;
width: 250px;
height: 180px;
background-color: #EFEEED;
border: 1px solid;
border-color: #333
}
input.button {
font-family: arial, helvetica;
color: #333;
font-size: 12px;
background-color: #EFEEED;
border: 1px solid;
border-color: #333
}
