@charset "UTF-8";
/* CSS Document */

html,body{width:100%;height:100%;padding:0;margin:0;}

body{
	background-image: url(../Images/bg.jpg);
	background-repeat: repeat;
	background-position: left top;
}

/** PROGRESS BAR **/
.progressbarwrap{
	width: 100%;
	height: 20px;
	position: absolute;
	top: 0;
	left: 0;
	background-image: url(../Images/barwrap.png);
	background-repeat: repeat;
	border-bottom: 1px solid #909090;
}

.progressbar{
	position: relative;
	height: 20px;
	float: left;
	width: 0px;
	overflow: hidden;
	border-radius: 0px 4px 4px 0px;
	background-image: url(../Images/bar.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	background-size: 100% 100%;
}

.progress_info{
	display:none;
	float:right;
	padding:2px 10px;
	color:#333;
	font-size:10pt;
	font-family: 'Courgette', cursive;
	-moz-text-shadow: 0px 1px white;
	-ms-text-shadow: 0px 1px white;
	-o-text-shadow: 0px 1px white;
	-webkit-text-shadow: 0px 1px white;
	text-shadow: 0px 1px white;
}

/** HEADER **/
.header{
	position:relative;
	width: 100%;
	float:left;
	height: 390px;
	background-image: url(../Images/header_bg.png);
	background-repeat: no-repeat;
	background-position: center top;
	z-index:2000;
}

/** LOGO SECTION **/
.logo{
	position:absolute;
	width:92px;
	height:115px;
	top:80px;
	left:50%;
	margin-left:-46px;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
  -moz-opacity: 1;
  -khtml-opacity: 1;
  opacity: 1;
}

.logo img{
	border:none;
}

.logo:hover{
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  filter: alpha(opacity=50);
  -moz-opacity: 0.5;
  -khtml-opacity: 0.5;
  opacity: 0.5;
}

/** MIDDLE SECTION **/
.twitterwrap{
	position:absolute;
	top:340px;
	left:50%;
	margin-left:-455px;
	width:100px;
	height:100px;
	background-color:#666;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
	filter: alpha(opacity=30);
	-moz-opacity: 0.3;
	-khtml-opacity: 0.3;
	opacity: 0.3;
	border:1px solid black;
	-moz-border-radius:12px;
	-ms-border-radius:12px;
	-o-border-radius:12px;
	-webkit-border-radius:12px;
	border-radius:12px;
}

.twitternormal, .twitterhide, .twitterfrommail{
	position: absolute;
	top: 350px;
	left: 50%;
	margin-left: -445px;
	width: 80px;
	height: 80px;
	background-color: white;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	-khtml-opacity: 1;
	opacity: 1;
	border: 1px solid #909090;
	-moz-border-radius: 8px;
	-ms-border-radius: 8px;
	-o-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
	background-image: url(../Images/little_button_bg.png);
	background-repeat: repeat-x;
	background-position: left top;
	overflow:hidden;
}

.twitternormal img, .twitterhide img, .twitterfrommail img{
	border:0px;
	width:60%;
	margin:23px 0px 0px 13px;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	-khtml-opacity: 1;
	opacity: 1;
}

.twitternormal img:hover, .twitterhide img:hover, .twitterfrommail img:hover{
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	filter: alpha(opacity=50);
	-moz-opacity: 0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;
}

.twitterhide, .twitterfrommail{
	display:none;
}

.mailwrap{
	position:absolute;
	top:340px;
	right:50%;
	margin-right:-460px;
	width:100px;
	height:100px;
	background-color:#666;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
	filter: alpha(opacity=30);
	-moz-opacity: 0.3;
	-khtml-opacity: 0.3;
	opacity: 0.3;
	border:1px solid black;
	-moz-border-radius:12px;
	-ms-border-radius:12px;
	-o-border-radius:12px;
	-webkit-border-radius:12px;
	border-radius:12px;
}

.mailnormal, .mailhide, .mailfromtwitter{
	position: absolute;
	top: 350px;
	right: 50%;
	margin-right: -450px;
	width: 80px;
	height: 80px;
	background-color: white;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	-khtml-opacity: 1;
	opacity: 1;
	border: 1px solid #909090;
	-moz-border-radius: 8px;
	-ms-border-radius: 8px;
	-o-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
	background-image: url(../Images/little_button_bg.png);
	background-repeat: repeat-x;
	background-position: left top;
	overflow:hidden;
}

.mailnormal img, .mailhide img, .mailfromtwitter img{
	width:55%;
	border:0px;
	margin:26px 0px 0px 18px;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	-khtml-opacity: 1;
	opacity: 1;
}

.mailnormal img:hover, .mailhide img:hover, .mailfromtwitter img:hover{
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	filter: alpha(opacity=50);
	-moz-opacity: 0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;
}

.mailhide, .mailfromtwitter{display:none;}

.counterwrap{
	position:absolute;
	top:282px;
	left:50%;
	margin-left:-315px;
	width:628px;
	height:208px;
	background-color:#666;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
	filter: alpha(opacity=30);
	-moz-opacity: 0.3;
	-khtml-opacity: 0.3;
	opacity: 0.3;
	border:1px solid black;
	-moz-border-radius:12px;
	-ms-border-radius:12px;
	-o-border-radius:12px;
	-webkit-border-radius:12px;
	border-radius:12px;
}

.counter{
	position: absolute;
	top: 297px;
	left: 50%;
	margin-left: -299px;
	width: 598px;
	height: 178px;
	background-color: white;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	-khtml-opacity: 1;
	opacity: 1;
	border: 1px solid #909090;
	-moz-border-radius: 8px;
	-ms-border-radius: 8px;
	-o-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
	background-image: url(../Images/counter_bg.png);
	background-repeat: repeat-x;
	background-position: left top;
	overflow:hidden;
}

.clockwrap{
	width: 100px;
	float: left;
	height: 178px;
	background-image: url(../Images/clockbg.jpg);
	background-repeat: repeat-x;
	background-position: left top;
	border-right:1px solid #8b8b8b;
	border-radius:5px 0px 0px 5px;
}

.clockimage{
	width: 100px;
	float: left;
	height: 178px;
	background-image: url(../Images/clock.png);
	background-repeat: no-repeat;
	background-position: center center;
}

/** COUNTER SECTION **/
.countwrap{
	width: 466px;
	padding-left:20px;
	float: left;
	height: 178px;
	border-left:1px solid #EDEDED;
}

.countertext{
	margin-top:50px;
	margin-bottom:10px;
	width:100%;
	float:left;
}

.numbers{
	width:106px;
	float:left;
	margin-right:10px;
	color:#6d6d6d;
	-moz-text-shadow:0px 1px white;
	-ms-text-shadow:0px 1px white;
	-o-text-shadow:0px 1px white;
	-webkit-text-shadow:0px 1px white;
	text-shadow:0px 1px white;
	text-align:center;
}

.datetext{
	width:100%;
	float:left;
	font-family: 'Droid Serif', serif;
	font-size:10pt;
}

#days, #hours, #minutes, #seconds{
	margin-top:-5px;
	width:100%;
	float:left;
	font-family: 'Open Sans', sans-serif;
	font-size:38pt;
}

.construction_text{
	width:100%;
	float:left;
	font-family: 'Droid Serif', serif;
	color:#6d6d6d;
	-moz-text-shadow:0px 1px white;
	-ms-text-shadow:0px 1px white;
	-o-text-shadow:0px 1px white;
	-webkit-text-shadow:0px 1px white;
	text-shadow:0px 1px white;
	text-align:center;
	font-size:11pt;
}

/** MAIN SECTION WHICH IS HIDDEN **/
.mainwrap{
	display: none;
	padding-top: 120px;
	width: 100%;
	float: left;
	background-color: #b7b7b7;
	overflow: hidden;
	border-bottom: 1px solid white;
	border-top: 1px solid white;
	background-image: url(../Images/mainwrapbg.jpg);
	background-repeat: repeat;
	background-position: left top;
}

.twittermainsection, .mailmainsection{
	display:none;
	width:1000px;
	float:none;
	margin:0px auto 0px auto;
}

/** EMAIL SUBSCRIPTION SECTION **/
fieldset{
	border:0px;
}

.subscriptionform{
	height:19px;
	width:300px;
	padding:5px 4px 9px 4px;
	border:1px solid black;
	background-image: url(../Images/darkbg.jpg);
	background-repeat: repeat;
	color:white;
	font-size:10pt;
	font-family: 'Droid Serif', serif;
	border-radius:3px;
	margin-right:5px;
}
.submitbutton{
	margin-top:2px;
	height:36px;
	padding:5px 8px 8px 8px;
	background-image: url(../Images/little_button_bg.png);
	background-repeat: repeat-x;
	background-position: left top;
	color:#3333333;
	font-size:10pt;
	border:1px solid black;
	border-radius:3px;
	cursor:pointer;
	font-family: 'Droid Serif', serif;
	-moz-text-shadow: 0px 1px white;
	-ms-text-shadow: 0px 1px white;
	-o-text-shadow: 0px 1px white;
	-webkit-text-shadow: 0px 1px white;
	text-shadow: 0px 1px white;
}

.submitbutton:hover{
	margin-top:2px;
	height:36px;
	padding:5px 8px 8px 8px;
	background-image: none;
	background-color:white;
	color:#3333333;
	font-size:10pt;
	border:1px solid black;
	border-radius:3px;
	cursor:pointer;
}

.contactform, .contacttitle{
	width: 900px;
	float: none;
	margin: 0px auto 20px auto !important;
	text-align:center;
	font-family: 'Droid Serif', serif;
	color:white;
	-moz-text-shadow: 0px 1px black;
	-ms-text-shadow: 0px 1px black;
	-o-text-shadow: 0px 1px black;
	-webkit-text-shadow: 0px 1px black;
	text-shadow: 0px 1px black;
	font-size:10pt;
}

.contacttitle h2{
	color:white;
	font-size:22pt;
	margin:0px;
	padding:0px;
	font-family: 'Courgette', cursive;
}

/** SOCIAL BUTTONS **/
.socialbuttons{width:100%; text-align:center; padding:10px 0px 20px 0px;}

.socialbuttons img{
	border:0px;
	margin:0px 8px;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	-khtml-opacity: 1;
	opacity: 1;
}

.socialbuttons img:hover{
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
	filter: alpha(opacity=80);
	-moz-opacity: 0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;
}

/** TWITTER SECTION **/
.twitterbody{
	width: 900px;
	float: none;
	height: 50px;
	text-align: center;
	border: 5px solid #373637;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	margin: 0px auto 20px auto !important;
	background-image: url(../Images/darkbg.jpg);
	background-repeat: repeat;
}

.tweet,
.query {
	font-family: 'Droid Serif', serif;
	color: #D3D3D3;
}

.tweet_list {
	border-radius: 0.5em;
	list-style: none;
	margin: 0;
	padding: 0;
	overflow-y: hidden;
}
	
.tweet_list .awesome,
.tweet_list .epic {
	text-transform: uppercase;
}

.tweet_list li {
	text-align:center;
	overflow-y: auto;
	overflow-x: hidden;
	padding: 0.3em;
	list-style-type: none;
	border:0px !important;
	font-family: 'Droid Serif', serif;
	font-weight:normal;
	text-decoration:none;
	font-size:10pt;
	color:#E1E1E1;
}

.tweet_list li:first-child{
	overflow-y: auto;
	overflow-x: hidden;
	padding: 0.3em;
	list-style-type: none;
	list-style-type: none;
	border:0px !important;
}

.tweet_list li:last-child{
	overflow-y: auto;
	overflow-x: hidden;
	list-style-type: none;
	border-top:0px;
	border-bottom:0px;
	padding-top:17px;
}
		
.tweet_list li a {
	color: #018ADC;
	text-decoration:none;
}

.tweet_list li a:hover {
	color: #38b2fe;
	text-decoration:underline;
}

.tweet_list .tweet_avatar {
	padding-right: .3em; float: left;
}

.tweet_list .tweet_avatar img {
	vertical-align: middle;
}


/** FOOTER SECTION **/
.footer{
	width: 100%;
	float:left;
	min-height: 350px;
	background-image: url(../Images/footer_bg.png);
	background-repeat: no-repeat;
	background-position: center top;
}

.footeralt{
	display:none;
	width: 100%;
	float:left;
	min-height: 20px;
}

/** ERROR DIVS **/
.errorcontainer{position:absolute; top:630px; left:50%; width:400px; margin-left:-200px; color:red; -moz-text-shadow: 0px 1px white; -ms-text-shadow: 0px 1px white; -o-text-shadow: 0px 1px white; -text-shadow: 0px 1px white; text-shadow: 0px 1px white;z-index:2001;text-align:center;font-family: 'Courgette', cursive;font-size:12pt;}

.successcontainer{position:absolute; top:630px; left:50%; width:400px; margin-left:-200px; color:green; -moz-text-shadow: 0px 1px white; -ms-text-shadow: 0px 1px white; -o-text-shadow: 0px 1px white; -text-shadow: 0px 1px white; text-shadow: 0px 1px white;z-index:2001;text-align:center;font-family: 'Courgette', cursive;font-size:12pt;}

/*** TRAMSITIONS  ***/
.logo, .twitternormal img, .twitterhide img, .twitterfrommail img, .mailnormal img, .mailhide img, .mailfromtwitter img, .socialbuttons img{
-moz-transition: height 1s ease-out, opacity .5s ease;
-webkit-transition: height 1s ease-out, opacity .5s ease;
-o-transition: height 1s ease-out, opacity .5s ease;
transition: height 1s ease-out, opacity .5s ease;
}