/*

		 FarmAndEquine.com | Farm and Equine Services
		 
		 Website Designed by JH Graphics - 12/08
		 Artist: JoEllen Harshman
		 http://jhgraphics.com
		 
*/

/* STRUCTURE
................................................. */ 

* 												{ margin: 0; } 
html, body 										{ height: 100%; } 
body 											{ background: #f6e4a8 url(images/background.gif) fixed no-repeat center top;
												  margin: 0px auto; padding: 0px; }
.wrapper 										{ min-height: 100%; height: auto !important; height: 100%; width: 949px;
												  margin: 0 auto -100px; /* the bottom margin is the negative value of the footer's height */ }
.footer, .push 									{ height: 100px; width: 946px; /* .push must be the same height as .footer */ }

.header											{ background: #e4d6b2 url(images/farm-and-equine.gif) no-repeat center top;
												  width: 950px; height: 81px; position: absolute; margin: 0px 0px 0px -1.5px; padding: 0; }
.home											{ float: left; width: 435px; height: 45px; position: absolute; margin-left: 40px; margin-top: 25px; outline: none; }
.fes											{ display: none; }
.phone-email									{ float: right; margin: 35px 40px 0px 0px; padding: 0;
												  font: 22px/30px "Times New Roman", Times, serif; color: #f5eb15; }
.phone-email a									{ color: #f5eb15; text-decoration: none; outline: none; }
.phone-email a:visited 							{ color: #f5eb15; text-decoration: none; outline: none; }
.phone-email a:hover 							{ color: #fff; text-decoration: none; outline: none; }

.header-photo-index								{ background: url(images/wood-background-index.jpg) no-repeat center top;
												  width: 949px; height: 313px; position:relative; top: 81px; left: -1.5px; margin: 0; padding: 0; }
.header-photo									{ background: url(images/wood-background-interior.jpg) no-repeat center top;
												  width: 949px; height: 221px; position:relative; top: 81px; left: -1.5px; margin: 0; padding: 0; }
.h-photo										{ width:880px; height:170px; position:relative; top:-8px; left:33px; border: 3px solid #638626; background: #638626; }
												  
.contentwrap									{ margin: 80px 0px 0px 0px; padding: 20px 30px 30px 30px; }


/* Small Slideshow & Thumbs */
.rtside											{ float: right; width: 300px; margin: 0px 0px 20px 40px; padding: 10px 0px 0px 0px;
												  border-left: 1px solid #ab8f5f; border-top: 1px solid #ab8f5f; background: #d8c690; }
.rtside ul										{ font: bold 15px/18px Arial, Helvetica, sans-serif; color: #333; letter-spacing: -1px;
												  margin-bottom: 30px; padding: 0; list-style-image: url(images/rt-side-bullet.gif); }
.rtside ul a									{ color: #6b0000; text-decoration: none; outline: none;  }
.rtside ul a:visited 							{ color: #6b0000; text-decoration: none; outline: none;  }
.rtside ul a:hover 								{ color: #ed1c2e; text-decoration: none; outline: none;  }
								  
.cf-colone	 									{ float: left; width: 255px; margin: 0px 5px 0px 5px; padding-right: 20px;}	
.cf-coltwo				 						{ float: left; width: 255px; margin: 0px 5px 0px 5px; padding-left: 20px; }
.cf-colthree									{ float: left; width: 510px; margin: 0px 5px 0px 5px; padding-right: 20px;}

.sm-slide										{ border: 3px solid #663300; overflow: hidden;
												  margin: 0px 0px 15px 18px; position: relative; width: 260px; height: 180px; }

.pt-colone, .pt-coltwo, .pt-colthree			{ float: left; width: 80px; height: 50px; margin: 0px 4px 0px 4px; }
.pt												{ border: 1px solid #663300; width: 80px; margin: 6px 0px 6px 0px; }



.callout										{ float: right; width: 250px; margin-left: 15px; margin-bottom: 15px; padding: 15px;
												  font: 14px/16px Arial, Helvetica, sans-serif; color: #999; text-align: center;
												  border-top: 2px dotted red; border-bottom: 2px dotted navy; }

.floatLF 										{ float: left; }
.floatRT 										{ float: right; text-align: left; }
.indent											{ margin-left: 50px; }
.clear 											{ clear: both; }	
							  

/* NAVIGATION
................................................. */ 

.minitab-nav 									{ padding: 0px; border-bottom: 5px solid #056b37; }
#minitabs 										{ margin-top: 15px; margin-left: 22px; padding: 0 0 21px 10px; outline: none; }
#minitabs li 									{ margin: 0; padding: 0; display: inline; list-style-type: none; outline: none; }
#minitabs a:link, #minitabs a:visited 			{ float: left; margin: 0 11px 8px 11px; padding-bottom: 2px;
												  font: 20px/14px "Times New Roman", Times, serif; text-decoration: none; color: #ea9b6c; outline: none; }
#minitabs a.active:link, 
#minitabs a.active:visited, #minitabs a:hover 	{ border-bottom: 5px solid #008541; padding-bottom: 2px; color: #fff; outline: none; }


/* TEXT
................................................. */ 

p												{ font: 14px/20px Arial, Helvetica, sans-serif; color: #333; margin: 0;padding: 0; }
p a												{ color: #005013; text-decoration: none; outline: none;  }
p a:visited 									{ color: #005013; text-decoration: none; outline: none;  }
p a:hover 										{ color: #008d21; text-decoration: none; outline: none;  }

ul												{ font: 15px/22px Arial, Helvetica, sans-serif; color: #333; margin-left: 60px; padding: 0; }
ul a, a:visited 								{ color: #005013; text-decoration: none; outline: none;  }
ul a:hover 										{ color: #008d21; text-decoration: none; outline: none;  }

h1 /* Page Titles */ 							{ font: 28px/30px "Times New Roman", Times, serif; color: #663300; margin: 0;padding: 0; border-bottom: 3px double #663300; }
h2 /* Page Title Sub Head */ 					{ font: 24px/28px "Times New Roman", Times, serif; color: #053b13; margin: 0;padding: 0; }
h3 /* Headings */								{ font: 30px/30px "Times New Roman", Times, serif; color: #104068; margin: 0;padding: 0; }

h4 li /* Linked Headings */ 					{ font: 15px "Arial", Helvetica, sans-serif; color: #5a0000; }
h4 a											{ color: #5a0000; text-decoration: none; outline: none; }
h4 a:visited									{ color: #5a0000; text-decoration: none; outline: none; }
h4 a:hover										{ color: red; text-decoration: underline; outline: none; }


a.button 										{ clear: left; background: transparent url('images/button-a.gif') no-repeat scroll top right;
												  color: #FFF; display: block; float: left; height: 24px; margin-right: 6px; padding-right: 18px; /* sliding doors padding */
    											  font: bold 14px Arial, Helvetica, sans-serif; text-decoration: none; }
a.button span 									{ background: transparent url('images/button-span.gif') no-repeat;
    											  display: block; line-height: 14px; padding: 5px 0 5px 18px; } 
a.button:active 								{ background-position: bottom right; color: #FFF; outline: none; /* hide dotted outline in Firefox */ }
a.button:active span 							{ background-position: bottom left; padding: 6px 0 4px 18px; /* push text down 1px */ }
a.button:visited 								{ color: #FFF; outline: none; /* hide dotted outline in Firefox */ } 


/* FORM
................................................. */ 

.formtext										{ text-align: center; font: 15px Arial, Helvetica, sans-serif; color: #333; }

.show											{ display:block; }
.hidden, hr										{ display:none; }

.clearfix:after 								{ content: ".";  display: block; height: 0; clear: both; visibility: hidden; }
.clearfix 										{ display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix 								{ height: 1%;}
.clearfix 										{ display: block;}
/* End hide from IE-mac */

fieldset, form									{ margin:0; padding:0; border:0; }
fieldset ol										{ margin:0; padding:12px 0 0; list-style:none; }
fieldset ol li									{ margin-bottom: 12px; }
fieldset ol label								{ float:left; width: 200px; line-height:10px; font: 15px Arial, Helvetica, sans-serif; 
												  color: #005c2d; text-align:left; padding-top:0px; padding-left: 0px;}
fieldset ol input.text,
fieldset ol input.email,
fieldset ol textarea							{ float:left; width: 250px; background-color: #ffdf86; border: 1px dotted #6e735c;
												  padding:5px; font-size:16px; outline: none; }

fieldset ol input.text							{ height:20px; }
fieldset ol textarea							{ height:130px; font-size:16px;}

.checkbox-label									{ font: bold 15px Arial, Helvetica, sans-serif; color: #005c2d; line-height:10px; text-align:left; }
.message										{ width: 510px; background-color: #ffdf86; border: 1px dotted #6e735c; margin-top: 12px; 
												  margin-left: -5px; font-size:16px; outline: none; }

.submit input									{ clear: both; float: left; margin-top: 12px; background: url(images/send.gif) no-repeat top center; }

/* @end */



/* FOOTER
................................................. */ 

.footer											{ margin: 0 auto; text-align: center; background: #ecdba1; }

#fc1											{ float: left; width: 300px; padding-left: 20px; text-align: left; }
#fc2											{ float: left; width: 610px; text-align: right; }

.footernav 										{ font: bold 12px/20px Arial, Helvetica, sans-serif; color: #333; word-spacing: 1px; text-decoration: none; }
.footernav a									{ color: #333; text-decoration: none; outline: none; }
.footernav a:visited 							{ color: #333; text-decoration: none; outline: none; }
.footernav a:hover 								{ color: #056b37; text-decoration: none; outline: none; }