body {
	background: url(../images/ornamental_bg.jpg) repeat 0 0;
	font: normal 12px/18px "Lucida Grande", "Lucida Sans Unicode", "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: #fff;
}

/*------------------ @global ------------------*/
#container {
	width: 100%;
	height: 100%;
}

.container {
	width: 740px;
	margin: 0 auto;
	overflow: hidden;
}

a {
	color: #fff;
}

h2 {
	font-size: 14px;
	text-align:center;
	padding-bottom: 10px;
}

/*------------------ @header ------------------*/
#header {
	width: 100%;
	height: 332px;
	background: url(../images/header_bg.png) repeat-x 0 0;
}

	#header .container {
		overflow: hidden;
		background: url(../images/header_container_bg.png) no-repeat left top;
		height: 323px;
	}
	
		a#follow {
			float: right;
			width: 71px;
			height: 23px;
			display: block;
			text-indent: -9999px;
		}
	/*----- @nav -----*/
	ul#nav {
		float: right;
		list-style: none;
		margin: 0 20px 0 0;
		padding: 12px 0 0 50px;
	}
		ul#nav li {
			margin-right: 10px;
		}

		ul#nav li,
		ul#nav li a,
		ul#nav li a span {
			float: left;
			display: block;
			line-height: 12px;
		}

		ul#nav li a {
			text-decoration: none;
			color: #B5DCDF;
			padding-left: 10px;
		}

			ul#nav li a span {
				padding: 6px 10px 6px 0;
			}

			ul#nav li.active a {
				background: url(../images/app/nav-active-left.gif) no-repeat left 0;
				color: #fff;
			}

				ul#nav li.active a span {
					background: url(../images/app/nav-active.gif) no-repeat right 0;
					color: #fff;
				}

			ul#nav li a:hover,
			ul#nav li a:hover span { 
				color: #fff; 
				text-decoration: underline;
			}
			
			/*------------------ @supernav ------------------*/
			ul#supernav {
				float: right;
				list-style: none;
				margin: 0;
				padding: 14px 0 0 0;
			}

				ul#supernav li,
				ul#supernav li a {
					float: left;
					display: block;
					line-height: 12px;
				}

					ul#supernav li {
						background: url(../images/app/supernav-separator.png) no-repeat right center;
						padding: 4px 12px 4px 10px;
					}

						ul#supernav li.last {
							background: none;
							padding-right: 0;
							border-right: 0;
						}

					ul#supernav li a {
						text-decoration: none;
						color: #fff;
					}

						ul#supernav li a:hover { 
							color: #fff; 
							text-decoration: underline;
						}

					ul#supernav li a#beta {
						color: #D6D6AA;
					}
		
	/*----- @splash -----*/
	#splash {
		clear: both;
		overflow: hidden;
		/*padding-top: 85px;*/
	}
	
		#header h1,
		#header h1 a {
			display: block;
			width: 280px;
			height: 156px;
		}
		
			#header h1 {
				float: left;
				clear: left;
				padding-top: 40px;
				padding-bottom: 10px;
			}
		
			#header h1 a {
				text-indent: -9999px;
				background: url(../images/logo.png) no-repeat 0 0;
			}
			
		#features {
			clear: both;
			padding-top: 10px;
		}
			
		#features .container {
			height: 280px;
			padding-bottom: 5px;
			background: url(../images/features.png) no-repeat 0 0;
		}
		
			.item {
				float: left;
				width: 240px;
				padding-top: 150px;
				margin-right:10px;
			}
			.item2 {
				float: left;
				width: 240px;
				padding-top: 150px;
				margin-right:10px;
			}
			
			.item3 {
				float: left;
				width: 240px;
				padding-top: 150px;
			}
							
				.item h2, .item2 h2, .item3 h2 {
					font-size: 14px;
					padding-bottom: 0;
				}
			
				.item h3 , .item2 h3, .item3 h3{
					color: #B282CA;
					font-weight: normal;
					text-align:justify;
					width: 220px;
					font-size: 11px;
					padding: 10px;
				}
				
		#index {
			width: 387px;
			height: 307px;
			margin-top: 6px;
			display: block;
			text-indent: -9999px;
			float: right;
			background: url(../images/jobs.png) no-repeat 0 bottom;
		}		
		#tagline {
			width: 218px;
			display: block;
			clear: left;
			margin-left: 36px;
			padding-bottom: 20px;
		}
		#twitter_div span.sidebar-title{
			color: #9589FA;
			font-site:10px;
			margin-left:12px;
			margin-bottom:5px;
		}
		#twitter_div{
			font: "Lucida Grande", "Lucida Sans Unicode", "Helvetica Neue", Helvetica, Arial, sans-serif;
			background-color:#3D2B75;
			margin-top:15px;
			padding-right:5px;
			font-size: 10px;
			height:222px;
			text-align:left;
			font-weight: normal;
		}
		#twitter_update_list{
			list-style-type:none;			
			
		}
		#twitter_div li{
			margin-bottom:10px;
			/*list-style-image:url(../images/list.gif);*/
			list-style-type:square;
		}
		
		#twitter_div a{
			color: #b3e1e5;
		}
		
		#twitter-link{
		margin-left:25px;
		}
		
		#get-started {
			width: 160px;
			height: 42px;
			background: url(../images/get-started.gif) no-repeat 0 0;
			display: block;
			clear: left;
			text-indent: -9999px;
			margin-left: 59px;
		}
				
/*------------------ @description ------------------*/
#description {
	clear: both;
	width: 100%;
	overflow: hidden;
	padding-top: 10px;
}

	#description p {
		color: #9589FA;
		text-align:justify;
		padding-left:5px;
		margin-top:10px;
	}
	
	#description form {
		float: right;
		width: 381px;
		height: 160px;
		padding-left: 40px;
	}
	
		#description .form {
			width: 381px;
			height: 41px;
			background: url(../images/update-form.png) no-repeat 0 0;
		}
		
			#description .form input {
				background: none;
				border: 0;
				font-size: 18px;
				line-height: 18px;
				color: #fff;
				display: block;
				float: left;
				width: 255px;
				height: 33px;
				padding: 8px 0 0 15px;
				color: #67cbd5;
			}
			
			#description .form button {
				width: 111px;
				height: 41px;
				display: block;
				float: left;
				border: 0;
				background: none;
				text-indent: -9999px;
				cursor: pointer;
			}

			
/*------------------ @footer ------------------*/		
#footer {
	font-size: 11px;
	color: #8F36FF;
	padding-bottom: 10px;
	margin-top: 35px;
}

	#footer a {
		color: #b3e1e5;
	}

	@media screen and (-webkit-min-device-pixel-ratio:0){
		#header .container { background: none; }
	}