/*------------------------------------------------------
Flydroid - General styles.
August 2009.
by Javier Odriozola (javier@jodriozola.com)
------------------------------------------------------*/

/* slightly enhanced, universal clearfix hack */

.clearfix:after {
     visibility: hidden;
     display: block;
     font-size: 0;
     content: " ";
     clear: both;
     height: 0;
}
	 
.clearfix { display: inline-block; }
/* start commented backslash hack \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* close commented backslash hack */

html {
	background: white url(../images/page_background.jpg) repeat-x top;	
}

body {
	background:url(../images/main_background.jpg) no-repeat 50% top;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 62.5%;
	color: #474747;
	position: relative;
}

strong {
	font-weight: bold;
}

#wrapper {
	text-align: center;
	width: 902px;
	margin: 0 auto;
	position: relative;
}

.dotted_right {
	border-right: 1px dashed #e4e4e4;
}

.dotted_bottom {
	border-bottom: 1px dashed #e4e4e4;	
}

/* LINKS */

a,
a:link,
a:visited {
	color: #8aac1d;
	text-decoration: none;
}

a:hover {
	color: #89bad2;
	text-decoration: underline;	
}

/* HEADER
--------------------------------------------------------------------------------------*/

#header {
	margin: 0 auto;
	text-align: left;
	height: 88px;
	position: relative;
}

#header h1 {
	float: left;
	position: absolute;
	left: 42px;
	bottom: 13px;
}

#header h1 a {
	float: left;
	background: url(../images/fly_screen_logo.gif) no-repeat;
	width: 253px;
	height: 47px;
	text-indent: -5000em;
}

/* SPOTLIGHT
--------------------------------------------------------------------------------------*/

#spotlight {
	background: url(../images/spotlight_background.gif) repeat-x top;	
}

#spotlight img {
	position: relative;
	top: -10px;
}

/* SPOTLIGHT
--------------------------------------------------------------------------------------*/

#content {
	padding: 20px;
	width: 862px;
}

#landing_page #content  {
	position: absolute;
	top: 380px;
	left: 0;
}

/* GET YOUR INVITE */

#getInvite {
	width:934px;
	overflow:hidden;
	background:url(../images/main_background.jpg) no-repeat -20px -89px;
	position:absolute;
	top:-291px;
	left:-16px;
	z-index:10;
}

	#getInvite h2 {
		position:absolute;
		top:36px;
		left:271px;
		font-size:55px;
		font-weight:bold;
		color:#626262;
	}

/* FORM INVITE */

#formInvite {
	width:902px;
	height:377px;
	background:url(../images/spotlight2_image.jpg) no-repeat 0 0;
	margin:0 auto;
	position:relative;
	z-index:10;
}

	#formInvite legend span {
		position:absolute;
		top:123px;
		left:270px;
		font-size:18px;
		color:#656565;
	}

	#formInvite label {
		position:absolute;
		right:100em;
	}

	#formInvite fieldset input {
		border:0;
		background:transparent;
		position:absolute;
		font-size:15px;
		color:#b3b3b3;
	}

	#formInvite #FI-email {
		width:286px;
		top:166px;
		left:280px;
	}

	#formInvite #FI-code {
		width:122px;
		top:166px;
		left:606px;
	}

	#formInvite div.submit {
		position:absolute;
		top:215px;
		left:269px;
	}

/* INVITE SEND */

#getInvite div.text {
	width:434px;
	height:226px;
	padding:150px 195px 0 273px;
	background:url(../images/spotlight3_image.jpg) no-repeat 0 0;
	margin:0 auto;
	position:relative;
	z-index:10;
	font-size:15px;
	line-height:18px;
	color:#b3b3b3;
	text-align:left;
}

	#getInvite p.send img {
		background-color:#fff;
		margin:113px 0 0 256px;
	}

/* FEATURES */

#features {
	padding:0 40px;
	background:url(../images/gradient1.png) no-repeat 0 -24px;
	margin:0 -35px;
	position: relative;
	top: 42px;
}

#features .inner {
	position: relative;
	left: -5px;
}

#features .inner li {
	height: 182px;
	padding-top:31px;
	float: left;
	position: relative;
	text-align: left;
}

#features h2 {
	color: #89bad2;
	font-size: 1.7em;
	margin-bottom:7px;
	font-weight:bold;
}

#features p {
	margin-bottom: 5px;
	font-size: 1.1em;
	line-height:1.18;
	width: 130px;
}

#features img {
	position: absolute;
	bottom:19px;
}

#features p a {
	display: block;
	padding:7px 0 7px 31px;
	background: url(../images/bullet1.png) no-repeat 0 50%;
	margin-top: 10px;
	color:#474747;
	position: absolute;
	bottom: 20px;
}

#features #feature_1 {
	width:283px;
	border-right: 1px solid #e9e9e9;
	border-bottom: 1px solid #e9e9e9;
}

	#features #feature_1 img {
		right:16px;
	}

#features #feature_2 {
	width:276px;
	padding-left:21px;
	border-right: 1px solid #e9e9e9;
	border-bottom: 1px solid #e9e9e9;
}

	#features #feature_2 img {
		right:21px;
	}

	#features #feature_2 p {
		width:140px;
	}

#features #feature_3 {
	width:245px;
	padding-left:25px;
	border-bottom: 1px solid #e9e9e9;
}

	#features #feature_3 img {
		right:1px;
	}

#features #feature_4 {
	width:283px;
	border-right: 1px solid #e9e9e9;
}

	#features #feature_4 img {
		right:27px;
	}

#features #feature_5 {
	width:276px;
	padding-left:21px;
	border-right: 1px solid #e9e9e9;
}

	#features #feature_5 img {
		right:37px;
	}

	#features #feature_5 p {
		width:160px;
	}

#features #feature_6 {
	width:245px;
	padding-left:25px;
}

	#features #feature_6 img {
		right:11px;
	}

/* MENU MAIN */

/* menu */

#menuMain {
	position:absolute;
	top:45px;
	right:33px;
	z-index:30;
	font-size:1.2em;
	font-weight:bold;
	text-transform:lowercase;
}

	#menuMain li {
		float:left;
	}

		#menuMain li a,
		#menuMain li em {
			height:41px;
			padding:2px 9px 0;
			float:left;
			color:#346f8d;
		}

		#menuMain li em,
		#menuMain li a:focus,
		#menuMain li a:hover {
			background-color:#d4ecf7;
			text-decoration:none;
			font-style:normal;
		}


/* FOOTER
--------------------------------------------------------------------------------------*/

#landing_page #footer {
	border-top: 1px solid #f3f3f3;
	padding: 5px;
	position: absolute;
	top: 900px;
	left: 0;	
	width: 100%;
}