html {
  overflow-y: scroll;
}
body {
background: #e0ebfa;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 70%;
  padding: 10px 0;
  margin: 0;
}
#container {
  width: 900px;
  margin: 0 auto 30px auto;
  font-size: 1em;
}
#main {
  float: left;
  width: 900px;
  padding: 0;
  background: #fff;
  color: #505050;
}
#error_page {
  padding: 30px;
  border: solid 2px #7c7ac2;
}
#error_page p, #error_page ul {
  font-size: 1.2em;
}

#header {
  background: #000 url(../images/header-blk.png) no-repeat top center;
  color: #fff;
  height: 138px;
  width: 900px;
  margin: 0;
  float: left;
}
#topstrip {
  width: 900px;
  background: #000;
  color: #fff;
}
#toptext {
  float: left;
  clear: left;
  padding-left: 30px;
  width: 350px;
}
#navigation {
  float: left;
  width: 900px;
  background: #811120;
  font-size: 1.0em;
  height: 9px;
  border-top: solid 1px #fff;
}
#maincontent {
  width: 600px;
  padding: 20px 40px 30px 0;
  background: #fff;
  float: right;
}
#leftcol {
  width: 200px;
  padding: 20px 0 30px 20px;
  background: #fff;
  float: left;
}
#rightcol {

}
#rightcol p, #rightcol ul {
  font-size: 1.3em;
}
#rightcol p {
  padding: 0 20px;
}

#footer {
  text-align: center;
  width: 900px;
  padding: 15px 0;
  margin-top: 5px;
  font-size: 0.8em;
  color: #999;
  background: #fff;
  clear: both;
}
#flash-div {
  float: left;
  margin-bottom: 20px;
}


#map {
  width: 458px;
  height: 400px;
  border: solid 1px #999999;
  margin: 0;
}
.infopane {
  background: #3686f9;
  color: #fff;
  width: 160px;
  padding: 9px;
  margin: 4px;
  font-size: 1.1em;
  float: left;
}

h1, h2, h3, h4 {
  color: #000;
  background: #fff;
  font-weight: normal;
  padding: 0;
  margin: 1em 0;
}
h1 {
  font-size: 2.2em;
  letter-spacing: 0.5px;
  margin: 0 0 1em 0;
}


h2 {
  font-size: 2em;
  letter-spacing: 0.5px;
  color: #18397c;
  background: #fff;
}
h2.quote {
  color: #41a0d8;
}

h2.stretch {
  font-size: 1.3em;
  margin: 0.1em 0;
  padding: 2px 0 1px 20px;
  border-top: solid 1px;
  border-bottom: solid 1px;
  background: #dfefff;
  color: #12439c;
}
h2.stretch a:link, h2.stretch a:visited, h2.stretch a:hover {
  background: #dfefff;
  color: #12439c;
}

h3 {
  font-size: 1.5em;
  color: #993634
}
.infopane h3 {
  background: #993634;
  color: #fff;
  text-align: center;
  font-size: 1.9em;
  padding: 0;
  margin: 0 0 5px 0;
}

ul {
  list-style: square;
  font-size: 1em;
}
li {
  font-size: 1em;
}

dl {
  padding: 15px 0;
}

dt {
  font-weight: bold;
  font-size: 1.3em;
  padding: 8px 0 0;
  margin: 0;
  border-top: solid 1px #b0bec7;
}
dd {
  margin: 0;
  padding: 4px 0 8px;
  font-size: 1.2em;
}
p, ul {
  line-height: 130%;
  letter-spacing: 1px;
}
em {
  font-weight: bold;
  font-style: normal;
}
acronym {
  border-bottom: dotted 1px;
  cursor: help;
}
p.quote {
  font-size: 1.2em;
  font-weight: bold;
  font-style: italic;
  color: #12439c;
  background: #fff;
}
div.address, p.address {
  padding: 10px 20px 20px 20px;
  margin: 30px 0;
  width: 418px;
  font-size: 1.2em;
  background: #f2f6fa;
  color: #505050;
  border: solid 1px #bacfe6;
}
div.address b {
  color: #12439c;
  background: #f2f6fa;
}
div.address a:link, div.address a:visited, div.address a:hover {
  background: #f2f6fa;
  color: #505050;
}

b {
  color: #12439c;
  background: #fff;
}
p.ticked {
  margin: 10px 0 0 0;
  padding: 0 0 6px 25px;
  background: url(./images/tick.png) no-repeat;
}
#image-links {
  padding-bottom: 20px;
  float: left;
}


#image-links img {
  margin: 0;
  padding: 0 6px 0 0;
  float: left;
}


#leftcol ul {
  list-style: none;
  font-size: 1.4em;
  font-weight: bold;
  margin: 0;
  padding: 0;
}
#leftcol ul li {
  margin: 0;
  padding: 2px 0;
}
#leftcol ul a:link, #leftcol ul a:visited {
  color: #811120;
  font-family: Arial, Helvetica, sans-serif;
  text-decoration: none;
  padding: 0;
  background: none;
  letter-spacing: 0.7px;
}
#leftcol ul a:hover {
  color: #000;
  background: none;
  text-decoration: underline;
}


#navigation ul {
  list-style: none;
  font-size: 1em;
  font-weight: bold;
  color: #4d4ba4;
  margin: 0;
  padding: 0 10px;
}
#navigation li {
  float: left;
  margin: 0 0px 2px 0;
  padding: 4px 7px;
}
li#active_link a:link, li#active_link a:visited {
  color: #000;
  background: none;
}
#navigation a:link, #navigation a:visited {
  color: #fae25c;
  text-decoration: none;
  display: block;
  padding: 0px 4px 2px 4px;
  background: none;
  letter-spacing: 0.7px;
}
#navigation a:hover {
  color: #fff;
  background: none;
  text-decoration: underline;
}
li#active_link a:hover {
  color: #000;
  background: none;
  text-decoration: none;
}
ul.phone li, ul.general li {
  padding-top: 4px;
}
ol.services {
  font-size: 1.1em;
}
ol.services li {
  padding-bottom: 3px;
}
ol.customers, ol.projects {
  margin: 0;
  padding: 0;
}
ol.customers li {
 width: 223px;
}
ol.projects li {
  width: 145px;
  height: 80px;
}
ol.customers li, ol.projects li {border: solid 1px;
  list-style-position: inside;
  float: left;
  margin: 0 0 0 0px;
  padding: 4px;
}
div.clear {
  clear: both;
}
ul.customers {
  font-size: 1.3em;
  list-style: square;
}
ul.customers li {
  padding-bottom: 3px
}
a:link, a:visited {
  text-decoration: none;
  color: #7c7ac2;
  background-color: #fff;
}
a:hover {
  text-decoration: underline;
}
a.plain:link, a.plain:visited {
  text-decoration: none;
  color: #bdc2d8;
  background-color: #fff;
}
a.plain:hover {
  text-decoration: underline;
}
a img {
  border: 0;
}

div.thumbs img {
  float: left;
  padding: 7px 1px 7px 0;
}
div.photo {
  clear: both;
}

div.photo img {
  float: left;
  border: solid 1px #858b99;
  padding: 7px;
  margin: 10px 10px 0 0;
}
img.right {
  float: right;
  padding: 0 0 4px 4px;
}
img.framed.right {
  border: solid 1px #ccc;
  padding: 7px;
  margin: 0 0 4px 4px;
}
div.times{
  width: 120px;
  float: left;
}
div.horse_list {
  padding: 5px 5px 5px 30px;
  border: solid 1px #444;
  margin-bottom: 15px;
  height: 152px;
}
div.horse_list p {
  margin: 5px 0;
  padding: 0;
}
.horse_list h2 {
  padding: 0;
  margin: 7px 0;
}
div.horse_list img {
  float: right;
  border: solid 1px #444;
}
a.horse_link {
  cursor: pointer;
}
div#horse_detail {
  padding: 10px;
  float: left;
  border: solid 1px #444;
  width: 540px;
  margin: 0 0 0 20px;
}
div#image {
  width: 400px;
  float: left;
  border: solid 1px #444;
  padding: 4px
}

div#thumbs {
  width: 130px;
  float: right;
}
div#thumbs img {
  float: right;
  padding:  4px;
  border: solid 1px #444;
  margin: 0 0 10px 0;
}

div#horse_data {
  width: 400px;
  font-size: 1.2em;
  float: left;
  padding: 20px 4px 20px 4px;
  border: solid 1px #444;
  margin-top: 3px;
  background: #fefefe;
  color: #000;
}
div#horse_detail h1, div#horse_detail h2 {
  background: #811120;
  color: #fff;
  padding: 7px 10px;
  margin: 0 0 10px 0;
  border: solid 1px #444;
  font-size: 1.7em;
}
.table-outer {
  float: left;
}
table.lineage-chart {
  width: 400px;
  font-size: 0.8em;
  font-family: Arial, Helvetica, sans-serif;
}
table.lineage-chart td {
  text-align: center;
  width: 33%;
}
table.lineage-chart th {
  padding-bottom: 10px;
  color: #000;
}
.sire b {
  background: #CCFFFF;
}
.dam b {
  background: #CCFF66;
}
.sire div {
  background: #CCFFFF;
  border: solid 1px #ccc;
  padding: 3px;
}
.dam div {
  background: #CCFF66;
  border: solid 1px #ccc;
  padding: 3px;
}
.grand.dam {
  padding-bottom: 10px;
}
div.right {
  width: 250px;
  float: left;
  padding: 4px 0px 4px 0;
}
div.left {
  width: 120px;
  float: left;
  text-align: right;
  padding: 4px 15px 4px 0;
  clear: left;
}
div.center {
  width: 400px;
  float: left;
  text-align: center;
  padding: 15px 0 5px;
  clear: left;
}
a.enquire:link, a.enquire:visited {
  border: solid 1px #b0bec7;
  padding: 3px 5px;
  background: #f1f5f6;
  font-weight: bold;
}
a.enquire:hover {
  background: #fff;
  text-decoration: none;
}

.enquire b {
  background: inherit;
}
#latest_sale {
  float: left;
  width: 200px;
  padding: 0px;
  text-align: center;
  border: solid 1px #a37f83;
  margin: 30px 0 10px 0px
}
#latest_sale h3 {
  background: #811120;
  color: #fff;
  margin: 0;
  padding: 3px 0;
  font-size: 1.em;
  letter-spacing: 1px;
  font-weight: normal;
  font-family: arial;
}
.latest2 {
  background: #fff;
  padding: 6px;
  border-top: solid 1px #b0bec7;
}
.latest1 {
  background: #f1f5f6;
  padding: 6px;
  border-top: solid 1px #b0bec7;
}
.latest1 h4, a .latest1 h4 {
  background: #f1f5f6;
}
a.horse_link:link, a.horse_link:visited {
  text-decoration: none;
  background: none;
}
#latest_sale h4, #latest_sale p {
  padding: 0;
  margin: 1px 0 0 0;
}
#feed {
  padding: 6px;
  border-top: solid 1px #b0bec7;
}
.small-lightbox {
  margin: 20px 0;
}


.small-lightbox img {
  padding: 4px;
  margin-right: 4px;
  border: solid 1px #000;
}
div.gallery-thumb {
  float: left;
  width: 120px;
  height: 122px;
  padding: 5px;
  margin: 4px;
  border: solid 1px #999;
  text-align: center;
}


/* CONTACT FORM  */
form {
  background: #f1f5f6;
  padding: 10px 0 40px;
  border: solid 1px #b0bec7;
  margin: 3px 0 10px;
}
form h2 {
  background: #f1f5f6;
  padding: 0;
  margin: 0 10px 15px;
}

.contact_form {
  float: left;
  width: 200px;
  text-align: right;
  margin-right: 20px;
}
label {
  padding-top: 2px;
}
input {
  float: left;
}
input, textarea, select {
  border: solid 1px #b0bec7;
}
.sub_button {
  margin-left: 220px;
}
.message {
  border: dashed 1px red;
  margin: 10px 25px;
  padding: 10px 20px;
  font-size: 1em;
}
.red {
  font-size: 0.8em;
  color: red;
  background: none;
}
.stud {
  border: solid 1px #999;
  padding: 10px;
}
.stud h2, .stud h3 {
  letter-spacing: 0.5px;
  color: #18397c;
  background: #fff;
}
.stud h2 {
  font-size: 2.2em;
}
.stud h3 {
  font-size: 1.7em;
}
.footnote {
  font-size: 0.8em;
}
.shaded, .shaded b, .shaded h2, .shaded a {
  background: #ebe2fb;
}
.shaded h2 {
  padding: 0;
  margin: 0;
}
.shaded {
  padding: 10px;
}
.link-outer {
  width: 500px;
  float: left;
  clear: both;
  margin: 10px 0;
}
.link-text {
  width: 280px;
  float: left;
}
.link-text h3, .link-text p {
  padding: 0;
  margin: 0 0 3px 0;
}
.link-logo {
  width: 200px;
  float: right;
}