/** Colours *
#85A880 green
#906A48 brown
*************/

/****************************************************************** CSS Reset */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}
ol, ul {
  list-style: none;
}
blockquote, q {
  quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
  content: '';
  content: none;
}
:focus {
  outline: 0;
}
ins {
  text-decoration: none;
}
del {
  text-decoration: line-through;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}

/****************************************************************** Links */

a,
a:link,
a:visited {
  color:#333;
  text-decoration:underline;
}
a:hover {
  color: #000066;
  text-decoration: underline;
}

/****************************************************************** General Layout */

body {
  line-height: 1.1;
  font-family:Verdana, Arial, sans-serif;
  font-size:14px;
  background-color:#fff;
}
#wrapper {
  width:930px;
  position:relative;
  margin:0 auto;
}
#header {
  width: 930px;
  height: 360px;
  background: #000;
  background-image:url(../images/header.jpg);
  margin: 0 auto;
}
#nav {
  width: 930px;
  color: #fff;
  height: 35px;
  background-color: #000;
  margin: 0 auto;
  background-image:url(../images/nav.jpg);
}
#container {
  margin:0 auto;
  background-color: #fff;
  position:relative;
  background-image:url(../images/main.jpg);
}
#main {
  width: 655px;
  margin: 0 55px 15px 220px;
  padding:10px 0 0;
}
#subnav,
#subnav2 {
  width: 140px;
  padding: 0 0 0 10px;
  height: 100px;
  position: absolute;
  left: 39px;
  top: 0px;
  margin: 0;
}
#footer {
  background-color:#fff;
  background-image:url(../images/footer.jpg);
  background-position:bottom;
  width: 930px;
  margin: 0 auto;
  color:#333;
  height: 100px;
}
#footer1 {
  padding: 30px 15px 0;
  margin: 0 auto;
  width: 820px;
}
#footer2 {
  width: 850px;
  height: 20px;
  margin: 0 auto;
  padding: 19px 0 0 0;
}

hr {display:none;}
/****************************************************************** Header Layout */

#header h1 span,
#header h2 span {display:none;}

/****************************************************************** Navigation */

#nav ul {padding:8px 0 0 220px;}
#nav li {display:inline;}

#nav a,
#nav a:link,
#nav a:visited {
  color:#fff;
  text-decoration:none;
  font-size: 12px;
}
#nav a:hover {
  color: #B2B2B2;
}
#nav a.active {
  color: #B2B2B2;
}

#subnav a,
#subnav a:link,
#subnav a:visited {
  font-weight:bold;
  color:#fff;
  text-decoration:none;
  font-size: 14px;
  display:block;
  padding:10px 0 8px 6px;
  }
#subnav a:hover {
  background-color:#fffffe; /*Changed to #fffffe due to bug in ie7 */
  color:#000;
}
#subnav a.active {
  background-color: #fff;
  color:#000;
}

#subnav2 a,
#subnav2 a:link,
#subnav2 a:visited {
  font-weight:bold;
  color:#fff;
  text-decoration:none;
  font-size: 14px;
  display:block;
  padding:10px 0 8px 6px;
  width:134px; /* Needs width due to ie7 bug */
}
#subnav2 a:hover {
  background-color: #906A48;
  color:#fff;
}
#subnav2 a.active {
  background-color: #906A48;
  color:#fff;
}

/****************************************************************** Footer */
#footer1 a,
#footer1 a:link,
#footer1 a:visited {
  color:#fff;
  }
#footer1 a:hover {
  color:#b2b2b2;
  }

#footer1 p {
color:#fff;
text-align:center;
}  

#footer2 .designby {
  text-align:right;
  font-size:10px;
  color:#fff;
}
#footer2 a,
#footer2 a:link,
#footer2 a:visited {
  color:#fff;
  text-decoration:underline;
}
#footer2 a:hover {
  color:#000;
  }
  

/****************************************************************** Misc */

.clearfloat {
  clear:both;
  height:0;
  font-size: 1px;
  line-height: 0px;
}
p.back-to-top {
  text-align: right;
  font-size: 80%;
  margin-top:40px;
  }
#info {
  border:2px solid #b40000;
  margin:10px 0;
  padding:10px;
  }
#info li {
  color: #b40000;
  margin-left:15px;
  list-style-type: square;
  }
.highlight {
  color:#b40000;
  font-size:80%;
  }
  
/****************************************************************** Fonts */

h1, h2, h3, h4, h5 {
  color: #333;
  font-weight: bold;
}
h1, h2 {margin: 0}
h3, h4, h5 {margin: 16px 0 8px 0}

h1 {font-size: 200%}
h2 {font-size: 120%}
h3 {font-size: 108%}
h4 {font-size: 105%}
h5 {font-size: 100%}

p {
  margin:12px 0 0;
  line-height:1.3em;
}
strong {
  color:#333;
}

#footer p {
  margin-top:3px;
}

#main ul {
padding-left:20px;
margin:10px 0 0;
}
#main ul li {list-style:disc;}


/****************************************************************** Small holding Page */

#psh #wrapper,
#psh-order #wrapper, 
#psh-order-submit #wrapper {
  background-image:url(../images/wrapper.jpg);
  background-color:#7c9953;
  background-repeat:no-repeat;
}

#psh-hog-roasts #wrapper {
  background-image:url(../images/wrapper2.jpg);
  background-color:#26160d;
  background-repeat:no-repeat;
}

#psh #header,
#psh-hog-roasts #header,
#psh-order #header,
#psh-order-submit #header {
  background: transparent;
  background-image:none;
}
#psh #nav,
#psh-hog-roasts #nav,
#psh-order #nav,
#psh-order-submit #nav {
  background-color:transparent;
  background-image:none;
}
#psh #container,
#psh-hog-roasts #container,
#psh-order #container,
#psh-order-submit #container {
  background-color: transparent;
  background-image:url(../images/main-psh.gif);
}
#psh #main,
#psh-hog-roasts #main,
#psh-order #main,
#psh-order-submit #main {
  background-color:transparent;
}
#psh #footer,
#psh-hog-roasts #footer,
#psh-order #footer,
#psh-order-submit #footer {
  background-color: transparent;
  background-image: url(../images/footer-psh.gif);
}
#psh #footer1,
#psh-hog-roasts #footer1,
#psh-order #footer1,
#psh-order-submit #footer1 {
  background-color:transparent;
}
#psh #slideshow {
  width:200px;
  height:150px;
  float:left;
  margin:18px 10px 80px 0; 
  position:relative;
}
#psh #slideshow img {
  position:absolute;
  left:0px;
  top:0px;
  border:1px solid #777;
}

/****************************************************************** Small holding Order Page */

#psh-order table.meatlist th {
  text-align:left;
}
#psh-order table.meatlist .col1 {
  width:230px;
}
#psh-order table.meatlist .col2 {
  width:80px;
}
#psh-order table.meatlist .col3 {
  width:60px;
}
#psh-order .contact-details,
#psh-order .pickup {
  display:block;
}
#psh-order form {
  margin:10px;
}
#psh-order table.meatlist td,
#psh-order table.meatlist th {
  padding: 3px;
  border: 2px solid #fff;
}
#psh-order table.meatlist th {
  background-color:#906A48;
  color:#fff;
}
#psh-order table.meatlist tr.a {
  background-color:#CCE3CA;
}
#psh-order table.meatlist tr.b {
  background-color:#EEFAEE;
}
#psh-order #cal1Container {
  margin:10px 0 0 0;
}


/****************************************************************** Contact Page */

#contact .map {
font-size: 80%;
  }  

/****************************************************************** Gallery */

p.date {
  font-size:90%;
  font-weight:bold;
  color:#333333;
  width:152px;
  }
p.text {
  width:97%;
}
img.gallery {
  margin:14px 6px 0 0;
  border:1px solid #777;
  text-decoration:none;
  }
a.gallery {
text-decoration:none;
color:transparent;
}

/****************************************************************** Pynes Renovation */

#pynes-team #main ul,
#pynes-suppliers #main ul {
  padding:0;
}


#pynes-team #main li,
#pynes-suppliers #main li {
  margin:0 0 5px 0;
	list-style-type:none;
}


/*************************************************************** END *****************************/