* {
margin: 0;
padding: 0;
}

body {
background: #fff url(/images/bg_body.gif) repeat-x fixed 0 0;
color: #fff;
font: normal 75% arial, georgia, serif;
}

form, input, select, textarea, table, tr, th, td {
font-size: 100%;
}

h1, h2, h3 {
color: #cf9926;
font-weight: normal;
letter-spacing: -1px;
text-transform: lowercase;
}

h1 {
font-size: 180%;
}

h2 {
border-bottom: 1px dotted #cf9926;
font-size: 160%;
margin-bottom: 4px;
padding-bottom: 3px;
}

div.products h3 {
cursor: pointer;
border-bottom: 1px dotted #666;
display: block;
margin-bottom: 8px;
text-transform: uppercase;
}

div.products li {
line-height: 1em;
margin: 0;
padding: 0;
}

div.tiles h2 {
border-bottom: 1px dotted #0f0f0f;
margin-bottom: 12px;
}

h2 + p {
margin-top: 0 !important;
padding-top: 0 !important;
}

h3 {
font-weight: bold;
}

a {
color: #ccc;
text-decoration: none;
}

a:hover {
color: #cf9926 !important;
}

a.read-more {
background: url(/images/read-more.gif) no-repeat 100% 70%;
color: #f90;
padding-right: 10px;
}

hr {
clear: both;
display: block;
visibility: hidden;
}

/* container used to wrap around content */
div#container {
margin: 4px auto;
padding: 20px 0 0 0;
position: relative;
width: 850px;
}

img#sitetitle {
position: absolute;
left: 20px;
top: 1px;
}

/* navigation */
div#navigation {
background: #dc7d1f url(/images/bg_navigation.jpg) no-repeat 0 0;
height: 65px;
}

div#navigation ul {
display: block;
font: normal 120% "arial narrow", helvetica, sans-serif;
list-style-type: none;
margin-left: 12px;
}

div#navigation li {
display: inline;
float: left;
}

div#navigation li span {
background: url(/images/delimiter.png) no-repeat 0 100%;
display: block;
height: 59px;
margin: 3px 0;
}

div#navigation li span.first {
background: url(/images/delimiter_first.png) no-repeat 0 100%;
}

div#navigation a {
color: #000;
display: block;
float: left;
font-size: 90%;
font-weight: bold;
height: 34px;
padding: 24px 12px 0 12px;
text-transform: uppercase;
}

div#navigation li a:hover,
div#navigation li.selected a {
color: #fff !important;
}


/* panoramic image at the top of the page */
div#panoramic {
background: #fff url(/images/bg_panoramic.jpg) no-repeat 0 0;
width: 762px;
margin: 0 auto 0 auto;
padding: 12px 0;
text-align: center;
}

/* wrapper for the main content */
div#content-container {
background: #333 url(/images/bg_content-container.gif) no-repeat 0 0;
width: 850px;
margin: 0 auto;
padding: 6px 0 0 0;
}

div#padding {
width: 762px;
margin: 24px auto;
}

div#content {
float: left;
line-height: 1.6em;
width: 570px;
}

div#content.widescreen {
width: 760px;
}

div#content h1 {
margin-bottom: 14px;
}

div#content h2 {
clear: both;
}

div#content p {
margin: 0.75em 0;
padding: 0;
}

p.pull-quote {
background: #4f4f4f url(/images/bg_pull-quote.png) no-repeat 100% 100%;
border: 1px solid #000;
color: #afafaf;
float: right;
font: normal 130% Georgia;
margin: 2px 0 0 12px !important;
padding: 8px !important;
width: 180px;
}

p.pull-quote span.source {
display: block;
font-weight: bold;
font-size: 70%;
text-transform: uppercase;
}

/* lists */
div#content ul {
padding: 0 1em 1em 1.8em;
line-height: 1.4em;
}

div#content li {
margin-bottom: 1em;
}

img.right {
float: right;
margin-left: 8px;
margin-top: 8px;
border: 1px solid black;
}

img.left {
float: left;
margin-right: 8px;
margin-top: 8px;
border: 1px solid black;
}

/* teaser formatting  */

div.teaser {
border-bottom: 1px dotted #0f0f0f;
display: block;
margin-bottom: 24px;
}

div.teaser h2 {
border-bottom: none;
margin-bottom: 0;
}


/* gallery formatting */

ul#gallery {
list-style-type: none;
margin: 0 !important;
padding: 0 !important;
}

ul#gallery li {
display: inline;
margin-right: 4px;
}

ul#gallery img {
border: 1px solid #3e5229;
}

ul#gallery img:hover {
border: 1px solid #330;
}

/* sub-navigation (sits on the right) */
div#sub-navigation {
display: inline;
float: right;
width: 180px;
}


div#sub-navigation ul {
list-style-type: none;
}

div#sub-navigation li {
border-bottom: 1px dotted #fff;
}

div#sub-navigation li a {
display: block;
padding: 8px 0 4px 0;
}

div#sub-navigation li a.selected {
color: #13270c;
}

/* forms */

form#product-search {
margin-bottom: 12px;
}

form#product-search fieldset {
background-color: #3f3f3f;
border: 1px solid #0f0f0f;
padding: 0 12px;
}

/* map links on the contact page */

p.map-link {
display: block;
font-weight: bold;
font-size: 120%;
}

p.map-link#preston a {
background: url(/images/thumb_preston.gif) no-repeat 0 50%;
}

p.map-link#boldon a {
background: url(/images/thumb_boldon.gif) no-repeat 0 50%;
}

p.map-link a {
display: block;
padding: 32px 0 32px 70px;
}

/* footer */
div#footer {
background: #fff url(/images/bg_footer.jpg) no-repeat 0 0;
clear: both;
color: #000;
font: normal 90% arial;
padding: 32px 0;
text-align: center;
}

div#footer a {
color: #f60;
}

div#footer ul {
display: block;
margin-top: 6px;
}

div#footer li {
background: url(/images/bullet.gif) no-repeat 100% 50%;
display: inline;
margin: 0;
padding: 0 16px 0 8px;
}

div#footer li.last {
background-image: none;
}
