/****** General Styles ******/

html, body, div { 
padding: 0;
margin: 0;
}
body {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 13px;
}
h1, h2 {
 font-family: "arial narrow", arial, sans-serif;
}

h1 a:hover {
 color: black;
}
img {
 border: 0;
}
ul ul li {
 list-style-type: square;
 margin: 2px 0;
}

/****** Special Styles ******/

#primary-column ul {
 margin-bottom: 5px;
}

#primary-column ul ul {
 margin-bottom: 10px;
}

#primary-column ul li {

 margin: 2px 0;
}

#navigation h1 {
 margin: 5px 0 0 5px;
 display: block;
 float: left;
}

#navigation span {
 margin-top: 5px;
 margin-left: 5px;
 display: block;
 float: left;
}

span#site-title {
 font-family: "arial narrow", arial, sans-serif;
 font-size: 2.1em;
}

span#site-subtitle {
 font-size: 1.2em;
 font-weight: bold;
 clear: left;
}

#navigation ul {
 margin: 25px 0 5px;
 padding-left: 0;
 display: inline;
 float: right;
}

#navigation ul li {
 margin-left: 0;
 padding: 3px 10px;
 list-style: none;
 display: inline;
}

#navigation a {
 color: black;
 text-decoration: none;
 font-weight: bold;
}

#navigation a:active {
 color: black;
}

#navigation a:visited {
 color: black;
}

#navigation ul a:hover {
 color: #BCBCBC;
}

.footer p {
 padding-right: 575px;
}

table.gallery {
 border-spacing: 0;
 width: 480px;
 margin-top: 20px;
}

.footer span {
 color: #ffffff;
 width: 200px;
 display: block;
 padding: 10px;
 font-size: x-small;
 text-align: center;
 clear: both;
}

blockquote {
  margin-top: 50px;
  background: transparent url('images/quoleft.png') left top no-repeat;
}
blockquote div {
  padding: 0 48px;
  background: transparent url('images/quoright.png') right bottom no-repeat;
}

/****** Divs ******/

#wrapper { 
 margin: 0 auto;
 width: 782px;
}
#container { 
 float: left;
 border: 0;
 margin: 0px 0px 0px 0px;
 padding: 0px;
 width: 760px;
 background: url('images/bkground.gif') repeat-y top left;
}
#navigation {
 color: #333;
 width: 760px;
 float: left;
 padding: 0px;
 border: 0;
 margin: 50px 0px 0px 0px;
 background: #FFFFFF;
}
#masthead {
 float: left;
 width: 760px;
 height: 140px;
 padding: 0px;
 border: 0;
 margin: 0;
}
#primary-column { 
 float: right;
 color: #333;
 border: 0;
 margin: 0px 0px 0px 0px;
 padding: 20px;
 width: 500px;
}
#secondary-column { 
 color: #FFFFFF;
 background-color: #0070AF;
 border: 0;
 margin: 0px 0px 0px 0px;
 padding: 15px 10px;
 height: 350px;
 width: 200px;
 float: right;
}

/****** Masthead Images ******/

div.index {
 background: url('images/h_index.jpg') no-repeat top left;
}
div.services {
 background: url('images/h_services.jpg') no-repeat top left;
}
div.projects {
 background: url('images/h_projects.jpg') no-repeat top right;
}
div.bawtry {
 background: url('images/h_projects.jpg') no-repeat top left;
}
div.bingley {
 background: url('images/h_projects.jpg') no-repeat top left;
}
div.heysham {
 background: url('images/h_projects.jpg') no-repeat top left;
}
div.killingbeck {
 background: url('images/h_projects.jpg') no-repeat top left;
}
div.longfellow {
 background: url('images/h_projects.jpg') no-repeat top left;
}
div.millmount {
 background: url('images/h_projects.jpg') no-repeat top left;
}
div.raygarth {
 background: url('images/h_projects.jpg') no-repeat top left;
}
div.rashcliffe {
 background: url('images/h_projects.jpg') no-repeat top left;
}
div.sandalgrange {
 background: url('images/h_sandalgrange2.jpg') no-repeat top left;
}
div.streethouse {
 background: url('images/h_projects.jpg') no-repeat top left;
}