/* 
  ------------------------------------------------
  SET MAIN BODY STYLE
  ------------------------------------------------
*/
*{
	margin:0px;
	padding:0px;
}
body {
	font-family: "Calibri","Trebuchet MS",Arial,Helvetica,sans-serif;
	font-size: 100%;
	color: #333333;
	background-color:#F8F8F8;
	margin: 0px 0px;
	padding: 0px;
}
/* 
  ------------------------------------------------
  SET MASTHEAD AND MASTHEAD CONTENT STYLE
  ------------------------------------------------
*/
#masthead {
	position:relative;
	overflow:hidden;
}
#masthead:after {
    box-shadow: 0 0 0.625em rgba(255, 255, 255, 0.9);
    content: "";
    display: block;
    height: 0.625em;
    left: 0;
    position: absolute;
    bottom: -0.625em;
    width: 100%;
    z-index: 100;
}
#masthead:before {
    box-shadow: 0 0 0.625em rgba(255, 255, 255, 0.9);
    content: "";
    display: block;
    height: 0.625em;
    left: 0;
    position: absolute;
    top: -0.625em;
    width: 100%;
    z-index: 100;
}
.masthead-fade{
	position:absolute;
	top:0px;
	left:0px;
	z-index:20;
}
.masthead-logo{
	position:absolute;
	top:14px;
	left:54px;
	z-index:100;
}
#slideshow {
    position:relative;
    height:171px;
}
#slideshow img {
    position:absolute;
    top:0px;
    left:0;
    z-index:8;
}
#slideshow img.active {
    z-index:10;
}
#slideshow img.last-active {
    z-index:9;
}
/* 
  ------------------------------------------------
  WRAPPERS AND CLEARFLOATS
  ------------------------------------------------
*/
#wrapper {
	width: 960px;
	margin: 0 auto;
	background-color:#FFFFFF;
	box-shadow: 0 0.056em 0.222em rgba(0, 0, 0, 0.7);
}
#column_wrapper {
	width:100%;
	border-top:1px solid #FFFFFF;
	background-image:url(../buildgfx/purple-gradient.jpg);
	background-position:left top;
	background-repeat:repeat-y;
}
.clearfloat {
	clear: both;
	height: 0;
	line-height: 0;
	font-size: 0;
}
.clearfloat2{
	display:block;
	clear: both;
	height: 0;
	line-height: 0;
	font-size: 0;
}
/* 
  ------------------------------------------------
  SET COLUMN WIDTHS
  ------------------------------------------------
*/
#left {
	float: left;
	width: 316px;
	background-image:url(../buildgfx/navigation-bg.png);
	background-position:20px 0px;
	background-repeat:no-repeat;
}
#right {
	float:left;
	width: 644px;
}
/* 
  ------------------------------------------------
  SET NAVIGATION STYLES
  ------------------------------------------------
*/
#main-navigation{
	font-family:Georgia, "Times New Roman", Times, serif;
	padding:16px 0px 20px 54px;
}
#main-navigation li{
	list-style:none;
}
#main-navigation li a{
	color:#FFFFFF;
	text-decoration:none;
	font-size:22px;
	text-transform:uppercase;
	display:block;	
}
#main-navigation li a:hover{
	color:#FF5400;
}
a.home{
	padding:10px 0px 10px 80px;
}
a.about-us{
	padding:10px 0px 10px 46px;
}
a.news{
	padding:10px 0px 10px 58px;
}
a.holstein{
	padding:10px 0px 10px 27px;
}
a.jersey{
	padding:10px 0px 10px 36px;
}
a.ayrshire{
	padding:10px 0px 10px 21px;
}
a.shorthorn{
	padding:10px 0px 10px 13px;
}
a.bulls-embryos-for-sale{
	padding:10px 0px 10px 40px;
}
a.gallery{
	padding:10px 0px 10px 50px;
}
a.contact{
	padding:10px 0px 10px 66px;
}
/* 
  ------------------------------------------------
  HOMEPAGE STYLES
  ------------------------------------------------
*/
.welcome-box{
	width:600px;
	background-color:#DAD9EA;
	background-color:rgba(255,255,255,0.7);
	border:1px solid #FFFFFF;
	margin:26px 0px 12px 0px;	
	-moz-border-radius:20px;
	-webkit-border-radius:20px;
	-khtml-border-radius: 20px;
    border-radius: 20px;
	padding:12px;
}
.welcome-image{
	width:281px;
	float:left;
}
.welcome-text-img{
	margin:8px 0px 14px 0px;	
}
.welcome-text{
	width:300px;
	margin-left:19px;
	float:left;	
	color:#383288;
	font-size:17px;
	font-weight:bold;
	line-height:140%;
}
.home-column{
	background-image:url(../buildgfx/home-bg.png);
	background-position:-3px 0px;
	background-repeat:repeat-y;
	margin-bottom:12px;
}
.home-news{
	width:288px;
	float:left;
	padding:12px 12px 14px 12px;
	background-color:#DAD9EA;
	background-color:rgba(255,255,255,0.7);
	border:1px solid #FFFFFF;	
	-moz-border-radius:20px 0px 0px 20px;
	-webkit-border-radius:20px 0px 0px 20px;
	-khtml-border-radius: 20px 0px 0px 20px;
    border-radius: 20px 0px 0px 20px;
}
.home-sale{
	width:298px;
	float:left;
	padding:12px;
	background-color:#FFFFFF;
	border:1px solid #FFFFFF;
	margin:0px 0px 0px -16px;	
	-moz-border-radius:20px 0px 0px 20px;
	-webkit-border-radius:20px 0px 0px 20px;
	-khtml-border-radius: 20px 0px 0px 20px;
    border-radius: 20px 0px 0px 20px;
}
.home-news-title{
	margin:0px 0px 20px 0px;	
}
.home-sale-title{
	margin:0px 0px 9px 0px;	
}
.home-news-headline a{
	font-size:18px;
	font-weight:bold;
	color:#383288;
	text-decoration:none;
	display:block;
	margin:12px 0px;
}
.home-news-headline a:hover{
	text-decoration:underline;
}
.home-sale-bulls, .home-sale-embryos{
	width:144px;
	float:left;
}
.home-sale-bulls{
	margin-right:10px;
}
.home-sale-bulls-title a, .home-sale-embryos-title a{
	font-size:18px;
	font-weight:bold;
	color:#383288;
	text-decoration:none;
	display:block;
	margin:6px;	
}
.home-sale-bulls-title a:hover{
	text-decoration:underline;
}
.home-sale-icon img{
	display:block;
	-moz-box-shadow: 5px 5px 5px #999999;
	-webkit-box-shadow: 5px 5px 5px #999999;
	box-shadow: 5px 5px 5px #999999;		
}
/* 
  ------------------------------------------------
  SET NEWS PAGE STYLES
  ------------------------------------------------
*/
.news-item{
	margin:25px 0px 0px 0px;
	padding-bottom:25px;
}
.news-item a{
	color:#333333;
	text-decoration:none;
}
.news-item a:hover .news-title{
	text-decoration:underline;
}
.news-title{
	display:block;
	font-size:1.25em;
	font-weight:bold;
	line-height:130%;
	color:#383288;
	margin-bottom:8px;
}
.news-date{
	display:block;
	font-size:0.875em;
	font-style:italic;
	line-height:130%;
	margin-bottom:8px;
}
.news-image{
	display:block;
	width:200px;
	float:left;
	margin-right:20px;
}
.news-desc{
	display:block;
	line-height:130%;
	font-size:1em;
}
.read-more{
	margin:12px 0px 0px 0px;
	background-color:#5C5C5C;
	width:180px;
	padding:8px 10px;
	color:#FFFFFF;
	font-size:1.125em;
	font-weight:bold;
}
.read-more a{
	color:#FFFFFF;
}
.read-more a:hover{
	text-decoration:underline;
}
.hr{
	border-bottom:1px solid #5C5C5C;
}
.image-gallery{
	margin:20px 0px;	
}
.main-image img{
	display:block;
	margin:0px auto;	
}
.main-caption{
	margin:12px 0px;
	padding:12px;
	border-top:1px solid #5C5C5C;
	border-bottom:1px solid #5C5C5C;
	font-size:1em;
	text-align:center;	
}
.image-thumbs{
	margin-left:-9px;
}
.image{
	width:200px;
	float:left;
	margin-left:9px;	
	cursor:pointer;	
}
.pdf-block {
    border-bottom: 1px solid #5C5C5C;
    border-top: 1px solid #5C5C5C;
    margin: 12px 0px;
    padding: 12px 0px;
}
.pdf-block a:hover .pdf-text{
	text-decoration:underline;
}
.pdf-icon {
    display: block;
    float: left;
    margin-right: 10px;
}
.pdf-text {
    color: #383288;
    display: block;
    float: left;
    font-size: 1em;
    font-weight: bold;
    line-height: 40px;
}
ul.pagination {
    margin: 0;
    padding: 20px 0px;
    width: 618px;
}
ul.pagination li {
    display: inline;
    font-size:0.875em;
    list-style-type: none;
	font-weight:normal;
}
ul.pagination li.disabled a {
    cursor: default;
}
ul.pagination li a {
    display: block;
    float: left;
    margin-right: 3px;
    padding: 4px 10px;
	color:#333333;
	text-decoration:none;
	margin-bottom:20px;
}
ul.pagination li.selected a.page {
    background-color: #383288;
	color:#FFFFFF;
}
ul.pagination li a.page {
	background-color: #FFFFFF;
	border:1px solid #383288;
}
ul.pagination li a.page:hover { 
	background-color: #383288;
	color:#FFFFFF;
	text-decoration:underline;
}
ul.pagination li a.pagination-previous{
	padding-left:0px;
}
/* 
  ------------------------------------------------
  SET COW PAGE STYLES
  ------------------------------------------------
*/
.family-box{
	width:300px;
	float:left;
	margin:25px 18px 0px 0px;
}
.family-box2{
	width:300px;
	float:left;
	margin-top:25px;
}
.family-box a, .family-box2 a{
	text-decoration:none;	
}
.family-box a:hover .family-title, .family-box2 a:hover .family-title{
	text-decoration:underline;
}
.family-image{
	display:block;	
}
.family-image img{
	border:1px solid transparent;
	-moz-border-radius:20px 20px 0px 0px;
	-webkit-border-radius:20px 20px 0px 0px;
	-khtml-border-radius: 20px 20px 0px 0px;
    border-radius: 20px 20px 0px 0px;
}
.family-title{
	display:block;
	margin:12px 0px;
	padding:12px;
	border-top:1px solid #5C5C5C;
	border-bottom:1px solid #5C5C5C;
	font-size:1em;
	font-weight:bold;
	color:#383288;
	text-align:center;	
}
table.cow-data-table{
	width:100%;
	margin-top:20px;
	border-top:1px solid #5C5C5C;
	border-left:1px solid #5C5C5C;	
}
table.cow-data-table td{
	border-right:1px solid #5C5C5C;
	border-bottom:1px solid #5C5C5C;
	padding:4px;	
}
.hr2{
	border-bottom:1px solid #5C5C5C;
	padding-bottom:30px;
	margin-bottom:30px;
}
.floatleft{
	width:558px;
	float:left;
}
.floatright{
	width:31px;
	margin:10px 10px 10px 19px;
	float:right;
}
/* 
  ------------------------------------------------
  SET CONTACT STYLES
  ------------------------------------------------
*/
.contact-form{
	margin:20px 0px;
	border-top:1px solid #5C5C5C;
	padding:20px 0px;
	border-bottom:1px solid #5C5C5C;
}
.row.title{
	padding-bottom:4px;
}
.row.field{
	padding-bottom:12px;
}
.standard-input, .row textarea{
	width:400px;
	padding:4px;
	font-size:16px;
	color:#333333;
	font-family: "Calibri","Trebuchet MS",Arial,Helvetica,sans-serif;
	line-height:120%;
	border:1px solid #5C5C5C;
}
.row .buttons{
	border:1px solid #383288;
	color:#FFFFFF;
	background-color:#383288;
	cursor:pointer;
	float:left;
	width:150px;
	margin-right:10px;
	padding:6px;
	font-size:16px;
	font-family: "Calibri","Trebuchet MS",Arial,Helvetica,sans-serif;
	line-height:120%;
}
.map-container{
	margin:20px 0px;
	border-top:1px solid #5C5C5C;
	padding:20px 0px;
	border-bottom:1px solid #5C5C5C;
}
.hr3{
	border-bottom:1px solid #5C5C5C;
	padding-bottom:20px;
	margin-bottom:20px;
}
/* 
  ------------------------------------------------
  SALE AND TAB STYLES
  ------------------------------------------------
*/
ul.tabs {
	margin: 20px 0 0 0;
	padding: 0;
	float: left;
	list-style: none;
	height: 32px;
	border-left: 1px solid #5C5C5C;
	width: 618px;
}
ul.tabs li {
	float: left;
	margin: 0;
	padding: 0;
	height: 31px;
	line-height: 31px;
	border: 1px solid #5C5C5C;
	border-left: none;
	margin-bottom: -1px;
	overflow: hidden;
	position: relative;
	background-color:#FFFFFF;
}
ul.tabs li a {
	text-decoration: none;
	color: #383288;
	display: block;
	font-size: 1em;
	padding: 0 16px 0 17px;
	outline: none;
}
ul.tabs li a:hover {
	text-decoration:underline;
	color:#383288;
}
html ul.tabs li.active, html ul.tabs li.active a:hover  {
	background: #383288;
	color:#FFFFFF;
	border-bottom: 1px solid #5C5C5C;
}
li.active a{
	color:#FFFFFF!important;	
}
.tab_container {
	/*border-bottom: 1px solid #5C5C5C;
	border-top: 1px solid #5C5C5C;*/
	overflow: hidden;
	clear: both;
	float: left; 
	width: 618px;
	background: transparent;
	margin:20px 0px;
	/*padding:20px 0px;*/
}
table.table-sale{
	width:100%;
	border-top:1px solid #5C5C5C;
	border-left:1px solid #5C5C5C;	
}
table.table-sale td{
	border-right:1px solid #5C5C5C;
	border-bottom:1px solid #5C5C5C;
	padding:6px;	
}
/* 
  ------------------------------------------------
  SET HEADER AND PARAGRAPH STYLES
  ------------------------------------------------
*/
h1 {
	font-size: 1.6em;
	color:#383288;
	margin: 0;
}
h2 {
	font-size: 1.25em;
	margin: 12px 0 0 0;
}
.content p {
	margin: 12px 0;
	font-size:1em;
}
.nomargintop {
	margin-top: 0;
}
.right-content{
	width:618px;
	background-color:#DAD9EA;
	background-color:rgba(255,255,255,0.7);
	border:1px solid #FFFFFF;
	margin:26px 0px 12px 0px;	
	-moz-border-radius:20px;
	-webkit-border-radius:20px;
	-khtml-border-radius: 20px;
    border-radius: 20px;
	padding:12px;	
}
.left-right{
	width:348px;
	float:left;
}
.right-right{
	width:250px;
	float:left;
	margin-left:20px;
}
.margintop{
	margin-top:84px;
}
a.standard-link, .content p a{
	color:#383288;
	text-decoration:none;
}
a.standard-link:hover, .content p a:hover{
	text-decoration:underline;
}
img{
	border:none;
}
/* 
  ------------------------------------------------
  SET FOOTER AND FOOTER CONTENT STYLES
  ------------------------------------------------
*/
#footer {
	color: #333333;
	background-color: #C6C6C6;
	padding: 0px;
	margin: 0;
	font-size: 0.875em;
	clear: both;
	position:relative;
	overflow:hidden;
}
#footer:after {
    box-shadow: 0 0 0.625em rgba(255, 255, 255, 0.9);
    content: "";
    display: block;
    height: 0.625em;
    left: 0;
    position: absolute;
    bottom: -0.625em;
    width: 100%;
    z-index: 100;
}
#footer:before {
    box-shadow: 0 0 0.625em rgba(255, 255, 255, 0.9);
    content: "";
    display: block;
    height: 0.625em;
    left: 0;
    position: absolute;
    top: -0.625em;
    width: 100%;
    z-index: 100;
}
#footer a, #footer2 a{
	color:#383288;
	text-decoration:none;	
}
#footer a:hover, #footer2 a:hover{
	text-decoration:underline;
}
#footer .content {
	padding: 16px 20px;
	text-align:right;
	line-height:130%;
}
#footer2{
	width:920px;
	color: #666666;
	padding: 12px 20px;
	margin: 0 auto;
	font-size: 0.75em;
	clear: both;
	text-align:right;
}
.video-item{ 
	margin:20px 0px; 
}
.you-tube-wrap{
	height: 0;
    overflow: hidden;
    padding-bottom: 56.25%;
    padding-top: 20px;
    position: relative;
}
.you-tube-wrap iframe, .you-tube-wrap object, .you-tube-wrap embed {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}