/* -------------------------------------------------------------- */
/* MASTER STYLESHEET
/* -------------------------------------------------------------- */

/* -------------------------------------------------------------- */
/* = GLOBAL
/* -------------------------------------------------------------- */

* {margin:0;padding:0;}

body { 
	position: relative;
	font-size: 80%;
	line-height: 1.55em;
	font-family: 'Open Sans', Trebuchet MS, Arial, Helvetica, sans-serif;	
	font-weight: 400;
	color: #333333;
	background: url(../images/bg.jpg) top repeat-x #fff;
}

strong, b { font-weight: bold; }
em, i { font-style : italic; }

/* -------------------------------------------------------------- */
/* = HEADER
/* -------------------------------------------------------------- */

#header {
	position: relative;
	width: 985px;
	margin: auto;
}

	#header #logo {
		position: relative;
		width: 980px;
		margin: 0 auto 5px auto;
		border-bottom: 2px solid #fff;
	}

		#header #logo a {
		    display: block;			
			background: url(../images/logo.png) no-repeat top left transparent;
			width: 430px;
			height: 90px;
			border: 0;
			margin: 25px 0 0 0;
			text-indent: -3333px;
		    text-decoration: none;
		}
		
		#header #logo a:hover {
		    text-decoration: none;
		}
		
		.gallery { width:980px; height:300px; padding:2px; border: 1px solid #fff; margin: 10px auto 12px auto; }
		
		#slider { margin:0; padding:0; list-style:none; overflow:hidden; }
		
		#headerimage { margin:0; padding:0; list-style:none;  width:980px; height:300px; overflow:hidden; }
		
	
		#wrapper {
			position: relative;
			width: 100%;
			margin: 0 auto;
			background: url(../images/bg_main.png) top repeat #fff;
			padding: 20px 5px 5px 5px;
} 
		
		
/* -------------------------------------------------------------- */
/* = NAVIGATION
/* -------------------------------------------------------------- */	


#menu_container {
	background: url(../images/bg.jpg) top repeat-x #fff;
	width: 100%;
	min-height: 40px;
	margin: 5px 0 0px 0;
	position: relative;
}

#menu_main {
	position: relative;
	min-height: 40px;
    z-index: 20;
	width: 980px;	
	margin: 0 auto;
}

#menu_main>ul {
    position: absolute;
}

	#menu_main>ul>li {
		position:relative;
		float: left;
	}
	
		#menu_main>ul>li>a {
			display: block;		
			font-size: 140%;
			font-weight: bold;
			text-transform: uppercase;
			font-family: 'Open Sans', serif;
			font-weight: 700;
			color: #bfd6c7;	
			text-decoration: none;
			letter-spacing: 0.5px;
			padding: 10px 22px 13px 22px;
		}

			#menu_main>ul>li.selected, 		
			#menu_main>ul>li>a:hover, 
			#home #nav-home a,
			#about #nav-about a,
			#sales #nav-sales a,
			#genetics #nav-genetics a,
			#performance #nav-performance a,
			#contact #nav-contact a {
				color: #fff;
				background-color: none;
			}
			
			/*
			#menu_main>ul>li.selected, 
			#home #nav-home a,
			#about #nav-about a,
			#sales #nav-sales a,
			#genetics #nav-genetics a,
			#performance #nav-performance a,
			#contact #nav-contact a {
				color: #056220;
				background-color: none;
			}
			*/
			
			#menu_main>ul>li>ul>li.last>a:hover {
				-moz-border-radius-bottomleft: 6px;
				-moz-border-radius-bottomright: 6px;
				-webkit-border-bottom-left-radius: 6px;
				-webkit-border-bottom-right-radius: 6px;
				width: 155px;
			}			

			#menu_main>ul>li.active>a {
				color: #cccccc;
			}

				#menu_main>ul>li>ul {
					position: absolute; /*--Important - Keeps subnav from affecting main navigation flow--*/
					top: 40px;
					left: -1px;
					width: 160px;
					list-style: none;
					background: url(../images/bg.jpg) top repeat-x #fff;
					margin: 0; 
					display: none;
					font-weight: bold;
					text-transform: uppercase;
					font-family: 'Open Sans', serif;
					font-weight: 700;
				}
				
				#menu_main>ul>li>ul>li>a {
					display: block;
					overflow: hidden;
					padding: 10px 10px 10px 20px;
					text-decoration: none;
					font-size: 120%;					
					color: #bfd6c7;
				}
				
				#menu_main>ul>li>ul>li>a:hover { /*--Hover effect for subnav links--*/
					color: #fff !important;
					background-color: none;
				}

/* -------------------------------------------------------------- */
/* = CONTENT
/* -------------------------------------------------------------- */

#content {
	position: relative;
	width: 980px;
	min-height: 300px;
	margin: 0 auto;
	padding: 20px 0 0 20px;
}

#content a:link 	{ text-decoration: none; color: #333333; background-color: #bfd6c7; padding: 2px; }
#content a:visited	{ text-decoration: none; color: #333333; background-color: #bfd6c7; padding: 2px; }
#content a:hover 	{ text-decoration: none; color: #fff; background-color: #005D1F; padding: 2px; }
#content a:active 	{ text-decoration: none; color: #333333; background-color: #bfd6c7; padding: 2px; }

a:link, a:visited, a:hover, a:active {
	-webkit-transition: all .1s ease-in-out;
	-moz-transition: all .1s ease-in-out;
	-o-transition: all .1s ease-in-out;
	transition: all .1s ease-in-out;
}

	h1, h2, h3, h4, h5 {
		color: #005D1F;
		line-height: 130%;
		font-family: 'Open Sans', Trebuchet MS, Arial, Helvetica, sans-serif;	
		font-weight: 700;
	}

	h1 { font-size: 195%; margin: 0 0 15px 0; }
	h2 { font-size: 155%; }
	h3 { font-size: 130%; }
	h4 { font-size: 115%; font-weight: 600; }
	h5 { font-size: 100%; font-weight: 600; color: #333333; margin: 0 0 15px 0; }
	
	#content p, table p {
		margin: 1.25em 0;
	}
	
	#content ul, #content ol {
		margin-top: 1em;
		margin-bottom: 1.5em;
	}
	
	#content ul li {
		margin-left: 15px;
		list-style-type: circle;
		margin-bottom: 2px;
	}
	
	#content ol li {
		margin-left: 20px;
		list-style-type: decimal;
	}

	#content blockquote {
		padding: 0px 15px 5px 20px;
		font-style: italic;
		margin-bottom: 1.8em;
		font-size: 120%;
		line-height: 1.4em;
		font-family: Georgia, "Times New Roman", Times, serif;
		border-top: 1px dotted #8bb936;
		border-bottom: 1px dotted #8bb936;
	}
	
	#content>img a {
		border: none;
	}
	
	#content img {
		padding: 3px;
		border: 1px dotted #999;	
	}
	
	#content p.photo, #content img.photo {
		position: relative;
		width: 290px;
		float: right;
		margin: 0 0 10px 30px;
		font-size: 85%;
		line-height: 16px;
	
	}	
		#content p.photo img, #content img.photo {
			padding: 8px;
			border: 1px dotted #ccc;		
		}

.results {
	font-size: 12px;
	line-height: 13px;
	font-family: 'Open Sans', Trebuchet MS, Arial, Helvetica, sans-serif;	
	font-weight: 400;
	color: #333333;
}
		
#feature {
	position: relative;
	float: right;
	width: 280px;
	min-height: 400px;
	margin: 0 20px 40px 65px;
}
	#feature h3 { 
		margin: 0 0 20px 0; 
		font-size: 195%; 
		line-height: 120%;
	}
	#feature img {
		margin: 3px 0 3px 0;
		padding: 3px;
		border: 1px dotted #999;
	}
	#feature h5 { font-size: 100%; font-weight: 600; color: #333333; margin: 0 0 15px 0; }

	/* MailChimp signup form */
	#mc_embed_signup, #mc_embed_signup form {
		padding: 0 !important;
		margin-bottom: 40px;
		width: 100% !important;
		background: none;
	}

.bullphoto {width: 470px; height:350px; margin: 30px 5px 5px 5px; float:left;}
.bullphoto h1 {margin-bottom:5px; font-size: 130%; width: 100%;} 
.bullphoto img {width: 460px; height:auto; padding-top: 5px; border-top: 1px dashed #D7AE00;}	

.sire {width: 98%; height:auto; margin: 5px 5px 10px 5px; padding: 5px 10px 5px 5px; float:left; }
.sire h1 {margin-bottom:5px; font-size: 130%; width: 100%;} 
.sire img {width: 460px; height:auto; padding-top: 5px; border-top: 1px dashed #D7AE00; float:left; margin: 0 20px 30px 0;}		
.sire .details {width: 47%; float: right;}
#sires .repeatable { border-bottom: 1px dashed #D7AE00; }

/* -------------------------------------------------------------- */
/* = FOOTER
/* -------------------------------------------------------------- */

#footer-wrapper {
	position: relative;
	width: 100%;
	min-height: 100px;
	color: #ffffff;
	background: url(../images/bg_bottom.jpg) bottom left repeat-x #065C1F;
	clear: both;
}

#footer {
	position: relative;
	width: 940px;
	margin: auto;
	padding: 30px 0 20px 0;
	font-size: 90%;
}

#footer a:link		{ text-decoration: none; color: #ffffff; }
#footer a:visited	{ text-decoration: none; color: #ffffff; }
#footer a:hover 	{ text-decoration: none; color: #1ac656; }
#footer a:active 	{ text-decoration: none; color: #ffffff; }

#footer img {
	float: left;
	margin: -2px 10px 0 0;
}
#footer .site-credit {
	position: absolute;
	top: 30px;
	right: 0;
	font-size: 85%;
	text-align: right;
	margin-top: 20px;
}

/* -------------------------------------------------------------- */
/* = FORMS
/* -------------------------------------------------------------- */

/* Contact form */

#contact-form input:focus, #contact-form textarea:focus, #contact-form select:focus { 
	border: 1px solid #333333;
}

#content .section_form {
	margin: 25px 0 20px 0;
	width: 500px;
}

#content .section_form * {
	vertical-align: text-top;
}

#content .section_form p {
	width: auto;
	padding: 0;
	line-height: normal;
	margin: 0 0 10px 0;
}

#label {border: 1px solid #89C2DF; }
#name, #phone, #email, #message {margin: 5px 0 5px 0; width:320px; background-color: #FFF; border: 1px solid #999999; padding: 5px; font-size: 14px; font-family: 'Open Sans', Trebuchet MS, Arial, Helvetica, sans-serif; font-weight: 400; color: #333333; }

.section_form #submit { 
	background-color: #aaaaaa;
	border: medium none;
	border-radius: 5px 5px 5px 5px;
	color: #FFFFFF;
	font-size: 120%;
	font-weight: bold;
	padding: 6px;
	width: 70%;
	margin: 72px 0 20px 75px;
}
.section_form #submit:hover {
	background-color: #777777;
	cursor: pointer;
}
.section_form #submit:focus {
	border: none;
}

.textfieldRequiredMsg, 
.textfieldInvalidFormatMsg, 
.textfieldMinValueMsg,
.textfieldMaxValueMsg,
.textfieldMinCharsMsg,
.textfieldMaxCharsMsg,
.textfieldValidMsg {
	display: none;
}

.textareaRequiredMsg,
.textareaMinCharsMsg,
.textareaMaxCharsMsg,
.textareaValidMsg {
	display:none;
}

.textfieldRequiredState .textfieldRequiredMsg, 
.textfieldInvalidFormatState .textfieldInvalidFormatMsg, 
.textfieldMinValueState .textfieldMinValueMsg,
.textfieldMaxValueState .textfieldMaxValueMsg,
.textfieldMinCharsState .textfieldMinCharsMsg,
.textfieldMaxCharsState .textfieldMaxCharsMsg
{ color: #CD6905; font-style: italic; display: block; }

.textareaRequiredState .textareaRequiredMsg,
.textareaMinCharsState .textareaMinCharsMsg,
.textareaMaxCharsState .textareaMaxCharsMsg
{ color: #CD6905; font-style: italic; display: block; }

	

/* -------------------------------------------------------------- */
/* = MISC
/* -------------------------------------------------------------- */

/* float clearing for IE6 */
.clr { 
	clear:both;
}

* html .clearfix {
	height: 1%;
	overflow: visible;
}
/* float clearing for IE7 */
*+html .clearfix {
	min-height: 1%;
}
/* float clearing for everyone else */
.clearfix:after {
	clear: both;
	content: ".";
	display: block;
	height: 0;
	visibility: hidden;
}

.float-left {
	float: left !important;
	display: inline;
}

.float-right {
	float: right !important;
	display: inline;
}

.float-center {
	margin: auto !important;
}

.align-left {
	text-align: left !important;
}

.align-right {
	text-align: right !important;
}

.align-center {
	text-align: center !important;
}

hr {
	margin: 0 0 20px 0;
	border-top: none;
	border-left: none;
	border-right: none;
	border-bottom: 1px dashed #D7AE00;	
	background-color: transparent;
}

.big {
	font-size: 120%;
}

.small {
	font-size: 80%;
}

.small-print {
	font-size: 75%;
	color: #666;
	line-height: 16px !important;
}

	.small-print * {
		line-height: 16px !important;
	}

	#content .small-print ul li {
		line-height: 16px !important;
		padding: 0;
		margin: 0 0 0px 15px;
	}

#print-logo {
	display: none;
}

/* Apply the block-link class to the actual a href element */
.block-link {
	display: inline-block;
	width: auto;
	padding: 0 5px 3px 5px;
	text-align: center;
	background-color: #76b425;
	text-decoration: none !important;
	color: #fff !important;
}
	.block-link:hover {
		background-color: #0d4823;
	}
	
.small-print {
	font-size: 75%;
	color: #666;
	line-height: 18px !important;
}

.back-to-top {
	text-align: right;
	font-size: 1.2em !important;
}