/*-----------------------------------------------------------*/	

#IE6Users { 
	display:none; 
	position:absolute; top:0; left:0; 
	width:100%; 
	margin:40% 0;
	background-color:#222; color:#fff; 
	font-size:15px; 
	padding:20px;
	border-top:solid 4px #800;
	border-bottom:solid 4px #800;
}


@font-face {  
  font-family: GeosansLight ;  
  src: url( GeosansLight.eot); /* IE */  
  src: local(" GeosansLight "), url( GeosansLight.ttf ) format("truetype"); /* non-IE */  
}  

#gspark { 
	background-color:#ccc;
}

	#gspark .header .login {
		position:absolute;
		display:block;
		top: 2em;
		right: 1em;
		font-size:0.8em;
	}
	
		#gspark .header .login fieldset {
			border:none;
			color:#aaa;
			text-shadow:0px 0px 3px #000000;
		}
		
			#gspark .header .login fieldset label {
				padding-right:2em;
			}
	
		#gspark .header .login button {
			border:solid 1px #000;
			background:transparent url(img/gr1.png);
			color:#000;
			font-weight:bold;
			padding:.3em 1em;
			border-radius:0.2em;
			-webkit-border-radius:0.2em;
			-moz-border-radius:0.2em;
		}
		
	#gspark .layout.simple {
		border:none;
		background:transparent url(img/indexBg.png) repeat-x;
		width:100%;
		
	}

	
	#gspark .frontpage {
		width:1024px;
		margin:auto;
		min-height:550px;
		position:relative;
	}
	
	#gspark .intro {
		margin-top:3em;
		width: 33em;
		padding:1em;
		font-family: GeosansLight;
	}
	
	#gspark h1 {
		font-size:2.3em;
		font-weight:bold;
		margin:0;
		color:#444;
		width:50%;
		background:transparent url(img/gspark.png) no-repeat;
		width:308px;
		height:105px;
	}
	
		#gspark h1 span { display:none }
		
		
	#gspark .intro p {
		margin:1em 0;
		font-size:2.1em;
		line-height:1.5em;
	}
	
	#gspark .intro p strong {
		font-weight:normal;
		color:#3BD;
	}
	
		
	#gspark h2 {
		font-size:2em;
		font-weight:normal;
		font-family: GeosansLight;
		margin:0;
	}

	#gspark .layout .letMeKnow {
	}
	
		#gspark .layout .letMeKnow label {
			display:block;
			margin-bottom:1em;
			font-size:1.9em;
		}
		
		#gspark .layout .letMeKnow input {
			font-size:1em;
			color:#3BD;
			padding:.5em;
			border:solid 1px #aaa;
			border-radius:0.5em;
			-webkit-border-radius:0.2em;
			-moz-border-radius:0.2em;
			width:308px;
			margin-bottom:.5em;
	    }
		
		#gspark .layout .letMeKnow input,
		#gspark .layout .letMeKnow button
		{
			background:#ddd url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAoEAQAAADFL4S/AAAAAmJLR0T//xSrMc0AAAAJcEhZcwAAAEgAAABIAEbJaz4AAAAJdnBBZwAAAAEAAAAoAIPTwAYAAAB2SURBVAjXbc2rDQJBGEXhk1+gQK1DsQVsBTgKoA/UTDX0QQHrqGALAIVbBWrGHAQZHgnuS05uLqoBNaP3Czrv0duIXoeAktFp2XSeA2oKKPlXOaAk9Fj+hbcyeli0+h0+M3TbNQ2PgJrQzYSud2h3Qlf96xLgCRepT9woRyoaAAAAJXRFWHRkYXRlOmNyZWF0ZQAyMDEwLTAyLTAzVDEwOjI0OjM2KzAyOjAwrNvvUwAAACV0RVh0ZGF0ZTptb2RpZnkAMjAxMC0wMi0wM1QxMDoyNDozNiswMjowMN2GV+8AAAAASUVORK5CYII=');
		}
		
		#gspark .layout .letMeKnow button:hover {
			background-color:#3BD;
		}
		
		#gspark .layout .letMeKnow button {
			font-size:1.2em;
			display:block;
			border:solid 1px #aaa;
			color:#3BD;
			font-weight:bold;
			padding:.5em;
			margin:0;
			padding:.3em 1em;
			border-radius:0.2em;
			-webkit-border-radius:0.2em;
			-moz-border-radius:0.2em;
			width:308px;
		}		
		
		#gspark .layout .screen {
			position:absolute;
			top:0;
			right:1em;
			background:transparent url(img/screen.png) no-repeat center center;
			width:500px;
			height:380px
			
		}
		
		#gspark .layout .notes {
			position:absolute;
			width:1024px;
			height:140px;
			bottom:10px;
			left:0;
			margin: 0;
			padding: 0;
			list-style-type:none;
		}
		
		
		#gspark .layout .notes li {
			text-align:left;
			border:solid 1px #aaa;
			float:left;
			width:282px;
			padding:1em;
			height:110px;
			top:0px;
			overflow:auto;
			background:#f0f0f0 url(img/indexBg2.png) repeat-x;
			margin:0 1em;
			border-radius:0.5em;
			-webkit-border-radius:0.5em;
			-moz-border-radius:0.5em;
		}
			
			#gspark .layout .notes li p {
				font-size:0.8em;
			}