@charset "utf-8";
/* CSS Document */
/* Craig House Farm CSS */
/*************************************************************************************************************************************************
Colours
BCAF8B	Background
796040	Menu Background
E5E2CC	Menu Font
FFFFFF	Menu Hover Active
FFFFFF	Container
000000	Container Font
4F3515	Links
796a40	Links Hover
000000	Footer Font
000000	Footer Links
000000	Footer Links Hover Active

**************************************************************************************************************************************************/
*{
	padding:0;
	margin:0;
	outline:none;
}
body{
	font-size:15px;
	margin:0px auto;
	background:#9d8b6c;
/*	background-color:#BCAF8B;
	background-position: 50% 0;
	background-repeat:no-repeat;*/
/*	background: url(../img/DenebolaBG.jpg) no-repeat center top fixed;
	-webkit-background-size: cover;
  	-moz-background-size: cover;
  	-o-background-size: cover;
 	background-size: cover;  */
}
html, body{
	text-align:left;
	font-family:"Segoe UI", "Helvetica Neue", Arial, Helvetica, sans-serif;
	font-family:"Helvetica Neue", Arial, Helvetica, sans-serif;
	color:#666;
	color:#4f5358;
}
html{
	font-size:1.54em;
}
.main-container{
	margin-top:136px;	
	background: url(../img/DenebolaBG.jpg) no-repeat center top fixed;
	-webkit-background-size: cover;
  	-moz-background-size: cover;
  	-o-background-size: cover;
 	background-size: cover;  
}
ul.flexbox {
	display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
	display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
	display: -ms-flexbox;      /* TWEENER - IE 10 */
	display: -webkit-flex;     /* NEW - Chrome */
	display: flex;             /* NEW, Spec - Opera 12.1, Firefox 20+ */
	justify-content: center;
	align-items: center;
}	
.box{/* Box shadow only works in IE iff colour #000*/
	
	-moz-box-shadow: 0px 0px 15px 5px #000; /* Firefox offset-x, offset-y, blur-radius, spread-radius */
	-webkit-box-shadow: 0px 0px 15px 5px #000; /* Safari and Chrome */
	-o-box-shadow: 0px 0px 15px 5px #000; /* Opera */
	box-shadow: 0px 0px 15px 5px #000; /* Opera 10.5+ and future browsers and IE6+ using IE-CSS3 */
	box-shadow: 0px 0px 8px 2px rgba(0,0,0,.5);
	/*filter: progid:DXImageTransform.Microsoft.Shadow(color=#091f0e,direction=45);*/
	
	/* IE hack - add 'ie-css3.htc' at directory root. */
	/* Can only test in IE on web.  Local file will not execute the script*/
	behavior: url('../ie-css3.htc'); /* Tell IE to call the script on all elements with class 'box'  */	
}
/* Headings -------------------------------------------------------------- */ 
h1,h2,h3,h4,h5,h6 {	font-weight: normal; color: #4f5358; } 
h1 { font-size: 1.6em; line-height: 1; margin-bottom: 10px; } 
h2 { font-size: 1.4em; margin-bottom: 10px; } 
h3 { font-size: 1.2em; line-height: 1; margin-bottom: 10px; } 
h4 { font-size: 1.1em; line-height: 1.25; margin-bottom: 10px; } 
h5 { font-size: 1em; font-weight: bold; margin-bottom: 10px; } 
h6 { font-size: 1em; font-weight: bold; margin-bottom: 3px;} 
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img { margin: 0; }

ul{list-style:none;}
ol{list-style:none;}
ol li{
	list-style:decimal;
	margin-left:20px;
}
ul li{list-style:none;}
fieldset{border:none;}
table{
	border-collapse:collapse;
	font-style: normal;
	margin:0 auto;
	margin-bottom:20px;
}
table tr th{
    font-size: 1em;
    padding: 5px;
    vertical-align: top;
}
table tr td{
    font-size: 1em;
    padding: 5px 3px;
    vertical-align: top;
}
p{
	font-size: 1.0em;
	line-height: 1.4;
	padding: 0px 0px 8px 0px;
	font-weight:500;
	color:#000;
	font-family:"Helvetica Neue", Arial, Helvetica, sans-serif; 
}
a:link, a:visited{	
	text-decoration:none;
	text-decoration:underline;
	color:#4F3515; 	
	font-weight:bold;	
	font-weight:500;
	cursor:pointer;
}
a:hover,  a:active{ 
	color:#796a40; 	
	text-decoration:none;
}
#lg-header{
	z-index:1000;
	position: fixed;
    top: 0px;
    width: 100% !important;
	}

/* Style the padding of the nav bar on scrolling*/
.nav-is-scrolling .nav-container{
	-moz-box-shadow: 	0 6px 0 rgba(136,139,141,.5);
	-webkit-box-shadow:  0 6px 0 rgba(136,139,141,.5);
	box-shadow: 		0 6px 0 rgba(136,139,141,.5);		
	}
.flex-container{
	display:flex;
	flex-wrap: wrap;
	justify-content: center;
 	align-items: center;
	}
.flex-container > div{
	margin: 10px;
	text-align: center;
	}
.flex-container > div > a > img{
	max-height: 200px;	
	max-width: 400px;	
	}
ul.logo_row_list {
    font-size: 0;
    margin: 0;
	margin-bottom: 0px;
    padding: 0;
    list-style: none;
    text-align: center;
	}
li.logo_row_item {
    font-size: 14px;
    margin: 0px 15px 0px 15px;
    display: inline-block;
    vertical-align: middle;
}
.logo_row_item img { 
/*	max-width:200px;
	max-height:80px;*/
	margin-bottom:10px;
	}
img {
	max-width: 100% !important;
	vertical-align:middle;
	display: inline-block;
	border: 0;
	-ms-interpolation-mode: bicubic;
	image-rendering: optimizeQuality;
	_width: 100%;
}
video, iframe{
	max-width: 100% !important;	
} 
.parent-down_white_arrow{
	background: url(../img/down_white_arrow.gif) no-repeat right center;
}  
.parent{
	background: url(../img/right_white_arrow.gif) no-repeat right center;
}
.captions{
	padding-top:10px;
	font-size:0.9em;
	text-align:center;
}
ul.inline li{
	display:inline;
	float:left;
	margin-right:10px;
	margin-left:10px;
}
.left{
	float:left;
}
table.sorlist{
	margin:0 auto 0;
}
/*table.sorlist tr td{
	max-width:124px;
}*/
	.table-scroll {
		position:relative;
		max-width:600px;
		max-width:100%;
		margin:auto;
		overflow:hidden;
	/*	border:1px solid #000;*/
	}
	.table-wrap {
		width:100%;
		overflow:auto;
		-webkit-overflow-scrolling: touch;
		touch-action: pan-x pan-y;
	}
	.table-scroll table {
		width:100%;
		margin:auto;
		border-collapse:separate;
		border-spacing:0;
	}
.toggle_pedigree{
	cursor:pointer;
}
#pedigree{
	/*display:none;*/
}
ul.dblist li{
	display:inline;
	float:left;
	margin-right:10px;
	margin-left:10px;
}
ul.dblist li:last-child{
	margin-right:0px;
}
ul.sorlist li{
	display:inline;
	float:left;
	margin-right:5px;
	margin-left:5px;
}
ul.sorlist li:first-child{
	margin-left:0px;
}
ul.sorlist li:last-child{
	margin-right:0px;
}
img.sorimg {
	height:109px;
	/*max-width:124px;*/
}
img.dbimg {
	/*height:144px;*/
}
img.videoimg {
	height:109px;
}
.centre{
	text-align:center;
}
caption.centre{
	text-align:center;
}
ul.dots li{
	list-style:disc;
	margin-left:20px;
}
.red{
	color:red;
}
.shadow{
	/* Box shadow only works in IE iff colour #000*/
    /*box-shadow: 0 0 10px 1px rgba(0, 0, 0, 0.5);*/
	/*-moz-box-shadow: 0px 0px 8px 1px #000;*/ /* Firefox offset-x, offset-y, blur-radius, spread-radius */
	-webkit-box-shadow: 0px 0px 8px 1px #000; /* Safari and Chrome */
	-o-box-shadow: 0px 0px 8px 1px #000; /* Opera */
	box-shadow: 0px 0px 8px 1px #000; /* Opera 10.5+ and future browsers and IE6+ using IE-CSS3 */
	/*filter: progid:DXImageTransform.Microsoft.Shadow(color=#091f0e,direction=45);*/
	
	/* IE hack - add ie-css3.htc at directory root. */
	/* Can only test in IE on web.  Local file will not execute the script*/
	/*behavior: url(../ie-css3.htc);*/ /* Tell IE to call the script on all elements with class 'box'  */
}
.box{
	z-index:10;
	font-size: 0.9em;
	font-weight: 600;
	padding:5px 5px;
	border:none;
/*	-moz-border-radius: 20px;  */  /* Firefox */
	-webkit-border-radius: 20px; /* Safari and Chrome */
	-o-border-radius: 20px;
	border-radius: 20px 20px 20px 20px; /* Opera 10.5+, future browsers, and now also Internet Explorer 6+ using IE-CSS3 */
	behavior: url(../ie-css3.htc); /* Tell IE to call the script on all elements with class 'box'  */
}
#noscript_div{
	color:#666666;
	background:#fff;
	margin-top:20px;
	padding:10px 20px 10px 20px;
	float:left;
}
noscript p, noscript ol {font-size: 1.4em; line-height: 1.0em; text-align: left ;}
.indent{padding-left:30px;}
.clearfix:after{
	content: '.';
	visibility:hidden;
	display:block;
	clear:both;
	height:0;
}
#home-wrapper{
	text-align:left;
	text-align:justify;
	margin:auto;
	position:relative;
	width:960px;
	box-shadow: 0 0 10px 1px #000000;
}
#main_container{
	background-color:#fff;
	padding-bottom:20px;
}
.right{text-align:right}
.top_margin{
	margin-top:20px;
}
.fl_right{
	float:right;
}
.button, a.button:link, a.button:visited {
    background: none repeat scroll 0 0 #796040;
    border: medium none;
    border-radius: 4px;
    color: #FFFFFF;
    cursor: pointer;
    font-size: 0.9em;
    font-weight: bold;
    margin: 10px 10px 10px 0;
    padding: 5px 10px;
    position: relative;
    text-decoration: none;
    z-index: 10;
}
.button:hover, a.button:hover{
	background:#BCAF8B;
	color:#fff; 
	color:#000; 
	text-decoration:none;	
} 
div.table_wrapper{
	border:solid 1px #000;
	padding:5px;
}
table.soraya tr td{
 /*   font-size: 0.8em;*/
    padding: 0px 0px;
    vertical-align: top;
}
table.soraya{
	margin-bottom:0px;
	border:solid 1px #000;
}
table.soraya tbody tr td{
	padding:0px 5px;
}
table.weltlena td{
	width:25%;
}
.down_arrow{
	background: url(../img/down_arrow.gif) no-repeat right center;
	padding-right:20px;
	z-index:20;
}
.up_arrow{
	background: url(../img/up_arrow.gif) no-repeat right center;
	z-index:20;
}
/******************************************************************************************************************************************

	Navigation Header

*******************************************************************************************************************************************/
#top_arrow a:link{
	background: url(../img/Top_Arrow.png) no-repeat scroll left top transparent;
    bottom: 15px;
    display: block;
    height: 75px;
    position: fixed;
    right: 15px;
    width: 18px;
    z-index: 1000;
	text-decoration:none;
}
#top_arrow a:hover{
	background: url(../img/Top_Arrow.png) no-repeat right top transparent;
	text-decoration:none;
}
ul#bna_addthis li{
	list-style:none;
	margin-left:1px;
}
ul#bna_addthis{
	background-color: #666D75;
 /*   border-bottom-left-radius: 7px;
    border-top-left-radius: 7px;*/
    border-color: -moz-use-text-color;
    border-style: none;
    border-width: 1px;
/*    box-shadow: 0 0 10px 1px rgba(0, 0, 0, 0.5);*/
    float: right;
   /* height: 128px;*/
    height: 118px;
    padding: 12px 4px 0;
    position: fixed;
    right: 0;
/*    top: 200px;*/
	bottom :120px;
	width:54px;
    z-index: 100;
	/*-moz-box-shadow: 0 0 10px 1px rgba(0, 0, 0, 0.5);*/ /* Firefox */
 	-webkit-box-shadow: 0 0 10px 1px rgba(0, 0, 0, 0.5); /* Safari and Chrome */
  	box-shadow: 0 0 10px 1px rgba(0, 0, 0, 0.5); /* Opera 10.5+, future browsers and IE6+ using IE-CSS3 */
	
	-moz-border-bottom-left-radius: 7px; /* Firefox */
  	-webkit-border-bottom-left-radius: 7px; /* Safari and Chrome */
  	border-bottom-left-radius: 7px; /* Opera 10.5+, future browsers, and now also Internet Explorer 6+ using IE-CSS3 */
	-moz-border-top-left-radius: 7px; /* Firefox */
  	-webkit-border-top-left-radius: 7px; /* Safari and Chrome */
  	border-top-left-radius: 7px; /* Opera 10.5+, future browsers, and now also Internet Explorer 6+ using IE-CSS3 */
	/*behavior: url('../ie-css3.htc');*/ /* This lets IE know to call the script on all elements which get the 'bna_addthis' class */
	behavior: url('ie-css3.htc'); /* This lets IE know to call the script on all elements which get the 'bna_addthis' class */
}
ul#bna_addthis img{
	border:none;	
}
ul#bna_addthis img.first_img{
	margin:8px 0 0 10px;
}
#bna_addthis img.facebook_img{
	margin:8px 0 0 10px;
}
ul#bna_addthis a:link{
	font-size:12px;
	font-weight:bold;
	color:#000;
	text-decoration:none;
}
ul#bna_addthis a:hover{
	text-decoration:none;	
}
#header{
	height:297px;
	background:url(../img/CraigHouseHeader.jpg) no-repeat 0 0;
	/*padding-top:30px;*/
	text-align:left;
/*	width:960px;*/
}
div#header h1{
	background:url(../img/CraigHouseLogo.png) no-repeat 0 0;
	text-indent:-9999em;height:104px;width:729px;
	position:absolute; 
	top: 46px; 
	left: 0px;
	margin-bottom:0px;
	}
div#header a#home-link{text-indent:-9999em;display:block;height:104px;width:729px;position:absolute; top: 9px; left: 0px;}
#nav-box{
/*	padding-top:114px;*/	
/*	height:150px;
*/	z-index:20;
}
#main-nav{
	padding-top:255px;	
}
#home .top-nav .home > a,
#sale .top-nav .sale > a,
#breeding .top-nav .breeding > a,
#stallions .top-nav .stallions > a,
#mares .top-nav .mares > a,
#contact .top-nav .contact > a
{
	z-index:1000;
	/*background: #fff url(../img/nav_shadow.png) repeat-x bottom left;*/
/*	background-color:#fff;
	background-color:#4f5358;*/
	background:	#ece0cb;
	color:		#3a2c22;
	cursor:		pointer;
	margin: 0 auto;
	position:relative;	
/*	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	-o-border-radius:4px;
	border-radius: 4px 4px 4px 4px;*/ /* Opera 10.5+, future browsers, and now also Internet Explorer 6+ using IE-CSS3 */	
}
.logo-container{
	max-width:1026px;
	margin: 0 auto;
	position:relative;
	text-align:center;
}
.logo-container a, .logo-container h2 {
	text-indent:-9999em;
	font-size:0px;
	line-height:0;
	margin-bottom:0;
}

.sticky{
	position:fixed;
	top:0px;
	width:100% !important;
	margin: 0 auto;
}
a#home-link {
    cursor: pointer;
    display: block;
    height: 133px;
    position: absolute;
    text-indent: -9999em;
    top: 0;
    width: 320px;
}
/******************************************************************************************************************************************

	Footer

*******************************************************************************************************************************************/
.address{
	text-align:center;
}
#footer{
	margin:0 auto;
	color:#000000;
	position:relative;
	padding:10px 0 10px 0;
	background-color: #ceb390;
	background-color: #a78861;
	background-color: #9d8b6c;
    background-image: none;
    background-origin: padding-box;
    background-position: 0 0;
    background-repeat: repeat;
    background-size: auto auto;
        -webkit-box-shadow: 0 5px 10px #000;
           -moz-box-shadow: 0 5px 10px #000;
                box-shadow: 0 5px 10px #000;
    font-size: 14px;
}
#footer a:link, #footer a:visited{
	color:#000;	
	text-decoration:none;
}
#footer a:hover{
	cursor:pointer;
	text-decoration:underline;
}
#bottom-nav{padding-bottom:5px;}
.footer_p p{
	padding:0px 0px 0px 0px;
}