@charset "utf-8";

a:link { color: #F7931E; text-decoration: none;}
a:visited { color: #F7931E; text-decoration: none}
a:hover { color: #FFFFFF; text-decoration: none; font-weight: bold }
a:active {	color: #F7931E; text-decoration: none;}

body{
	margin: 0px;
	padding:0px;
}

#wrapper {
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	float: none;
}
#irtop {
	background-color: #333;
	height: 130px;
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	background-image: url(../images/irlogo.png);
	background-repeat: no-repeat;
	background-position: 50px 25px;
	
}
.menuclass {
	font-family: "Estrangelo Edessa";
	font-size: 14pt;
	color: #F7931E;
	font-weight: normal;
	background-color: #333;
}
#menu {
	background-color: #333;
	height: 30px;
	width: 500px;
	float: right;
	margin-top: 90px;
}


.menuclass:hover {
	background-color: #f7931e;
}

#horse {
	width: 100%;
	height: auto;
	background-image: url(../images/horse_bot.jpg);
	background-size: 100%;
	background-repeat: no-repeat;
	background-position: center;
	margin-right: auto;
	margin-left: auto;
}
#bottom {
	height: 10%;
	width: 100%;
	font-family: "Book Antiqua";
	font-size: 14px;
	color: #999;
	background-color: #333;
	line-height: 25px;
	padding-left: 10px;
}
#bot2 {
	float: right;
	height: 25px;
	width: 300px;
	margin-top: 5px;
}



.horse {
	width: 100%;
	-webkit-animation-duration: 15s; 
    animation-duration: 15s; 
    -webkit-animation-fill-mode: both; 
    animation-fill-mode: both; 
    -webkit-animation-timing-function: ease-in-out; 
    animation-timing-function: ease-in-out; 
    animation-iteration-count:infinite; 
    -webkit-animation-iteration-count:infinite; 
} 

@-webkit-keyframes fade { 
    0%, 50%, 100% {opacity: 1;} 
    25%, 75% {opacity: 0;} 
} 
@keyframes fade { 
    0%, 50%, 100% {opacity: 1;} 
    25%, 75% {opacity: 0;} 
} 
.fade { 
	-webkit-animation-name: fade; 
    animation-name: fade; 
}