@import url("//hello.myfonts.net/count/2cf531"); 
@import url('//fonts.googleapis.com/css?family=Open+Sans|Slackey');
@base-font-family	: "Open Sans", "Arial", sans-serif;

@font-face {font-family: 'AbadiMT-CondensedExtraBold';src: url('webfonts/2CF531_0_0.eot');src: url('webfonts/2CF531_0_0.eot?#iefix') format('embedded-opentype'),url('webfonts/2CF531_0_0.woff2') format('woff2'),url('webfonts/2CF531_0_0.woff') format('woff'),url('webfonts/2CF531_0_0.ttf') format('truetype');}


html,body,li,ul,a,h1,h2,h3,h4,h5,h6,img,div,form,input{
margin: 0px;
padding: 0px;
}
 
#frontpage
{
	padding-top: 0px;
	position: relative;
	width: 100%;
	display: block;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}

#frontpage img
{
	max-width: 1080px;
	width: 100%;
}

#quintus_container{
	clear: both;
	padding: 0px;
	margin: 0px !important; 
	overflow: hidden;
	max-width: 100%;
}

.header
{
		position:relative;
		padding: 0px;
		display: block;
		margin: 0px;
		clear: both;
		height: 100px;
		width: 100%;
		max-width: 100%;
		background-color: green;
}

/*
#newyearimage
{
	z-index: 1000;
	margin-top: 90px;
	position: relative;
	left: -50%;
	width: 527px;
	display: none;
	max-width: 100%;
	margin-left: auto;
	margin-right: auto;
}

#newyearholder
{
	position: absolute;
	left: 50%;
	display: none;
}

#newyear
{
	z-index: 1000;
	margin-top: 90px;
	position: relative;
	left: -50%;
	width: 527px;
	max-width: 100%;
	margin-left: auto;
	margin-right: auto;

}
*/

#introimage
{
	display: none;
}


#newyearholder
{
	position: absolute;
	left: 0px;
	top: 0px;
	display: none;
	width: 100%;
	height: 100%;
	background-color: #fff;
	z-index: 2000;
	text-align:center;
}

#newyearimage
{
	z-index: 3000;
	position: relative;
	height:720px;
	max-height: 100%;
	display: none;
	margin-left: auto;
	margin-right: auto;
	cursor: pointer;
}

#closebutton
{
	position: absolute;
	right: 15px;
	top: 15px;
	font-size: 1px;
	width: 44px;
	height: 44px;
	line-height: 1px;
	background: url(images/close-off.png) no-repeat top left;
	z-index: 10000;
}

#closebutton:hover
{
	background: url(images/close-on.png) no-repeat top left;
}

#musiccontrol
{
	position: absolute;
	right: 15px;
	top: 15px;
	font-size: 1px;
	width: 44px;
	height: 44px;
	line-height: 1px;
	background: url(images/sound-on.png) no-repeat top left;
	z-index: 1000;
	cursor: pointer;
	-khtml-opacity: .80; 
	-moz-opacity: .80; 
	-ms-filter:"alpha(opacity=80)";
	filter:alpha(opacity=80);
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0.8);
	opacity: .80; 
}

.offsound
{
	background: url(images/sound-off.png) no-repeat top left;
}


#endmessageholder
{
	z-index: 5000;
	position: absolute;
	left: 50%;
	height: 100%;
	min-height: 100%;
}

#endmessage
{
	z-index: 5000;
	position: relative;
	left: -50%;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	padding-right: 223px;
	font-family: 'AbadiMT-CondensedExtraBold';
	cursor: pointer;
	height: 100px;
	color: #000000;
	font-size: 36px;
	width: 600px;
	top: 84%;
	
}

#endmessage:hover
{
	
}

#arrowimage
{
	position:relative;
	display:block;
	left: 20px;
	width: 70px;
	height: 100px;
	background-color: green;
	float:left;
	background: url(images/arrow-play.png) no-repeat 0px 0px;
}

#endmessage:hover #arrowimage
{
	background: url(images/arrow-play.png) no-repeat 0px -100px;
}

.goodmsg, .badmsg{
	padding-top: 20px;
	position:relative;
	float:left;
}


#prevholder
{
	position: absolute;
	left: 50%;
	display: none;
}

#previouscards{
/*position:absolute;top:0px; */
	z-index: 1000;
	position: relative;
	left: -50%;
	width: 500px;
	max-width: 100%;
	margin-left: auto;
	margin-right: auto;
	margin-top: 10px;
	padding: 0px 10px 0px 10px;
	height: 60px;
	text-align:center;
	border: 1px solid #808080;
    border-radius: 10px;
	background-color: #808080;
	line-height: 60px;
}


#previouscards a{
	font-size: 16px;
	text-decoration: none;
	font-family: 'Slackey', cursive;
	color: #f3af61;
}