@charset "UTF-8";

/************************************************
WEBSITE BY MATT HOFFPAUIR - APACHEADVERTISING.com
*************************************************/



/* CSS Document */


<!--/* Global reset */
/* Based upon 'reset.css' in the Yahoo! User Interface Library: http://developer.yahoo.com/yui */
*, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h5, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td { margin:0; padding:0 }
table { border-collapse:collapse; border-spacing:0 }
fieldset, img { border:0 }
address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal }
ol, ul, li { list-style:none }
caption, th { text-align:left }
h1, h2, h3, h5, h5, h6 { font-size:100%; font-weight:normal }
q:before, q:after { content:''}

/* Global reset-RESET */
/* The below restores some sensible defaults */
strong { font-weight: bold }
em { font-style: italic }
a img { border:none } /* Gets rid of IE's blue borders */

/* Body styles contain the basic font and background information */

body{
	background-color: #000;
	font-family:  Helvetica, Arial, Verdana, san-serif;
	color: #999;
	text-align: center}

/* Basic Typography Settings */

	
p    {
	color: #999;
	font-size: 15px;
	line-height: 24px;
	padding: 10px 25px 10px 25px;
	font-family: Georgia, "Times New Roman", Times, serif }
	
h2 {
	color: #d5ae81;
	font-size: 23px;
	font-family: "Adobe Caslon Pro", "Hoefler Text", Georgia, Garamond, Times, serif;
	font-variant: small-caps;
	font-weight: normal;
	padding: 14px 25px 6px }
	
h3 {
	color: #d5ae81;
	font-size: 14px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	padding: 15px 20px 18px
}

h4 { 
	font-family: "Adobe Caslon Pro", "Hoefler Text", Georgia, Garamond, Times, serif;
	color: #9aafc9;
	font-size: 21px;
	font-style: italic;
	font-weight: normal;
	margin-left: 25px;
	margin-top: 12px
	}
	
blockquote {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:15px;
	color:#d5ae81;
	font-style: italic;
	padding: 28px 5px 18px 35px;
	margin: 17px 20px 17px 35px;
	background-image:url(images/quote-45.png);
	background-position:top left;
	background-repeat:no-repeat

}

a.link:link{
	text-decoration: none;
	color: #d5ae81;
	border-bottom: 1px dotted #d5ae81;
}

a.link:visited{
	text-decoration: none;
	color: #d5ae81;
	border-bottom: 1px dotted #d5ae81;}

a.link:hover{
	text-decoration: none;
	color: #fff;
	border-bottom: none}
	
a.link:active{
	text-decoration: none;
	color: #d5ae81;
	border-bottom: 1px dotted #d5ae81;}
	
	
/*****************
 Checklist of Services 
 ************************/

#checklist {
	list-style-image: url(images/Check-small.png);
	padding-left: 55px;
	font-style: italic;
	line-height: 25px;
	margin-top: 20px;
	color: #d4d4d4
}

.services {
	margin-left: 25px;
	font-size: 14px;
	font-family: Helvetica, Ariel, San Serif;
	border: 1px solid #191919
	}
	
.table {
	background-color: #333333;
	color: #9aafc9 }

td {padding: 6px 4px }

.italics {
	font-family: "Adobe Caslon Pro", "Hoefler Text", Georgia, Garamond, Times, serif;
	font-style: italic;
	font-size: 14px;
	color: #9aafc9;
	padding-top: 2px
	}
	

/********************
 Structure
 **********************/


.center { 
	margin: 0 auto;
	text-align: center}


#container{
	width: 820px;
	height: 100%;
	margin: 0 auto;
	text-align: left}

#left-nav{
	text-align: right;
	width: 116px;
	height: 100%;
	float: left }
	
#left-nav ul  {
	color: #bb923f;
	font-size: 18px;
	font-family: "Adobe Caslon Pro", "Hoefler Text", Georgia, Garamond, Times, serif;
	line-height: 25px;
	padding: 75px 8px 6px 0
	}
	
#left-nav ul.contact   {
	color: #999;
	font-size: 15px;
	font-style: italic;
	line-height: 18px;
	padding: 75px 8px 6px 0 }
	
#left-nav a {
	display: block;
	width: 110px;
	margin-right: 8px}

#left-nav ul li a:link
   {
	color: #bb923f;
	text-decoration: none;
	padding: 0 0.2em }
	
#left-nav ul li a:visited   {
	color: #bb923f;
	text-decoration: none;
	padding: 0 0.2em }
	
#left-nav ul li a:hover
    {
	color: #381201;
	background-image: url(images/left-nav-background.jpg);
	background-repeat: no-repeat;
	padding: 0 0.2em }

	
#left-nav ul li a:active   {
	color: #bb923f;
	text-decoration: none;
	padding: 0 0.2em }
	
	
	
#main-content  {
	text-align: left;
	width: 700px;
	height: 100%;
	float: right;
	border-left: 2px solid #191919;
	border-right: 2px solid #191919 }
	
#header  {
	background-image: url("images/leather-pattern-dark2.jpg");
	background-repeat: no-repeat;
	width: 100%;
	height: 75px }
	
#logo {
	z-index: 10;
	 }

#logo h1  {
	background-image: url("images/logo-300x80.png");
	background-repeat: no-repeat;
	text-indent: -9999px;
	display: block;
	width: 318px;
	height: 80px;
	position:absolute;
	margin: 8px 0 0 -6px 
	}
	
	
#homebuttons {
	width: 230px;
	height: auto;
	float: right
	}
	
#homebuttons img {
	padding-top: 12px;
	padding-right: 10px
	}
	
	/***************
	 Top Navigation Menu 
	 ************************/
	
#top-nav{
	float: right}
	
#top-nav ul {
	color: #d5ae81;
	font-size: 17px;
	font-family: "Adobe Caslon Pro", "Hoefler Text", Georgia, Garamond, Times, serif;
	padding-top: 45px }
	
#top-nav li  {
	display: inline;
	padding: 2px 8px;
	border-right: 1px solid #d4d4d4 }
	
#top-nav li.last {
	border: 0;
	padding-right: 12px}
	
#top-nav ul li a:link{
	text-decoration: none;
	color: #bb923f
}

#top-nav ul li a:visited{
	text-decoration: none;
	color: #bb923f}

#top-nav ul li a:hover{
	text-decoration: none;
	color: #fff}

#top-nav ul li a:active{
	text-decoration: none;
	color: #bb923f}
	
/********************
 Main Horse Image 
 ***********************/

#horse-image    {
	background-image: url(images/main-1.jpg);
	width: 100%;
	height: 275px;
	border-top: 2px solid #ccc;
	border-bottom: 2px solid #ccc;
	z-index: 5
}
	
#horse-image.image2  {
	background-image: url(images/main-2.jpg)
}

#horse-image.image3  {
	background-image: url(images/main-3.jpg)
}

#horse-image.image4  {
	background-image: url(images/main-4.jpg)
}

#horse-image.image5  {
	background-image: url(images/main-5.jpg)
}

#horse-image.image6 {
	background-image: url(images/main-6.jpg)
}

#horse-image.image7 {
	background-image: url(images/main-7.jpg)
}

#horse-image.image8 {
	background-image: url(images/main-8.jpg)
}
	
#text-area{
	background:#000 url("images/leather-fade2.jpg") top center no-repeat;
	height: 100%;
	border-bottom: 2px solid #bb923f}
	
	
	
/**********************
STALLION AREA
************************/

#stallions {
	width: 670px;
	padding-left: 25px}
	
#stallions h2 {
	font-family: "Adobe Caslon Pro", "Hoefler Text", Georgia, Garamond, Times, serif;
	font-size: 14px;
	color: #9aafc9;
	padding-left: 0;
	font-variant: normal;
	font-weight: bold
	}
	
#stallions p {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 13px;
	font-style: italic;
	margin: 0;
	padding: 0
}

#stallions td {
	padding: 6px;
	 }
	
#stallions a img      {
	border: solid 2px #000 }

	
#stallions a:hover img     {
	border: solid 2px #bb923f }


/***************
 Pedigree Area 
 ********************/
 
#stallionspedigree {
	width: 670px;
	padding-left: 25px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 11px}
	
	

/***************
 Footer Area 
 ********************/

#footer {
	width: 100%;
	height: 90px;
	background-image: url(images/footer-background.jpg);
	background-repeat: no-repeat;
	border-bottom: 2px solid #bb923f;
	clear: both}
	
#footer p {
	margin:0;
	padding: 5px 15px 5px 15px;
	font-size: 12px;
	color: #69492f;
	line-height: 18px}


#footer a:link{
	text-decoration: none;
	color: #69492f}


#footer a:visited{
	text-decoration: none;
	color: #69492f}

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

#footer a:active{
	text-decoration: none;
	color: #69492f}
	
	
/***********************
	UTILITY CLASSES
*************************/

.imgpad {
	padding: 5px;
	margin: 5px;
	border: 1px solid #666 }
	
.centertable {
	margin: 0 auto;
	width: auto }
	
.last {
	margin-bottom: 45px }
	
.buttons {
	margin: 4px 15px 4px 25px }