/* RESET FOR CSS */
* {
  padding:0;
  margin:0;
}

h1, h2, h3, h4, h5, h6, p, pre, blockquote, label, ul, ol, dl, fieldset, address {margin:0;}
li, dd { margin-left:5%; }
fieldset { padding: .5em; }
select option{ padding:0 5px; }

.hide, .print-logo, .close-button{ display:none; }
.left{ float:left; }
.right{ float:right; }
.clr{ clear:both; height:1px; font-size:1px; line-height:1px; }
a img{ border:none; }


/* mac hide\*/
html, body {height: 100%}
/* end hide */


/* MAIN */
html, body {
  font-size: 15px;
  font-family: "Helvetica", "sans-serif";
  line-height: 1.5em;
  margin: auto;
  text-align: justify;
  width: 1000px;
}

h1 {
  font-size: 20px;
  margin: 30px 0 0;
}
h2 {
  font-size: 18px;
  margin: 10px 0 0;
}
h4 {
  font-size: 16px;
  font-weight: bold;
  margin: 30px 0 0;
}
h5 {
  font-size: 15px;
  font-weight: bold;
}

p {
  padding: 0 0 20px;
}

#overlay{
  width: 100% !important;
}


/* HEADER */
#header {
  background: url(https://s3-eu-west-1.amazonaws.com/penderry/header.jpg) no-repeat center center;
  height: 150px;
  margin: auto;
  padding: 10px 0;
}


/* MENU */
#menu ul {
  background: url(/images/menu_banner.png) repeat-x center center;
  height: 30px;
  margin: 0 0 10px 0;
}

.menu_item {
  display: inline;
  float: left;
  height: 30px;
  list-style: none;
  margin: 5px 0px 0px 21px;
}

.menu_item a {
  color: #FFF;
  font-weight: bold;
  font-size: 16px;
  margin: 0px 0 0 0;
  padding: 7px 5px 5px 5px;
  text-transform: capitalize;
  text-decoration: none;
}

#menu a:hover, #home #home a, #cottages #cottages a, #things #things a,
#farm #farm a, #art #art a, #paintings #paintings a, #contact #contact a {
  background: url(/images/menu_hover.png) repeat-x top center;
}


/* CONTENT */
#content {
  margin: 0 10px 0 10px;
}

table#pictures {
  margin-left: 132px;
}

tr.thumbs td a img {
  margin-left: 5px;
}


/* HOME */
#slate {
  margin: 0 0 0 17px;
}


/* HOLIDAY COTTAGES */
.dairy, .stables {
  margin: 8px 0 0 5px;
}

#first.dairy {
  margin: 8px 0 0 10px;
}

#games-room {
  margin: 30px 10px 0 0;
}


/* THINGS TO DO */
#pic {
  margin: 0 0 10px 20px;
}


/* FARMS AND HABITATS */
.farms.left {
  margin: 0 10px 0 0;
}

.farms.right {
  margin: 0 0 0 10px;
}

.farms#first {
  padding: 50px 0 0;
}

.farms#second {
  padding: 30px 0;
}

.farms#third {
  margin: 20px 0 10px;
}

.farms#fourth {
  padding: 70px 0 0;
}

.farms#fifth {
  padding: 20px 0 0;
  width: 780px;
}


/* ART PROJECTS */
img.art {
  margin: 0 0 10px;
}

img.art.left {
  margin-right: 10px;
}

img.art.right {
  margin-left: 10px;
}

.outside {
  width: 235px;
  height: 180px;
}

p.art {
  padding: 50px 0 0;
}


/* TINA LEWIS PAINTINGS */
.painting {
  float: left;
  margin: 3px 3px;
}


/* CONTACT */
#contact-info, #contact-form {
  margin: 10px 0 0;
}

/* Contact Info */
#contact-info {
  margin: 0 20px;
}

#contact-info p {
  font-size: 14px;
  line-height: 2em;
  padding: 5px 0 0;
}

/* Contact Form */
#contact-form {
  margin: 0 auto;
  width: 800px;
}

#contact-form form {
  margin: 0 130px 0 0;
}

.row {
  float: right;
  margin: 20px 0 0;
}

#contact-form label {
  color: black;
  float: left;
  font-size: 18px;
  margin-top: 5px;
  padding: 0 10px 0;
  text-align: right;
}

#contact-form input[type="text"], #contact-form textarea {
  border: 2px solid #6ebe7a;
  font-size: 18px;
  padding: 3px;
  width: 500px;
}

#contact-form textarea {
  height: 150px;
}

#contact-form input[type="submit"] {
  background-color: #fff;
  border: 2px solid #6ebe7a;
  float: right;
  font-size: 110%;
  margin: 10px 0 0;
  padding: 2px 5px;
  width: auto;
}

/* Errors */
.error {
  float: right;
  margin: 0;
  padding: 0 5px;
  width: 500px;
}

#contact-form input.error, #contact-form textarea.error {
  border-color: #c20015;
}

.error p {
  color: #c20015;
  margin: 2px;
  padding: 0;
  text-align: center;
}

/* Directions */
#location {
  margin: 30px 0 0;
}

#address {
  font-weight: bold;
  margin: 0 0 0 23px;
}

#map {
  width: 580px;
}

#directions {
  line-height: 2em;
  margin: 0 20px 20px 0;
  width: 380px;
}

/* Powells */
#powells {
  margin-top: 20px;
}


/* FOOTER */
#footer {
  background: #6ebe7a;
  height: 30px;
  margin: 10px 0 0;
}

#created-by {
  color: #FFF;
  display: inline;
  float: right;
  margin: 4px 10px 0 0;
}

#created-by a {
  color: #FFF;
  text-decoration: underline;
}