@charset "utf-8";
/* CSS Document */

/*
  
 * Filename		 		style.css
 * Website				whisperingoaksfarmllc.com
 * Author				InMotion Hosting - http://inmotionhosting.com 

 */
 
 
 @font-face {
    font-family: 'CardoRegular';
    src: url('Cardo99s-webfont.eot');
    src: url('Cardo99s-webfont.eot?#iefix') format('embedded-opentype'),
         url('Cardo99s-webfont.woff') format('woff'),
         url('Cardo99s-webfont.ttf') format('truetype'),
         url('Cardo99s-webfont.svg#CardoRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}


html, body {margin:0;padding:0;}

body {background:#24412f url(../_img/bg-body.jpg) repeat; font-family: 'CardoRegular'; font-size:14px;}

h1 {color:#142b40; font-size:22px;}
h2 {color:#142b40; font-size:18px; margin-bottom:22px;}
h3 {color:#142b40; font-size:16px; margin-bottom:22px;}
h4 {}
h5 {}
h6 {}

p {color:#142b40; line-height:22px; font-size:14px; margin-bottom:24px; font-family:Georgia, "Times New Roman", Times, serif;}

a:link, a:visited {color:#b66a39; text-decoration:none; outline:none;}
a:hover, a:focus {color:#b66a39; text-decoration:underline; outline:none;}



/* insert this class where you need to clear inline items */
.clearall {clear:both;}


/* float images left or right - adjust margins as needed */
.left-img {float:left; margin:0 10px 0 0;}
.right-img {float:right; margin:0 0 10px 10px;}
.right-img p {text-align:center; margin:6px 0 0 0;}



/*** LAYOUT STYLES ***/
#wrapper, #container, #header-wrap, #header, #nav, #content, #footer-wrap, #footer {margin:0 auto;}

#wrapper {width:900px; border-left:1px solid #c2c2c2; border-right:1px solid #c2c2c2;}
#container {width:898px; border-right:1px solid #13281b; border-left:1px solid #13281b;background:#ffffff;}
#wrapper-out {width:900px; border-left:1px solid #c2c2c2; border-right:1px solid #c2c2c2;margin:0 auto;}
#container-out {width:898px; border-right:1px solid #13281b; border-left:1px solid #13281b;background:#ffffff;margin:0 auto;}


/* HEADER */
#header-wrap {width:890px;  padding:6px 4px 6px 4px; background:#24412f;}
#header {width:890px; background:url(../_img/bg-green.jpg) repeat-y;}
#header p {margin-bottom:0;}
#logo {float:left; width:453px; margin:10px;}
#quote {float:right; width:400px; margin:15px 10px 10px 0;}
#quote p {text-align:right; font-size:14px; line-height:20px; color:#ffffff; font-style:italic;}




/* CONTENT */
#content-wrap {width:890px; padding:8px 4px 8px 4px; background:#ffffff;}
#content {width:890px; background:url(../_img/bg-white.jpg) repeat-y; color:#142b40;}

.divider {height:1px; width:100%; border-top:1px solid #dbdbdb; margin:20px 0 20px 0;}

/* NAVIGATION */



#nav {
width:860px;
margin:0 auto;
height:44px;
}


#nav ul {
	display:block;
	margin:0;
}

#nav li {
	display:inline;
}

#nav ul { background:url(../_img/nav.jpg); margin:0 auto; position:absolute;}
#nav li {list-style-type:none}

#nav li a { height:44px; display:block; position:absolute; text-indent:-9999px; outline:none }

li#navHome a, li#navAbout a, li#navBoarding a, li#navSales a, li#navRacing a, li#navOfferings a, li#navRates a, li#navGallery a, li#navContact a { background:url(../_img/nav.jpg);  height:44px; }


li#navHome a 			{ background-position:0 0; width:76px; left:0 }
li#navHome a:hover		{ background-position:0 -44px }
body#pageHome li#navHome a 	{ background-position:0 -88px }

li#navAbout a 			{ background-position:-76px 0; width:97px; left:76px }
li#navAbout a:hover		{ background-position:-76px -44px }
body#pageAbout li#navAbout a 	{ background-position:-76px -88px }

li#navBoarding a 			{ background-position:-173px 0; width:93px; left:173px }
li#navBoarding a:hover		{ background-position:-173px -44px }
body#pageBoarding li#navBoarding a 	{ background-position:-173px -88px }

li#navSales a 			{ background-position:-266px 0; width:154px; left:266px }
li#navSales a:hover		{ background-position:-266px -44px }
body#pageSales li#navSales a 	{ background-position:-266px -88px }

li#navRacing a 			{ background-position:-420px 0; width:82px; left:420px }
li#navRacing a:hover		{ background-position:-420px -44px }
body#pageRacing li#navRacing a 	{ background-position:-420px -88px }

li#navOfferings a 			{ background-position:-502px 0; width:95px; left:502px }
li#navOfferings a:hover		{ background-position:-502px -44px }
body#pageOfferings li#navOfferings a 	{ background-position:-502px -88px }

li#navRates a 			{ background-position:-597px 0; width:74px; left:597px }
li#navRates a:hover		{ background-position:-597px -44px }
body#pageRates li#navRates a 	{ background-position:-597px -88px }

li#navGallery a 			{ background-position:-671px 0; width:83px; left:671px }
li#navGallery a:hover		{ background-position:-671px -44px }
body#pageGallery li#navGallery a 	{ background-position:-671px -88px }

li#navContact a 			{ background-position:-754px 0; width:106px; left:754px }
li#navContact a:hover		{ background-position:-754px -44px }
body#pageContact li#navContact a 	{ background-position:-754px -88px }



/* LEADER */

#leader {width:858px; margin:0 auto; height:216px; border:1px solid #dbdbdb;}


#content-left img {border:1px solid #dbdbdb;}
#content-right img {border:1px solid #dbdbdb;}

#content-left {float:left; margin:16px 10px 10px 16px; width:213px;}
#content-middle {float:left; margin:16px 0 10px 0; width:404px;}
#content-middle p {font-size:16px; line-height:24px; text-align:center; margin-bottom:30px;}

#content-right {float:right; margin:16px 16px 10px 10px; width:213px;}

#left-col {float:left; margin:16px 10px 10px 16px; width:610px;}
#left-col img {border:1px solid #dbdbdb;}
#right-col {float:right; margin:16px 16px 10px 10px; width:213px;}
#right-col p {text-align:center; margin:6px 0 0 0;}
#right-col img {border:1px solid #dbdbdb;}

#one-col ul {margin:0 0 30px 40px; list-style-type:disc;}
#one-col li {padding-bottom:8px;}

#consignors {width:600px; margin:0 auto;}
#consignors ul {width:260px; float:left;}

table {width:550px; margin:0 0 30px 20px; border:1px solid #dbdbdb; background:#f0f0f0;}
td {width:260px; padding:4px;}
.tr1 {background:#ffffff;}


#one-col {width:860px; margin:16px auto 10px; auto; color:#142b40;}
#one-col img {border:1px solid #dbdbdb;}

#testimonials {}
.testimonials {margin-bottom:20px;}
#testimonials p {font-style:italic;}
#testimonials .client {text-align:right; font-style:normal; margin-top:-10px;}


/* FOOTER */


#footer-wrap {width:890px; padding:8px 4px 8px 4px; background:#24412f;}
#footer {width:890px; background:url(../_img/bg-green.jpg) repeat-y; color:#ffffff;}
#footer p {color:#ffffff; margin-bottom:0;}

#footer a, #footer a:visited {color:#ffe3c1; text-decoration:none;}
#footer a:hover, #footer a:focus {color:#ffe3c1; text-decoration:underline;}

#contact {margin:10px; float:right;}
#contact p {text-align:right;}

#bottom-nav {float:left; margin:10px; width:450px;}
#bottom-nav ul {float:left; list-style-type:disc; margin-left:20px; width:170px ;font-family:Georgia, "Times New Roman", Times, serif;}
#bottom-nav li {padding-bottom:5px;}

#bottom-nav a, #bottom-nav a:visited {color:#ffffff; text-decoration:none;}
#bottom-nav a:hover, #bottom-nav a:focus {color:#ffe3c1; text-decoration:none;}


#social {}

#copyright {width:890px;  padding:6px 4px 6px 4px; background:#13281b;}
#copyright p {font-size:10px; color:#6c7566; text-align:center; margin:8px;}
#copyright a, #copyright a:visited {color:#80877d; text-decoration:none;}
#copyright a:hover, #copyright a:focus {color:#80877d;text-decoration:underline;}





/* Errors */

#404wrap {margin:20px auto; width:800px; height:400px; background:#f2f2f2; border:1px solid #e3e3e3; font-family:Verdana, Geneva, sans-serif; font-size:12px;}
#404wrap h1 {font-size:18px; margin:20px; text-align:center;}
#404wrap p {margin:20px; text-align:center;}
#404wrap ol {margin:40px;}
#404wrap ul {margin:40px;}
#404wrap li {padding-bottom:8px;}
#404wrap a:link, #404wrap a:visited {color:#01759d; text-decoration:none; outline:none;}
#404wrap a:hover, #404wrap a:focus {color:#e26c1d; text-decoration:underline; outline:none;}
