/* CSS Document 
	
font-family: 'Niconne', cursive;
font-family: 'Raleway', sans-serif;
Raleway weights:400,700,900

Blue Text #009cb2
	
	*/	
	
	
	html {
	height: 100%;
	background-color:#000;
	background-image:url(/assets/Whitby-bg.jpg); background-repeat:repeat-x;
	}
		
	
body {	margin:0px;	font-family: 'Raleway', sans-serif;	color:#FFFFFF;  height:100%;}

#header { margin:0px;  height:190px; box-shadow: 0 2px 3px rgba(0,0,0, .4); width:100%;}
  	
.head_container { width:100%; margin:0px;}
#header_scroll { height:190px; padding:0px;}

#sticky_navigation_wrapper { width:100%; height:55px; }
#sticky_navigation { background-image:url(/assets/sticky-bar.jpg); background-repeat:repeat; z-index:2000;
	width: 100%; padding:2px; height: 52px; box-shadow: 0 2px 3px rgba(0,0,0, .4);}
	
#content { padding-top:70px; background-image:url(/assets/main-cont.png); background-repeat:repeat; min-height:500px; }

footer{
  background-image:url(/assets/footer.jpg); background-repeat:repeat-x;
  background-color:#565656;
  bottom:0px; 
  width:100%;
  padding-bottom:20px; padding-top:10px;
  margin:0px;
}	

img{  border-style: none;}
.picrt {  border-style: none; padding-left:20px;}
.hidden{ visibility:hidden;}

	#logo{
	z-index:3000;
	top: -2px;
	width: 319px;
	height:198px;
		 }
	
/*/////////////////////////////////TEXT STYLES//////////////////////////*/

.border{ 
   border:3px solid #FFF;
   margin:5px;
}

	
p{font-family: 'Raleway', sans-serif; font-size: 16px; line-height: 18px; padding: 5px; color:#FFFFFF;}
.note{font-family: 'Raleway', sans-serif; font-size: 14px; line-height: 16px; padding: 12px; color:#CCC; font-style:italic;}

.highlight{font-family: 'Raleway', sans-serif; font-size: 18px; color:#0ed1ed; font-weight:700;}

.capt{font-family: 'Raleway', sans-serif;
font-size: 10px;
line-height: 11px;
text-align:center;
padding: 2px;
color:#FFFFFF;}

.horse{
text-align:left;
font-family: 'Raleway', sans-serif;
font-size: 12px;
line-height: 16px;
padding: 5px;
color:#6CF;
margin: 5 0 5 20px;}

.horse a:link{color:#FFFFFF; text-decoration:underline; font-size:14px; font-weight:bold;}
.horse a:visited{color:#FFFFFF; text-decoration:underline; font-size:14px;}
.horse a:hover{color:#FFFFFF; text-decoration:underline; font-size:14px;}
.horse a:active{color:#FFFFFF; text-decoration:underline; font-size:14px;}
	
.greybox { background-color:#666; margin: 0px 7px 10px 7px; padding:2px;}


/*/////////////////////////////////LINK STYLES//////////////////////////*/	
a {color: #FFFFFF;}
a:link {text-decoration: underline; color:#FFFFFF;}
a:visited {text-decoration: underline; color:#FFFFFF;}
a:hover {text-decoration: none; color: #FFFFFF;}
a:active {text-decoration: underline; color:#FFFFFF;}
	
/*/////////////////////////////////Heading STYLES//////////////////////////*/	
	h1{font-family: 'Niconne', cursive; font-weight:normal; font-size:24px;
color:#009cb2;	line-height: 18px; margin: 10 0 0 10px;}
	
	h2{ font-family: 'Raleway', sans-serif;	font-size: 18px;
	font-weight: 400;
	color:#FFF;
	background-color:#009cb2;
	line-height: 16px;	padding:8px; margin: 0 7px; }
	
	h3{
font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 16px;
	font-weight: bold;
	color:#6CF;
	line-height: 16px;
	margin: 20 0 0 10px;
	}
	
	h4{font-family: 'Niconne', cursive; font-weight:normal; font-size:2em;
color:#FFF;	margin: 5px; background-color:#000; padding:13px;}
	
	
/*//////////////DIV STYLES///////////////////////*/


#banner{ width:975px; height:400px;
	margin-bottom:4px;
	background-image:url(/assets/Whitby-Farms.jpg);}

#thumb{
	vertical-align: top;
	text-align:center;
	}

#horse{
	vertical-align: text-top;
	padding-left: 10px;	
	margin-top:0px;
	}

#name{
	vertical-align: top;
font-family: 'Raleway', sans-serif;
	color:#33CCFF;
	font-weight:700;
	font-size:14px;
	text-decoration:underline;
	margin-top:0px;
	padding-left: 5px;
	text-align:left;
	}
#info{
	vertical-align: text-top;
	font-family:Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	padding-left: 5px;
	text-align:left;
	}	


.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; }
	
		#horse-thumb{
    margin: 0px;
	padding: 10px;
	width:400px;
	height:120px;
	background-color:#666666;
	border:none;
	text-decoration:none;
	}
	
	.horsethumb{
	padding: 0px 15px 10px 2px;
	margin-right: 10px;
	margin-left: 0px;
	text-align:left;
	border:none;
	}
	
	
#DarkTable {
	width:935px;
	margin:10 0 0 20px;
	padding: 20px;
	background-color:#242424;}

#MedTable {
	width:935px;
	margin:10 0 0 20px;
	padding: 20px;
	background-color:#555;}

.leftcol{padding:5px; display:table-cell; text-align:center;}
.rightcol{padding:5px; display:table-cell; text-align:center;}


#social {
	width:1110px;
	top: 100px;
	left:50px;
	position:absolute;
}
	
	#buttons{
		position:relative;
		padding-left:20px;
	width: 900px;
	height: 55px; }	
	
	
.footnav{text-align:left; color: #06b0c9; padding:8px; line-height: 28px; text-decoration: none; font-family:'Raleway', sans-serif; font-size:14px; font-weight:bold;}
.footnav a:link{color: #06b0c9; text-decoration: none;}
.footnav a:visited{ color: #06b0c9; text-decoration: none;}
.footnav a:hover{ color: #FFF; text-decoration: none; background-color:#383838;}
	

.Btn{color: #ffffff; font-family: 'Niconne', cursive; font-size:18px; padding:20px; line-height:20px; margin:30 0 20 0px; text-decoration:none; font-weight:normal;}	
.Btn a:link{color: #ffffff; text-decoration:none;  background-color:#009cb2;  height: 20px;  width: 200px;}
.Btn a:visited{color: #ffffff; text-decoration:none;  background-color:#009cb2;}
.Btn a:hover{color: #ffffff; text-decoration:none; background-color:#00505c;}
.Btn a:active{color: #ffffff; text-decoration:none; background-color:#00505c;}
  .Btn a:link:after {
    content: "\25BA";
    font-size: 70%;
    display: inline-block;
    padding-right: 3px;
	padding-left:5px;
    pointer-events: none;
}




.BackBtn{color: #ffffff; font-family: 'Niconne', cursive; font-size:18px; padding:20px; line-height:20px; margin:30 0 20 0px; text-decoration:none; font-weight:normal;}	
.BackBtn a:link{color: #ffffff; text-decoration:none;  background-color:#003b44;  height: 20px;  width: 200px;}
.BackBtn a:visited{color: #ffffff; text-decoration:none;  background-color:#003b44;}
.BackBtn a:hover{color: #ffffff; text-decoration:none; background-color:#00beda;}
.BackBtn a:active{color: #ffffff; text-decoration:none; background-color:#00beda;}
.Btn a:link:after {
    content: "\25BA";
    font-size: 70%;
    display: inline-block;
    padding-right: 3px;
	padding-left:5px;
    pointer-events: none;
}
  
  .BackBtn a:link:before {
    content: "\25c4";
    font-size: 70%;
    display: inline-block;
    padding-right: 3px;
	padding-left:5px;
    pointer-events: none;
}


.Btn2{color: #000; font-family: 'Raleway', sans-serif; font-size:18px; padding:20px; line-height:20px; margin:30 0 20 0px; text-decoration:none; font-weight:700;}	
.Btn2 a:link{color: #000; text-decoration:none;  background-color:#aedfe6;  height: 20px;  width: 200px;}
.Btn2 a:visited{color: #000; text-decoration:none;  background-color:#aedfe6;}
.Btn2 a:hover{color: #ffffff; text-decoration:none; background-color:#000;}
.Btn2 a:active{color: #ffffff; text-decoration:none; background-color:#000;}
.Btn2 a:link:after {
    content: "\25BA";
    font-size: 70%;
    display: inline-block;
    padding-right: 3px;
	padding-left:5px;
    pointer-events: none;
}