@import  url("css/supersized.core.css");
@import url("css/jquery.countdown.css");

/*CSS3 webfont*/

@font-face {
    font-family: 'FanwoodRegular';
    src: url('fonts/fanwood-webfont-webfont.eot');
    src: url('fonts/fanwood-webfont-webfont.eot@#iefix') format('embedded-opentype'),
         url('fonts/fanwood-webfont-webfont.woff') format('woff'),
         url('fonts/fanwood-webfont-webfont.ttf') format('truetype'),
         url('fonts/fanwood-webfont-webfont.svg#FanwoodRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

/*------General styles - for the paragraphs, fonts and others-------*/
*{ margin:0; padding:0; }
body { background:#111; height:100%; }
	img { border:none; }
.clear {clear:both;}
#content {
	width:370px;
	height:610px;
	padding:0px 118px 0px 123px;
	position:fixed;
	top:50%; left:50%;
	margin-top:-305px;
	margin-left:-305px;
}
#content img.ornament {margin:76px 85px 35px 85px;}
#content img.divider-top {
	position: absolute;
	top:244px;
	left:123px;
	z-index: 99;
}
#content h3.mini-mess {
	font-family: FanwoodRegular;
	font-size: 12px;
	text-transform: uppercase;
	color: #fff;
	text-align: center;
	margin:22px 0px 18px 0px;
}
#content p {
	font-family:"Times New Roman", times, serif;
	font-size: 14px;
	line-height: 17px;
	color:#fff;
}

/*-------COUNTDOWN-------*/
#countdown {
	width: 370px;  
	display: inline;
	float: left;
	margin-top:8px;
}

.numbers {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 52px;
	color:#fff;
	padding-right: 0px;
	padding-bottom: 10px;
	width: 370px;  
	height: 70px;	
	margin-left: auto;
	margin-right: auto;
}
			
.timer_numbers {
	float: left;   
	height: 70px; 
	width: 57px; 
	display: inline;
	position: relative;
	margin-top: 0px;
	margin-left: 28px;
	margin-right: auto;
	
}
 .labels {
	font-family: FanwoodRegular;
	font-size: 11px;
	color: #fff;
	text-transform: uppercase;
	display: block;
	width: 60px;
	height: 11px;
	text-align:center;	
	padding-left:5px;
	margin-top: 0px;
}

.timer_labels {
	height: 10px;
	text-align:center;	
	padding-right:1px;
	display: inline;
	position:relative;
	font-size: 11px;
	color: #fff;
	text-transform: uppercase;
	width: 80px;
	padding-left:0px;
	text-align:center;
	margin-right:5px;
	margin-left:1px;
} 

#timer_days_label {padding-left: 30px;}
#timer_hours_label {padding-left:58px;}
#timer_mins_label {padding-left:31px;}
#timer_seconds_label {padding-left:29px;}

#timer_days {margin-left:18px;padding-right: 15px;}

/*------------SUBSCRIBE--------------*/
form.subscribe {
	margin:33px 0px;
}
form.subscribe input.email {
	background:rgba(16,16,16,0.5);
	/*The line below is for Mr Ie*/
	filter: alpha(opacity=80);
	height:16px;
	padding:7px 8px;
	width:248px;
    -webkit-border-radius:8px;
    -moz-border-radius:8px;
    border-radius: 8px;
    border:1px solid #101010;
    -webkit-box-shadow:inset 0px 1px 2px #191919;
    -moz-box-shadow:inset 0px 1px 2px #191919;
    box-shadow:inset 0px 1px 2px #191919;
    font-family:"Times New Roman", Times, serif;
    font-size:16px;
    color:#ccc;
}
form.subscribe input.email:focus {
	outline:none;
}
form.subscribe input.submit {
	background:rgba(16,16,16,0.8);
	/*The line below is for Mr Ie*/
	filter: alpha(opacity=90);
	width:90px;
	height:32px;
	margin-left:10px;
	-webkit-border-radius:8px;
    -moz-border-radius:8px;
    border-radius: 8px;
    font-family:"Times New Roman",Times, serif;
    font-size: 13px;
    text-transform: uppercase;
    color:#fff;
    border:none;
    outline: none;
}
form.subscribe input.submit:hover {
	background:rgba(16,16,16,0.6);
	/*The line below is for Mr Ie*/
	filter: alpha(opacity=70);
}
/*Form validation*/
#content p.good, #content p.bad, #content p.error {
	position:absolute;
}
#content p.bad {
	color:#ff3333;
	margin-left:2px;
}
#content p.error {
	color:#D8000C;
	font-weight:bold;
	margin-left:2px;
}
/*----------SOCIAL MEDIA PART-----------*/
#social {
	width:166px;
	height:20px;
	margin:-6px auto 0px auto;
}
#social li {
	list-style: none;
	float:left;
	margin-left:15px;
}
#social li.first {margin-left:0;}
img.bottom-divider {
	position: absolute;
	top:504px;
	left:122px;
}