/* 
-------------- Colours Scheme --------------
*/

/* ----------------------------------------------
                Body Styles
---------------------------------------------- */

body {
        font-family: verdana, helvitica, sans-serif;
        font-size: 10pt;
        background: #000000;
        color: #000000;
        margin: 0;
}

img { border: 0; }

.clear { clear: both; }

a { color: #FF0000; }
a:hover { text-decoration: none; }

/* ----------------------------------------------
                Global Styles
---------------------------------------------- */

#mainWrapper {
        margin: 10px auto;
        width: 1000px;
}

#topBanner {
        width: 1000px;
        height: 294px;
        text-align: center;
        background: url('images/topBannerBg3.png') top center no-repeat;
}

.logo {
        margin: 85px auto;
}

#contentWrapper { 
        border: 1px #FFFFFF solid;
        border-style: none solid none solid;
        background: url('images/contentBg.gif') top repeat;
        min-height: 700px;
}

#left {
       float: left;
       width: 180px;
}

#right {
       float: right;
       width: 818px;
}

#details {
       float: right;
       margin-top: 40px;
       margin-bottom: 40px;
       background: #000000 url('images/detailsBg.gif') top center no-repeat;
       color: #FFFFFF;
       font-weight: bold;
       text-align: center;
       padding-top: 25px;
       width: 160px;
       height: 185px;
}

.dHead { color: #FF0000; }

/* ----------------------------------------------
                Global Styles
---------------------------------------------- */

#navigation {
        float: right;
        width: 160px;
        margin: 126px 0 0 0;
        list-style: none;
        padding: 0;
        font-weight: bold;
        border-style: solid solid solid solid;
        border-color: #000000;
        border-size: 1px;
        border-width: 1px;
}

#navigation li a {
        height: 35px;
        voice-family: "\"}\""; 
        voice-family: inherit;
        height: 24px;
        text-decoration: none;
        line-height: 22px;
}       
        
#navigation li a:link, #navigation li a:visited {
        color: #FFFFFF;
        display: block;
        background:  url('images/navBg.gif');
        padding: 8px 0 0 10px;
}
        
#navigation li a:hover {
        color: #000000;
        background:  url('images/navBg.gif') 0 -35px;
        padding: 8px 0 0 10px;
}


/* ----------------------------------------------
                Content Styles
---------------------------------------------- */     

#right h1 {
        height: 90px;
        width: 1000px;
        text-align: center;
        margin-left: -180px;
}

#right h2 {
        font-size: 140%;
        text-align: center;
}

#right h3 {
        font-size: 120%;
        text-align: center;
}

#middle {
        width: 780px;
        margin: 0 20px;
}

#middleTop, #middleBottom, #middleContent, #middleContent2, #middleBottom2, #middleTop3, #middleContent3, #middleBottom3, #middleTop4, #middleContent4, #middleBottom4 {
        background: url('images/middleTopBg.png') top center no-repeat;
        height: 20px;
        margin-top: -5px;
}

#middleTop, #middleTop3, #middleTop4 { margin-top: 0px; }

#middleBottom, #middleBottom2, #middleBottom3, #middleBottom4 { 
        margin-top: -13px;
        margin-bottom: 40px; 
        height: 20px;
        background: url('images/middleBottomBg.png') bottom center no-repeat;
}

#middleBottom2, #middleBottom3, #middleBottom4 { margin-top: 0px; }

#forsale-page #middleBottom { margin-top: 0; }

#middleContent, #middleContent2, #middleContent3, #middleContent4 {
        background-image: NONE;
        background-color: #D7D7D7;
        border: 3px #3A1304 solid;
        border-style: none solid;
        height: auto;
        margin-top: -14px;
        padding: 0 20px;
}

#links-page #middleContent, #links-page #middleBottom { margin: 0; }

#about-page #middleContent { margin: 0px; }
#about-page #middleBottom { margin: 0px; }

#middleContent2, #middleContent4 { margin-top: 0; }

#homePageLinks {
        background-image: NONE;
        background-color: #D7D7D7;
        border: 3px #3A1304 solid;
        border-style: none solid;
        height: auto;
        margin-bottom: 13px;
        padding: 0 20px;
}

table.homePageLinks {
        text-align: left; 
        height: auto;
        width: 100%;

}


.links { 
        width: 100%;
        text-align: center;
}

#news-page #middleContent, #news-page #middleBottom { margin-top: 0px; }

/* ----------------------------------------------
                Horse List Styles
---------------------------------------------- */

#horse_list {
        width: 704px;
        margin: 0 auto;
}

.horseFrame {
        width: 704px;
        margin-top: 14px;
        padding: 15px 0 0 0;
}

.horseFrame .horseFrame { padding: 2px 0; }

.horseTop, .horseBottom, .horseMiddle, 
.horseTop2, .horseBottom2, .horseBottom2 {
        background: url('images/horseFrameTop.gif') top center no-repeat;
        height: 20px;
        margin-top: -5px;
}

.horseTop, .horseTop2 { margin-top: 0px; }

.horseBottom, .horseBottom2 { background: url('images/horseFrameBottom.gif') bottom center no-repeat; }

.horseMiddle, .horseMiddle2 {
        background: #515151 url('images/horseFade.jpg') top center repeat-x;
        border: 5px #FF0000 solid;
        border-style: none solid;
        text-align:center; 
        height: auto;
        padding: 10px 30px;
}

.horse { 
        float: left; 
        width: 248px; 
        margin-right: 20px; 
}

.horseImageTop, .horseImageBottom, .horseImageMiddle {
        background: url('images/horseImageTop.gif') top center no-repeat;
        height: 20px;
        margin-top: -5px;
}

.horseImageTop { margin-top: 5px; }

.horseImageBottom { background: url('images/horseImageBottom.gif') bottom center no-repeat; }

.horseImageMiddle {
        background-image: NONE;
        background-color: #000000;
        border: 5px #FFFFFF solid;
        border-style: none solid;
        text-align: center; 
        height: 202px;
        line-height: 200px;
}

.horseImageMiddle img { vertical-align: middle; }

.horseDetails {
        float: left;
        margin: 10px 0 0 40px;
        width: 320px;
        text-align: left;
        color: #FFFFFF;
        font-size: 12pt;
        min-height: 200px;
}

.horseDetails h2 { font-size: 18pt; color: #FF0000; }

.horseDetails a { color: #FF0000; text-decoration: none; }
.horseDetails a:hover { text-decoration: underline; }

#paginator { 
        margin: 20px 15px 10px 15px;
        float: right; 
}


.horsePhotoTop, .horsePhotoBottom, .horsePhotoMiddle {
        background: url('images/horsePhotoTop.gif') top center no-repeat;
        height: 20px;
        margin-top: -5px;
}

.horsePhoto { 
        float: left; 
        width: 798px; 
        margin-right: 20px; 
        margin-left: 20px;
}

.horsePhotoTop { margin-top: 5px; }

.horsePhotoBottom { background: url('images/horsePhotoBottom.gif') bottom center no-repeat; }

.horsePhotoMiddle {
        background-image: NONE;
        background-color: #000000;
        border: 5px #FFFFFF solid;
        border-style: none solid;
        text-align: center;
        height: 522px;
        line-height: 520px;
}

.horsePhotoMiddle img { 

        vertical-align: middle;
}



/* ----------------------------------------------
                Horse Styles
---------------------------------------------- */

.horseTop2, .horseBottom2 { height: 15px; }

#thumbs { 
        float: left;
        margin-left: -10px; 
        width: 658px; 
}

#thumbsTop, #thumbsBottom, #thumbsMiddle {
        background: url('images/thumbsTop.gif') top center no-repeat;
        height: 12px;
        margin-top: -5px;
}

#thumbsTop { margin-top: 20px; }

#thumbsBottom { background: url('images/thumbsBottom.gif') bottom center no-repeat; }

#thumbsMiddle {
        background-image: NONE;
        background-color: #000000;
        border: 5px #FFFFFF solid;
        border-style: none solid;
        text-align: center; 
        height: auto;
        line-height: 60px;
        padding: 0 3px;
}

.image_thumb {
        display: inline;
        width: auto;
}

.image_thumb img { 
        padding: 5px; 
        vertical-align: middle;
}

#children {
        float: left;
        margin-top: 10px;
        color: #FFFFFF;
        text-align: center;
        width: 658px;
}

#children #thumbsTop, #children #thumbsBottom {
    clear: both;
    margin: 0;
}

#children #thumbsTop { margin-bottom: 5px; }

#children #thumbsMiddle {
    float: left;
        width: 642px;
}

#children a, #print a { color: #FFFFFF; }

#children ul {
        list-style-type: none;
        width: 600px;
        margin: 0 auto;
        display: block;
}

#children li {
        float: left;
    width: 100px;
    height: 100px;
        display: inline;
        margin: 10px;
}

#children #thumbsMiddle { line-height: 16px !important; }

.description {
        clear: both;
        float: left;
        margin: 20px 0 10px 0;
        text-align: left;
        color: #FFFFFF;
}

.sale_price{
        float: left;
        text-align: left;
        color: #FFFFFF;
}  

#tree { padding: 10px 0; }

#tree table { 
        width: 100%;
        text-align: center;
        border-collapse: collapse;
        border-spacing: 0px;
        background: #FFFFFF;
}

#tree td { 
        padding: 5px;
        border: 1px #000000 solid;
}

.stallionClass { 
        background: #EFEFEF;
        color: #FF0000;
}

.stallionClass h2{ 
        font-size: 10pt;
        color: #FF0000;
}

#video {
        float: left;
        width: 634px;
        margin-bottom: 10px;
        color: #FFFFFF;
}

#video a { color: #B0AFFF; }
#video a:hover { color: #FFFFFF; }

/*.vid { 
        float: left;
        margin: 0 18px 25px 18px;
        width: 280px;
        height: 240px;
}*/

#print { text-align: right; }

/* ----------------------------------------------
                Contact Classes
---------------------------------------------- */

p.address {
        margin-top: 9px;
        text-align: center;
        font-size: 13pt;
        color: #eee;
}

img.addressimg { 
        display: block;
        margin: 0 auto;
}

.contactForm p { width: 700px; }

.contactForm textarea, .contactForm input { 
        width: 300px; 
        border: 1px solid #8F7474;
        padding: 5px; 
}

.contactForm input.submit { 
        width: 150px; 
        float: right;
    margin-right: 182px; 
        background: #FFFFFF; 
        border-color: #8F7474;
        color: #000000;
    cursor: pointer;
}

form.contactForm fieldset { 
        width: 630px; 
        margin-bottom: 10px; 
}
        
form.contactForm legend {
        padding: 0 2px;
        font-weight: bold;
        _margin: 0 -7px; /* IE Win */
}
        
form.contactForm label {
        display: inline-block;
        margin-left: 80px;
        line-height: 1.8;
        vertical-align: top;
}
        
form.contactForm fieldset ol {
        margin: 0;
        padding: 0;
}
        
form.contactForm fieldset li {
        list-style: none;
        padding: 5px;
        margin: 0;
}
        
form.contactForm fieldset fieldset {
        border: none;
        margin: 3px 0 0;
        }
        
form.contactForm fieldset fieldset legend {
        padding: 0 0 5px;
        font-weight: normal;
}
        
form.contactForm fieldset fieldset label {
        display: block;
        width: auto;
}

form.contactForm em {
        font-weight: bold;
        font-style: normal;
        color: #f00;
}

form.contactForm label { width: 120px; } /* Width of labels */
form.contactForm fieldset fieldset label { margin-left: 123px; } /* Width plus 3 (html space) */

/*\*//*/ form.contactForm legend { display: inline-block; } /* IE Mac legend fix */

form.contactForm {
        width: 370px;
        font-size: 1.1em;
        color: #fff;
}
        
form.contactForm legend { padding-left: 0; }
        
form.contactForm legend,
form.contactForm label { color: #eee; }

form.contactForm fieldset {
        border: none;
        border-top: 1px solid #8F7474;
        background: url('images/cmxform-fieldset.gif') left bottom repeat-x;
}
        
form.contactForm fieldset fieldset { background: none; }
        
form.contactForm fieldset li {
        padding: 5px 10px 7px;
        background: url('images/cmxform-divider.gif') left bottom repeat-x;
}
        
.contactForm ul, .contactForm ol, .contactForm dl, .contactForm li, .contactForm dt, .contactForm dd {
        margin: 0;
        padding: 0;
}
        

/* Forms
------------------------------*/

.contactForm form, .contactForm fieldset {
        margin: 0;
        padding: 0;
}
        
.contactForm fieldset { border: 1px solid #000; }

.contactForm legend {
        padding: 0;
        color: #fff;
}

.contactForm input, .contactForm textarea, .contactForm select {
        margin: 0;
        padding: 1px;
        font-size: 100%;
        font-family: inherit;
}
        
.contactForm select { padding: 0; }


/* ----------------------------------------------
                Footer Styles
---------------------------------------------- */

#footer {
        width: 998px;
        height: 100px;
        border: 1px #FFFFFF solid;
        border-style: none solid none solid;
        background: #0B0B0B;
        position: relative;
}

#bottomNav {
        padding-top: 20px;
        text-align: center;
        color: #5F5F5F;
}

#bottomNav a { padding: 5px; color: #5F5F5F; text-decoration: none; }
#bottomNav a:hover { color: #BFBFBF; text-decoration: underline; }

#copyright, #logoBottom {
           position: absolute;
           bottom: 0;
           margin: 0 10px;
}

#copyright {
           font-weight: bold;
           color: #FFFFFF;
}

#copyright a { color: #FFFFFF; text-decoration: none; }
#copyright a:hover { text-decoration: underline; }

#logoBottom {
           right: 0;
}

#footerRound {
        height: 12px;
        width: 1000px;
        background: url('images/footerBottom.png') top center no-repeat;
}

#lightbox * { width: 100%; }
#outerImageContainer { padding-top: 9px; }
#imageContainer { background-color: #000; }

#hoverNav { border: solid 5px #fff; border-bottom: none; padding-left: 10px; }
#imageDataContainer { border: solid 5px #fff; border-top: none; position: relative; left: 10px; padding-right: 10px; height: 35px; }
#imageDataContainer * { width: 95%; }
#bottomNavClose { position: absolute; right: 5px; margin-top: -27px; }

#home-page #middleBottom { margin: 0; margin-top: 0px; margin-bottom: 30px; }
#home-page .horseMiddle2 { color: #fff; text-align: left; }
#home-page table.horsePageLinks { margin-top: 20px; }

.right { float: right; margin: 10px; margin-right: 0px; }
.left { float: left; margin: 10px; margin-left: 0px; }

#logos {
    position: absolute;
   right: 380px;
   bottom: 0;
   text-align: center;
}

#logos2 {
    position: absolute;
   right: 230px;
   bottom: 0;
   text-align: center;
}

.horseMiddle2 strong { color:#FF0000; }
.horseDetails strong { color: #fff; }

.links img { max-width: 310px; }

#home-page #middle .horseFrame { margin-left: 15px; }

#map { text-align: center; }

#band p { float: left; width: auto; margin-right: 17px; }