/*-------------------------------------------------------------------
	B E F O R E
	0. CSS Reset and Clearfix
	1. Colors 
	2. General Styles(background, link style, fonts, structure)
	3. Twitter Feed
	4. Logo
	5. Countdown Timer
	6. Message
    7. Newsletter Form
--------------------------------------------------------------------*/

/*-----------------------------------------------
 0. C S S  R e s e t  a n d  C l e a r f i x
-----------------------------------------------*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 120%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}




/*Clearfix*/
	
	/* For modern browsers */
	.cf:before,
	.cf:after {
		content:"";
		display:table;
	}

	.cf:after {
		clear:both;
	}

	/* For IE 6/7 (trigger hasLayout) */
	.cf {
		zoom:1;
	}

	.clear{
		clear:both;
	}


/*-------------------------------------------------------------	
	1. C O L O R S
-------------------------------------------------------------*/	

	
	
/*-------------------------------------------------------------	
	2. G e n e r a l  S t y l e s (background, link style, fonts, structure)
-------------------------------------------------------------*/
body{
	font-family:'Arial';
	background:#e1e2e4 url(./img/patterns/grid-pattern.png) repeat;
	}
a{
	text-decoration:none;
	}
.wrap{
	display:block;
	width:780px;
	margin:0 auto;
	background:url(./img/wrap-bg.png) repeat;
	border:solid 1px #e4e4e4;
	box-shadow:0 3px 3px #e4e4e4;
	-webkit-box-shadow:0 3px 3px #e4e4e4;
	}

	
/*--------------------------------------------------------------
	3. T w i t t e r  F e e d
--------------------------------------------------------------*/
.twitterfeed{
	min-height:35px;
	overflow:hidden;
	width:780px;
	margin:2px auto;
	background:url(./img/wrap-bg.png) repeat;
	border:solid 1px #e4e4e4;
	box-shadow:0 3px 3px #e4e4e4;
	-webkit-box-shadow:0 3px 3px #e4e4e4;
	}
	#twitter_div{
		margin:0 0 0 20px;
		}
	#twitter_update_list{
		margin:11px 0;
		}
    #twimg, #twitter_update_list{
		float:left;
		}
	#twimg{
		margin:9px 15px 0 0;
		}
	#twitter_update_list li{
		font-size:12px;
		color:#2e2e2e;
		font-weight:bold;
		font-style:italic;
		}
	#twitter_update_list li a{
		color:#0094C2;
		
		}
	#twitter_update_list li a:hover{
		color:#00ccff;
		}
/*-------------------------------------------------------------	
	4. L O G O
-------------------------------------------------------------*/	
.logo{
	display:block;
	width:190px;
	height:61px;
	background: url(./img/logo.png) no-repeat; 
	text-indent:-9999px;
	margin:0 auto;
	}
	
/*---------------------------------------------------------------
	5. C o u n t d o w n  T i m e r
-----------------------------------------------------------------*/
#countdown{
	width:640px;
	margin:40px auto;
	}
.countdown_rtl {
	direction: rtl;
}
.countdown_row {
	clear: both;
	width: 100%;
	padding: 0;
	text-align: center;
}
.countdown_section {
	display: block;
	width:140px;
	float: left;
	padding-top:20px;
	text-align: center;
	background:url(./img/count-bg.png) no-repeat center top;
	height:100px;
	margin:0 10px 0 10px;	
}
.countdown_amount {
	font-size:60px;
	 font-family: 'Arial';
	 font-weight:bold;
	 text-shadow:0 0 1px #d8d8d8;
}
.count_titles {
	margin-top:30px;
	display:block;
	font-family: 'Arial';
	font-size:11px;
	font-weight:bold;
	color:#6E6E6E;	
}

/*-------------------------------------------------------------
	6. M e s s a ge
-------------------------------------------------------------*/
.text{
	display:block;
	font-family: 'Georgia';
	font-size:25px;
	color:#011129;
	text-align:center;
	text-shadow: 0 3px 3px #a9a9a9;
	width:620px;
	margin:40px auto;
	}
	
/*-------------------------------------------------------------
	7. N e w s l e t t e r  F o r m
-------------------------------------------------------------*/	

#form-container{
	display:block;
	width:620px;
	height:70px;
	margin:40px auto;
	box-shadow:1px 1px 5px #979797;
	-webkit-box-shadow:1px 1px 5px #979797;
	border-radius:2px;
	position:relative;
	}
	#email{
		width:500px;
		height:50px;
		margin:10px 0 0 10px;
		padding:0 0 0 10px;
		border:none;
		font-size:19px;
		font-style:italic;
		text-align:center;
		box-shadow:inset 0 0 5px #979797;
		float:left;
		}
		#email:focus{
			-webkit-outline:none;
			background:#fff;
			}
	#submit{
		width:90px;
		height:50px;
		margin:10px 10px 0 0;
		border:none;
		background:#313131;
		color:#fff;
		font-weight:bold;
		float:left;
		box-shadow:0 1px 1px #000;
		
		}
		#submit:hover{
			
			cursor:pointer;
			}
		#submit:active{
			box-shadow:inset 0 0 6px #000;
			}
	.form_thanks {
	font-family: Arial;
	font-size: 14px; 	
	font-weight:bold;
	text-align: center;
	background:#71CB0A;
	color:#fff;
	margin:30px auto;
	width:620px;
	padding:15px;
	border-radius:4px;
	border:1px solid #589E09;
	opacity:0.8;
	
	}
	#contact label.error {
	color: red;									
    display: block;
    position:absolute;
    font-size: 12px;		
    white-space: nowrap;
	bottom:-18px;
	}