/*  

font-family: 'Libre Baskerville', serif;
font-family: 'Libre Baskerville', serif;
font-family: 'Roboto Condensed', sans-serif;
font-family: 'Satisfy', cursive;


Light Grey d9d9d9
Teal 64c1ce
Navy 2a3a67
Gold:ffc524


Off-White: eaeaea
Light Grey bg: cacaca
Dark Grey 3e3f3d

  */



html{ height:100%; 
overflow: scroll;
background-image:url(../images/layout/MQH-bg.jpg);
background-repeat: repeat-x;
  background-attachment:scroll;
  background-color:#d9d9d9;}



body{ min-height:100%; padding:0; position:relative;
font-family: 'Libre Baskerville', serif;
margin:0px;}

body:after{ content:''; display:block; height:100px; }
article{ width:100%; margin-bottom:100px; margin-top:83px;}

.header-sticky, header{ 
  height:85px;
  width:100%;
      top: 0;
  position:fixed;
  background-color:#eaeaea;
  background-repeat:repeat;
  z-index:500;
}

footer{
	background-repeat:repeat;
	background-color:#676767;
	color:#FFF;
  position:absolute; 
  bottom:0; 
  width:100%;
  padding-bottom:10px;
    padding-top:45px;
  margin-top:30px;
  margin-bottom:0px;
}

.pic{ border-style:solid; border-radius:2px; border-color:#FFF; border-width:3px; margin:10px; box-shadow: 0 2px 3px rgba(0,0,0, .4);}
.picleft{border:none; float:left; margin:5px 15px 5px 10px; border-style:solid; border-radius:2px; border-color:#FFF; border-width:3px; box-shadow: 0 2px 3px rgba(0,0,0, .4);}

.picrt{border:none; float:right; margin-left:10px;}
.picl{border:none; float:left; margin-left:10px; margin-right:25px;}

/*/////////////////////////////////TEXT STYLES//////////////////////////*/

p{
font-family: 'Libre Baskerville', serif;font-size: 16px;color:#333;margin:10px;}


a {color: #000;}
a:link {text-decoration: underline;}
a:visited {text-decoration: underline;}
a:hover {text-decoration: none;color:#64c1ce;}
a:active {text-decoration: underline;}


.highlight{font-family: 'Libre Baskerville', serif; font-size:20px;}
.highlight2{font-family: 'Satisfy', cursive; font-size:20px; text-decoration:none; padding-bottom:4px;}

.note{font-family: 'Roboto Condensed', sans-serif; font-size:14px; font-style:italic; padding-bottom:4px; color:#2a3a67;}
.med{font-size:20px;}
.large{font-size:24px;}
.pad{padding:12px;}
.scripty{font-family: 'Satisfy', cursive;}

.jdyellow{color:#fff000;}
.white{color:#fff;}
.black{color:#000;}
.teal{font-family: 'Libre Baskerville', serif; color:#64c1ce;}
.lteal{color:#65c1ce;}
.navy{color:#2a3a67;}
.yellowbg {background-color:#ffc524;}
.orangebg {background-color:#fd5822;}
.greybg {background-color:#383838;}
.blackbg {background-color:#000;}
.whitebg {box-shadow: 0 2px 3px rgba(0,0,0, .4); background-color: rgba(F,F,F,0.7);}
.whitebgpad {box-shadow: 0 2px 3px rgba(0,0,0, .4); background-color:#FFF; padding:5px;}


.min{font-family: 'Libre Baskerville', serif; color:#64c1ce; margin:0px; font-size:14px;}

ul.moon {list-style-image: url('../images/layout/teal-moon.png'); padding-left:3px; padding-right:15px;  margin-left:75px; font-size:18px; text-align:left;}
ul.moon navy {list-style-image: url('../images/layout/moon.png'); padding-left:3px; padding-right:15px;  margin-left:75px; font-size:18px; text-align:left; margin-bottom:15px;}
.moon{font-family: 'Roboto Condensed', sans-serif; margin:5px; font-size:14px; margin:0px 20px; font-style:normal; font-weight:400;}
.moon a:link{text-decoration:none; background-color:#3f6c8d; padding:6px; margin-top:18px; color:#FFF;}
.moon a:hover{color: #FFF; text-decoration:none; background-color:#505050;}
.moon a:visited{text-decoration:none;}
.moon a:active{text-decoration:none;}
.moon a:link:after {content: "\25BA"; font-size: 70%; display: inline-block; padding-right: 3px;	padding-left:5px; pointer-events: none;}

.white{font-family: 'Libre Baskerville', serif; color:#FFF; margin:0px; font-size:14px;}

.footxt {color:#b6eef1; font-family: 'Libre Baskerville', serif; font-size:16px; line-height:12px; font-weight:bold; text-shadow: 2px 2px 2px rgba(30, 30, 30, 0.5);}
.footxt2 {color:#FFF; font-family: 'Roboto Condensed', sans-serif; font-size:14px; line-height:18px; font-weight:normal; margin:0px;}
.footxt2 a:link{color:#FFF; text-decoration:none;}
.footxt2 a:visited{color:#FFF; text-decoration:none;}
.footxt2 a:hover{color:#fff000; text-decoration:underline;}
.footxt2 a:active{color:#FFF; text-decoration:underline;}

#preload {width: 1px;	height: 1px; overflow: hidden;	position: absolute;	top: 0;	left: 0;}


.smallBtn{ padding:10px; margin:1px; float:left;}
.smallBtn a:link{text-decoration:none;}
.smallBtn a:hover{color: #FFF; text-decoration:none; background-color:#3f6c8d;}
.smallBtn a:visited{text-decoration:none;}
.smallBtn a:active{text-decoration:none;}
.smallBtn a:link:after {content: "\25BA"; font-size: 70%; display: inline-block; padding-right: 3px;	padding-left:5px; pointer-events: none;}



.Btn{color: #64c1ce; font-family: 'Libre Baskerville', serif; font-size:14px; margin:5px; text-decoration:none; font-weight:bold; padding:10px;}	
.Btn a:link{color: #FFF; text-decoration:none; background-color:#505050; }
.Btn a:visited{color: #FFF; text-decoration:none; background-color:#505050; }
.Btn a:hover{color: #b6eef1; text-decoration:none; background-color:#000;}
.Btn a:active{color: #b6eef1; text-decoration:none; background-color:#000;}
.Btn a:link:after {content: "\25BA"; font-size: 70%; display: inline-block; padding-right: 3px;	padding-left:5px; pointer-events: none;}

.OrderBtn{color: #b6eef1; font-family: 'Libre Baskerville', serif; font-size:18px; margin:5px; text-decoration:none; padding:12px;}	
.OrderBtn a:link{color: #b6eef1; text-decoration:none; background-color:#666; }
.OrderBtn a:visited{color: #b6eef1; text-decoration:none; background-color:#666; }
.OrderBtn a:hover{color: #FFF; text-decoration:none; background-color:#333;}
.OrderBtn a:active{color: #FFF; text-decoration:none; background-color:#333;}
.OrderBtn a:link:after {content: "\25BA"; font-size: 70%; display: inline-block; padding-right: 3px;	padding-left:5px; pointer-events: none;}


.BackBtn{color: #64c1ce; font-family: 'Libre Baskerville', serif; font-size:14px; margin:5px; text-decoration:none; font-weight:bold; padding:10px;}	
.BackBtn a:link{color: #FFF; text-decoration:none; background-color:#666; }
.BackBtn a:visited{color: #FFF; text-decoration:none; background-color:#666; }
.BackBtn a:hover{color: #b6eef1; text-decoration:none; background-color:#333;}
.BackBtn a:active{color: #b6eef1; text-decoration:none; background-color:#333;}

.BackBtn a:link:before {
    content: "\25c4";
    font-size: 70%;
    display: inline-block;
    padding-right: 3px;
	padding-left:5px;
    pointer-events: none;
}


.HorseBtn{color: #b6eef1; font-family: 'Satisfy', cursive; font-size:18px; margin:5px; text-decoration:none; padding:12px;}	
.HorseBtn a:link{color: #b6eef1; text-decoration:none; background-color:#666; }
.HorseBtn a:visited{color: #b6eef1; text-decoration:none; background-color:#666; }
.HorseBtn a:hover{color: #FFF; text-decoration:none; background-color:#333;}
.HorseBtn a:active{color: #FFF; text-decoration:none; background-color:#333;}
.smallBtn a:link:after {content: "\25BA"; font-size: 70%; display: inline-block; padding-right: 3px;	padding-left:5px; pointer-events: none;}

.horse-preview { vertical-align:middle; padding:10px; border:none;}

.white-title{font-family: 'Satisfy', cursive; font-size: 26px; font-weight: normal; color:#FFF; text-shadow: 2px 2px 2px rgba(30, 30, 30, 1);}

.title{font-family: 'Satisfy', cursive; font-size: 24px; font-weight: normal; margin-left:15px;}

h1{font-family: 'Satisfy', cursive; font-size: 24px; font-weight: normal; color:#64c1ce; margin-left:15px;}

h2{font-family: 'Libre Baskerville', serif; font-size: 20px; font-weight: normal; padding:10px; margin:10px;}

h3{font-family: 'Libre Baskerville', serif; font-size: 24px; font-weight: normal; color:#2a3a67; margin-left:15px; text-decoration:underline;}
name{font-family: 'Libre Baskerville', serif; font-size: 18px; font-weight: normal; color:#2a3a67; margin-left:15px; text-decoration:underline; text-align:left;}
.horse{font-family: 'Satisfy', cursive; font-size:18px; text-decoration:none; padding:4px;}

info{font-family: 'Roboto Condensed', sans-serif; font-size:12px; color:#666; text-align:left; padding:0px; margin-top:40px;}
pedigree{font-family: 'Satisfy', cursive; font-size: 24px; font-weight: normal;  color:#2a3a67; background-color:#c7f8ff; padding:5px; margin:0px}
pedigree2{font-family: 'Satisfy', cursive; font-size:18px; font-weight: normal;  color:#2a3a67; background-color:#c7f8ff; padding:5px; margin:0px;}

/*//////////////DIV STYLES///////////////////////*/
.swapMe img { -webkit-transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; -ms-transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out; transition: all 1s ease-in-out; } .swap1, .swapMe:hover .swap2 { -webkit-opacity: 1; -moz-opacity: 1; opacity: 1; } .swapMe:hover .swap1, .swap2 { -webkit-opacity: 0; -moz-opacity: 0; opacity: 0; }


#topitems{width:1100px; height:160px; position:relative; padding:0;}
	
#banner{width: 1000px; height: 500px; background-color:#333; background-image:url(../Banner/Zans-Last-Watch-Stallion.jpg); padding:0px; margin:0px;}
#bannerup{width: 1000px; height: 410px; background-color:#333; padding: 60px 10px 30px 10px; margin:0px;}
#marebanner{width: 1000px; height: 410px; background-color:#333; background-image:url(../images/Mares/Broodmares-Saskatchewan.jpg); padding: 60px 10px 30px 10px; margin:0px;}
#salebanner{width: 1000px; height: 410px; background-color:#333; background-image:url(../Banner/Horse-Riding-Canada-Sask.jpg); padding: 60px 10px 30px 10px; margin:0px;}
		
#container{position:relative; padding-bottom:0px;	padding-top:0px; margin:0; height:100%;	width:1100px;}


#logo{
	width: 292px;
	height: 148px;
	top: 0px;
	position:absolute;
	left:110px;
	z-index:502;}


#tealTitle{padding: 5px 10px;	margin: 10px;	background-color:#64c1ce;
	border-radius: 3px; width: 920px;   box-shadow: 0 2px 3px rgba(0,0,0, .4);}


#ThreeBox{padding: 0px;	margin: 10px 0px 10px 0px;	background-color:#d9d9d9; width: 1000px;;}

#FullBox{padding: 10px 10px 15px 10px;	margin: 10px;	background-color:#f4f4f4;
	border-radius: 3px; width: 920px;   box-shadow: 0 2px 3px rgba(0,0,0, .4);}

#SplitBox{padding: 10px 0px 10px 0px; margin: 10px; background-image:url(../images/layout/splitbox.png); background-repeat:repeat-y; width: 940px;   box-shadow: 0 2px 3px rgba(0,0,0, .4);}
	
	
	#SplitBox1{padding: 10px 0px 10px 0px; margin: 10px; background-image:url(../images/layout/splitbox1.png); background-repeat:repeat-y; width: 940px;   box-shadow: 0 2px 3px rgba(0,0,0, .4);}
	
	#FloatBox{padding: 45px 10px 15px 10px;	top-margin: 50px;	background-color:#f4f4f4;
	border-radius: 3px; width: 920px;   box-shadow: 0 2px 3px rgba(0,0,0, .4);}
	
#FullBoxFade{padding: 10px 10px 15px 10px;	margin: 10px;	background-color:#cad5cd;
	border-radius: 3px; width: 920px;   box-shadow: 0 2px 3px rgba(0,0,0, .4);}
	
#FullBoxBlack{padding: 10px 10px 15px 10px;	margin: 10px;	background-color:#333;
	border-radius: 3px; width: 920px;   box-shadow: 0 2px 3px rgba(0,0,0, .4);}


#Contentdiv{padding: 0px; margin-bottom: 10px; width:1000px; position:relative;	top: 0px; left:0px;	z-index:20;	}	
	
	
#navs{height: 80px; width: 600px;	position:absolute; margin:0px; left: 500px; top: -135px; z-index:50;}