body {
	font-family: 'Oswald', Helvetica, Arial, sans-serif;
	font-weight:300;
	font-size:3em;
	line-height:1em;
	text-transform:uppercase;
	background-color:#275b6d;
	color:#fff;
	height:100%;
}
#content {
	display:block;
	width: 90%;
	height:74% !important;
	font-size:100%;
	margin:6% auto 0% auto;
	text-align:center;
}
#content ul {
	list-style-type:none;
	display:block;
	width:100%;
	margin:20px auto;
	padding:0px;
}
#content ul li {
	display:block;
	width:50%;
	margin:0px auto;
	border-radius:27px;
}
#content ul li a {
	text-decoration:none;
	color:#fff;
	display:block;
	margin:0px auto;
	width: 100%;
	padding:6px;
	text-shadow: 0px 0px 8px #000;
	position:relative;
	outline:none;
	border-radius:27px;
}
#content ul li:hover {
	background-color: #fff;
     -webkit-transition: background-color 300ms linear;
     -moz-transition: background-color 300ms linear;
     -o-transition: background-color 300ms linear;
     -ms-transition: background-color 300ms linear;
     transition: background-color 300ms linear;
	/*background-image:url(../images/ani-bg1.gif);
	background-repeat:repeat;*/
}
#content ul li:hover a {
		
}
#content ul li a span.tip {
	background-image:url(../images/trans-white-85.png) !important;
	 display:none; /*--Hides by default--*/
	padding:10px;
	width: 220px;
	font-size:18px !important;
	z-index:10000;
	position:absolute;
	-webkit-border-radius: 12px;
	-webkit-border-top-left-radius: 0;
	-moz-border-radius: 12px;
	-moz-border-radius-topleft: 0;
	border-radius: 12px;
	border-top-left-radius: 0;
	box-shadow:0px 20px 9px #033;
	font-weight:100;
	color:#C30;
	text-transform:none;
	text-shadow:1px 1px 0px #fff;
}
div.hovcont {
	height:500px;
	background-image:url(../images/trans-white-85.png) !important;
	display:block;
	width:100%;
	margin:0px auto;
	display:none;
	position:relative;
	left:0px;
}
footer {
	width:100%;
	color:#000;
	background-color:#000;
	display:block;
	max-height: 17% !important;
	margin:0px auto;
	position:fixed;
	bottom:0px;
}
#preload {
	width: 160px;
	height:160px;
	padding:0px 4px 4px 0px;
	border: dotted 1px grey;
	display:none;
}
#preload span.loadframe {
	width:76px;
	height:76px;
	background:#FFF;
	display:block;
	float:left;
	margin:4px 0px 0px 4px;

}

@media screen and (max-width: 768px) {
	#content {
		font-size:60%;	
	}
}
@media screen and (max-width: 550px) {
	#content {
		font-size:50%;	
	}

}
@media screen and (max-width: 320px) {
	#content {
		font-size:33%;	
	}
}