header {
		z-index: 10;
		position:relative;
		width:100%;
}
header h1 {
	font-size: 40px;
	text-transform:uppercase;
	color: white;
    text-shadow: 2px 2px 4px blue;
}
header a {
	text-decoration:none
}
header h3 {
	line-height: 44px;
}
hr {
	height:1px;
	border-width:0;
	color:white;
	background-color:white
}
.w3-margin-doubletop {
    margin-top: 40px!important
}
.mytopmen {
	margin:15px 15px 0px 15px;
	border:1px solid #036;
	max-width:250px
}
.mencardtext {
	max-width:250px;
	background-color:#FFF
}
.mySlides {display:none;}
.mybluebg1 {
	background-color:#ADBDCD
}
.mybluebg2 {
	background-image:url(../images/mybluebg2.gif);
	background-repeat:repeat-x
}
.beachbg {
	background-image:url(../images/beach-background.jpg);
	background-repeat:no-repeat;
	background-size: 100% 600px;
}
.mypics {
	width:100%;
	max-width:100%;
	border:1px solid #CCC;
	padding:1px
}
.base ul {
	margin:60px 0px 20px 0px;
	padding:0px;
	list-style:none
}
.base li {
	margin:0px
	
}
.basebg {
	background-image:url(../images/base-dot.gif);
	background-repeat:repeat-x;
	background-position:top;
	padding-top:30px
}
.mememe {
	text-align:center;
	padding: 20px 0px;
	margin:auto
}
.horsebg1 {
	background-image:url(../images/dartmoor-pony-bg.jpg);
	background-repeat:no-repeat;
	border-bottom: 1px solid #06C
}
.horsebg2 {
	background-image:url(../images/pony-bg-2.jpg);
	background-repeat:no-repeat;
	border-bottom: 1px solid #06C
}
.horsebg3 {
	background-image:url(../images/pony-bg-3.jpg);
	background-repeat:no-repeat;
	border-bottom: 1px solid #06C
}
.horsebg4 {
	background-image:url(../images/pony-bg-4.jpg);
	background-repeat:no-repeat;
	border-bottom: 1px solid #06C
}
.horsebg5 {
	background-image:url(../images/pony-bg-5.jpg);
	background-repeat:no-repeat;
	border-bottom: 1px solid #06C
}
.horsebg1b {
	background-image:url(../images/dartmoor-pony-bg.jpg);
	background-repeat:no-repeat;
	background-position:bottom;
	border-bottom: 1px solid #06C
}
.horsebg2b {
	background-image:url(../images/pony-bg-2.jpg);
	background-repeat:no-repeat;
	background-position:bottom;
	border-bottom: 1px solid #06C
}
.horsebg3b {
	background-image:url(../images/pony-bg-3.jpg);
	background-repeat:no-repeat;
	background-position:bottom;
	border-bottom: 1px solid #06C
}
.horsebg4b {
	background-image:url(../images/pony-bg-4.jpg);
	background-repeat:no-repeat;
	background-position:bottom;
	border-bottom: 1px solid #06C
}
.horsebg5b {
	background-image:url(../images/pony-bg-5.jpg);
	background-repeat:no-repeat;
	background-position:bottom;
	border-bottom: 1px solid #06C
}
.textShadow {
	text-shadow: 2px 2px #006600
}

	div.faceache {
	width:100%;
	padding: 10px 10px 0px 0px;
	text-align:right;
	}
	.fb-like {
		width: 100%;
		text-align:center;
		color:#FFF;
		margin:40px 0px 20px 0px;
	}
	
/* Googles map bit */
#gmap_canvas img {
	max-width: none!important;
	background: none!important
}

@keyframes animatedBackground {
	from { background-position: 0 0; }
	to { background-position: 100% 0; }
}
#animate-area	{ 
	z-index: 1;
	width: 1800px; 
	height: 80px; 
	position: absolute; top: 0px; left: 0px;
	background-image: url(../images/bg-clouds.jpg);
	background-position: 0px 0px;
	background-repeat: repeat-x;

	animation: animatedBackground 20s linear infinite;
}

/* responsive stuff */

/* just for mobiles */
@media (max-width: 480px) {
	#animate-area	{ 
	width: 100%; 
	height: 80px; 
	}
	header h1 {
		font-size: 20px;
		text-align:center
	}
	header h3 {
		line-height: 22px;
	}
	h1 {
		font-size: 24px;
	}
	.finnick {
		text-align:center
	}
	.base ul {
		margin:20px 0px 10px 0px
	}
	.base h2 {
		font-size:22px;
		font-weight:bold
	}
	.fb-like {
		margin:20px 0px 10px 0px
	}
}

/* just for ipads */
@media (max-width: 992px) and (min-width: 481px) {
	header h1 {
		font-size: 30px;
	}
	header h3 {
		line-height: 33px;
	}
}

/* just for desktops */

@media (min-width: 993px) {
	header h1 {
		font-size: 40px;
	}
	header h3 {
		line-height: 42px;
	}

}