* {
    border: none;
    font-weight: normal;
    list-style: none;
    margin: 0px;
    padding: 0px;
}
body {
    background: #242314 url("http://www.robinhoodfarms.com/images/bg/rotate.php") no-repeat fixed left center;
    color: #fff;
    font-family: Georgia, serif;
    font-size: 14px;
    overflow-y: scroll;
}
a {
    color: #c2710e;
    outline: none;
    text-decoration: none;
}
a:hover {
    color: #db8f33;
}

#flash {
    left: 0px;
    position: fixed;
    top: 20px;
}

.named-anchor {
    display: block;
    margin-top: -39px;
    padding-top: 39px;
    width: 0px;
}

/*-------HEADER-------*/
#header {
    background: url("images/bg-header.png");
    height: 39px;
    left: 0px;
    position: fixed;
    top: 0px;
    width: 100%;
    z-index: 100;
}
#scroll {
    background: url("images/scroll.png") no-repeat right;
    height: 450px;
    margin: 20px 0px 0px;
    max-width: 510px;
    min-width: 220px;
    padding: 50px 0px 0px;
    width: 20%;
}
#scroll div {
    background: url("images/sales.png") no-repeat right top;
    height: 130px;
    margin: 0px 15% 0px 0px;
    padding: 200px 0px 0px;
    text-align: center;
}

/*-------CONTENT-------*/
#content {
    background: rgba(79, 59, 40, .85);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr=#dd4f3b28, endColorstr=#dd4f3b28);
    margin: 70px auto 20% 18%;
    padding: 20px 5% 5%;
    width: 700px;
}
#content * {
    position: relative;
}
h1 {
    font-size: 24px;
    margin: 0px 0px 20px 0px;
}

/*-------FOOTER-------*/
#footer {
    background: url("images/bg-footer.jpg") left center;
    bottom: 0px;
    height: 20%;
    left: 0px;
    max-height: 400px;
    min-height: 130px;
    padding: 0px 0px 0px 5%;
    position: fixed;
    width: 95%;
    z-index: 101;
}
#logo-right {
    max-width: 1250px;
    min-width: 960px;
    position: absolute;
    width: 70%;
    z-index: -10;
}
#logo-right div {
    background: url("images/logo-right.png") no-repeat;
    float: right;
    height: 274px;
    margin: -280px -310px 0px 0px;
    width: 310px;
}
#footer li {
    border-left: #fff solid 1px;
    float: left;
    margin: 15px 40px 20px 0px;
    padding: 0px 0px 0px 40px;
}
#footer li a {
    background: url("images/menu-sprite.png") no-repeat;
    display: block;
    height: 14px;
}
#footer li:first-child {
    border: none;
    margin-left: -35px;
}
li a#home {
    background-position: 0px 0px;
    width: 44px;
}
li a#stallions {
    background-position: -59px 0px;
    width: 73px;
}
li a#mares {
    background-position: -144px 0px;
    width: 52px;
}
li a#horses {
    background-position: -200px 0px;
    width: 60px;
}
li a#about {
    background-position: -269px 0px;
    width: 48px;
}
li a#contact {
    background-position: -330px 0px;
    width: 64px;
}
li a#home:hover {
    background-position: 0px bottom;
}
li a#stallions:hover {
    background-position: -59px bottom;
}
li a#mares:hover {
    background-position: -144px bottom;
}
li a#sales:hover {
    background-position: -210px bottom;
}
li a#about:hover {
    background-position: -269px bottom;
}
li a#contact:hover {
    background-position: -330px bottom;
}
#logo {
    background: url("images/logo-bottom.png");
    clear: both;
    float: left;
    height: 33px;
    width: 468px;
}
#footer-flash {
    bottom: 0px;
    left: 0px;
    position: absolute;
    z-index: -1;
}
.credit {
    bottom: 0px;
    color: #ba9262;
    font-size: 10px;
    margin: 10px;
    position: fixed;
    right: 0px;
}
.credit a {
    color: #ba9262;
}
.credit a:hover {
    color: #ddd;
}

/*-------TEXT-------*/
.wide-heading {
    color: #cea77f;
    font-size: 16px;
    letter-spacing: 1px;
}

/*-------SALES-------*/
#sub-menu {
    background: rgba(79, 59, 40, .85);
    display: inline-block;
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr=#dd4f3b28, endColorstr=#dd4f3b28);
    font-size: 11px;
    line-height: 20px;
    margin: 40px 0px 0px;
    padding: 10px;
    text-align: left;
}
#sub-menu li {
    display: inline-block;
    font-size: 14px;
    margin: 0px 5px 0px;
    position: relative;
}

/*-------HORSES-------*/
.listing-type {
    font-size: 18px;
    letter-spacing: 3px;
    margin: 0px 0px -10px 30px;
    z-index: 99;
}
.horses {
    background: #242314;
    margin: 0px 0px 20px;
    overflow: auto;
    padding: 19px;
    text-align: center;
}
.horses li {
    float: left;
    font-size: 14px;
    text-align: center;
}
.horses li a {
    color: #ccc;
    display: block;
    height: 180px;
    margin: 13px;
    width: 139px;
}
.horses li a:hover {
    color: #fff;
}
.horses li a img {
    border: #806246 solid 2px;
}
.horses li a:hover img {
    border: #684e36 solid 2px;
}

/*-------LISTING-------*/
#top-box {
    border-bottom: #242314 solid 2px;
    height: 400px;
    text-align: right;
    width: 100%;
}
#slideshow {
    float: left;
}
#horse-name {
    font-size: 18px;
    margin: 40px 0px 0px;
}

/*-------PEDIGREE-------*/
#horse,
#parents,
#grandparents,
#great-grandparents {
    background: rgba(0, 0, 0, .50);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr=#a0000, endColorstr=#aa000000);
    float: left;
    height: 290px;
    text-align: center;
}

#pedigree {
    border-top: #242314 solid 2px;
    margin: 20px auto 0px;
    overflow: hidden;
}
#horse li {
    padding: 130px 10px;
}
#parents li {
    padding: 61px 10px;
}
#grandparents li {
    padding: 22px 10px;
}
#great-grandparents li {
    padding: 9px 10px;
}
#pedigree li {
    position: relative;
}

/*-------IMAGES-------*/
.image-border-2px {
    border: #806246 solid 2px;
}