/* Stylesheet for www.Twentyfourkaratkid.com */

BODY {
  background-image: url(graphics/background.png);
  font-family: Tahoma, Verdana, Arial, Sans-Serif;
  width:744px;
  margin:0px auto;
  font-size: 12px;
  padding: 0px;
  cursor: default;
}
FORM{padding:0px; margin:0px;}

img {border:0px; margin:0px; padding:0px; font-size:1px;}
.italic {font-style: italic;}
.left{float:left;}
.right{float:right;}
.center{text-align:center;}
.imageLeft{margin:0px 5px 3px 0px;}
.imageRight{margin:0px 0px 3px 5px;}
.bold{font-weight:bold;}
.indent{margin:0px 0px 0px 10px;}
.closer{clear:both;}
.title{margin:6px 0px 3px 0px; font-weight:bold;}
.print{display:none;}
.hidden{display:none;}
.white{color:#ffffff;}

h5 {color:#2a5b91; margin-top:0px;}

h4 {color:#2a5b91; margin-top:0px;}

h3 {color:#2a5b91; margin-top:0px;}

h2 {color:#2a5b91; margin-top:0px;}

h1 {color:#2a5b91; margin-top:0px;}
h1 {font-size:25px;}
h2 {font-size:18px;}
h3 {font-size:16px;}
h4 {line-height:0px; }
h5 {font-size:14px; letter-spacing:-1px;}

a:active{text-decoration:underline; color: #2a5b91;}

a:visited{text-decoration:underline; color: #2a5b91;}

a:link{text-decoration:underline; color: #2a5b91;}
a:hover {text-decoration:underline; color: #000000;}

#footer {background-image:url(graphics/footer.png); width:744px; height:37px; padding-top:10px;}
#subFooter{background-image:url(graphics/grey.png); padding:5px;}
#subFooter .moreInfo{margin-left:10px;}
#quote {width:250px; font-size:24px; font-style:italic; font-weight:bold; font-family:Times New Roman; margin:70px 0px 0px 10px; text-align:center;}

#header{width:744px; height:78px; margin-left:15px;}
#mainContainer{background-color:#ffffff;}
.mainContainer{background-color:#ffffff;}

#broodmareImage{background-image: url(graphics/broodmaresImage.jpg); width:750px; height:325px; background-repeat:no-repeat;}
#broodmareImage a {cursor:pointer;}
.broodmareLink{width:124px; height:161px; float:left;}
.broodmareButton{margin-right:10px; float:right;}

.foals {width:715px; border:dashed 2px silver; padding:5px; margin:0px 7px 15px 7px;}
.foals img{}
.saleThumb{float:right; text-align:right;}
.saleThumb div{padding-bottom:3px;}
.saleThumb img{width:50px; height:50px; margin-left:3px;}

.galleryThumb{display:inline; margin:5px;}
.galleryThumb img{border:dashed 2px silver;}
.galleryContainer{width:705px; margin:0px auto;}
.tenPixels{height:10px;}

#map{border:solid 1px #000; float:left; width:300px; height:330px; margin-left:10px;}
.contactForm{float:left; margin-left:10px;}
.sentMessage{margin-top:50px;}

/* ------ NAVIGATION CODE ------ */

#winnersCircle a {background-repeat:no-repeat; display:block; height:25px; background-position:0% 0px; font-size:20px; line-height:25px; width:98px;}

#customerFoals a {background-repeat:no-repeat; display:block; height:25px; background-position:0% 0px; font-size:20px; line-height:25px; width:98px;}

#ourFoals a {background-repeat:no-repeat; display:block; height:25px; background-position:0% 0px; font-size:20px; line-height:25px; width:98px;}

#contact a {background-repeat:no-repeat; display:block; height:25px; background-position:0% 0px; font-size:20px; line-height:25px; width:98px;}

#gallery a {background-repeat:no-repeat; display:block; height:25px; background-position:0% 0px; font-size:20px; line-height:25px; width:98px;}

#broodmares a {background-repeat:no-repeat; display:block; height:25px; background-position:0% 0px; font-size:20px; line-height:25px; width:98px;}

#stallion a {background-repeat:no-repeat; display:block; height:25px; background-position:0% 0px; font-size:20px; line-height:25px; width:98px;}

#winnersCircle {visibility:visible; float:left; width:98px; height:25px; margin:53px 2px 0px 2px;}

#customerFoals {visibility:visible; float:left; width:98px; height:25px; margin:53px 2px 0px 2px;}

#ourFoals {visibility:visible; float:left; width:98px; height:25px; margin:53px 2px 0px 2px;}

#contact {visibility:visible; float:left; width:98px; height:25px; margin:53px 2px 0px 2px;}

#gallery {visibility:visible; float:left; width:98px; height:25px; margin:53px 2px 0px 2px;}

#broodmares {visibility:visible; float:left; width:98px; height:25px; margin:53px 2px 0px 2px;}

#stallion {visibility:visible; float:left; width:98px; height:25px; margin:53px 2px 0px 2px;}

#winnersCircle a:hover {background-position:0% -26px;}

#customerFoals a:hover {background-position:0% -26px;}

#ourFoals a:hover {background-position:0% -26px;}

#contact a:hover {background-position:0% -26px;}

#gallery a:hover {background-position:0% -26px;}

#broodmares a:hover {background-position:0% -26px;}

#stallion a:hover {background-position:0% -26px;}

#stallion a {background-image:url(graphics/stallion.gif);}
#broodmares a {background-image:url(graphics/broodmares.gif);}
#gallery a {background-image:url(graphics/gallery.gif);} 
#contact a {background-image:url(graphics/contact.gif);}
#ourFoals a {background-image:url(graphics/ourFoals.gif);}
#customerFoals a {background-image:url(graphics/customerFoals.gif);} 
#winnersCircle a {background-image:url(graphics/winnersCircle.gif);}