html{
	width:100%;
	height:100%;
	font-family: "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, Verdana, sans-serif; 
	-webkit-font-smoothing: antialiased;
	font-size:14px;
}
body{
	background-color: #E2E2EA;
	background: -webkit-gradient(radial, 40% 40%, 0, 40% 40%, 60, from(#F2F2F2), to(#DADAE0));
	-safe-background: -webkit-gradient(radial, 40% 40%, 0, 40% 40%, 60, from(#F2F2F2), to(#DADAE0));
	background: -moz-radial-gradient(50% 50%, farthest-side, #FFFFFF, #E2E2E2);
	background-attachment:fixed;
}
p{
	margin:0;
}

a:link,
a:visited{
	color:#006AB2;
	text-decoration:none;
}

a:hover,
a:active{
	text-decoration:underline;
}

#container{
	width:700px;
	margin:auto;
}


#logo{
	background-image:url(_img/spark_logo.png);
	background-repeat:no-repeat;
	width:319px;
	height:103px;
	overflow:hidden;
	text-indent:400px;
	margin-left:-80px;
	position:absolute;
	top:10px;
}

#content{
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	background:white;
	clear:both;
	padding:20px 0px;
	margin-top:100px;
	border:1px solid #CCC;
	box-shadow: 0 0 10px rgba(0, 0, 0,0.1);
	-webkit-box-shadow: 0 0 10px rgba(0, 0, 0,0.1);
	-moz-box-shadow: 0 0 10px rgba(0, 0, 0,0.1);
}

#tagline{
	background-image:url(_img/we_build_stuff.png);
	width:320px;
	height:46px;
	overflow:hidden;
	text-indent:-1000px;
	margin: -20px 20px 18px 0px;
	float:right;
}



.divider{
	clear:both;
	border-bottom:1px solid #ccc;
}

#menu{
	width:349px;
	float:left;
}

#menu a:link,
#menu a:visited{
	display:block;
	background-image:url(_img/button_back.png);
	color:#000;
	filter:alpha(opacity=70);
	opacity:0.7;
	border-top:1px solid #fff;
	border-bottom:1px solid #ccc;
	padding: 2px 2px 2px 8px;
	height:48px;
	text-decoration:none;
}

#menu a label{
	font-family:"Arial Black", Gadget, sans-serif;
	color:#333;
	float:left;
	font-weight:bold;
	display:block;
	width:64px;
	height:40px;
	font-size:14px;
	padding-top:4px;
}

#menu a small{
	display:block;
	padding: 6px 0px 2px 0px;
	font-size:11px;
}

#menu a b{
	display:block;
	font-weight:normal;
	font-size:14px;
}

#stage{
	float:left;
	width:348px;
	height:215px;
	border-left:1px solid #ccc;
	border-bottom:1px solid #ccc;
	overflow:hidden;
	position:relative;
}

.page{
	display:none;
	padding-top:16px;
	clear:both;
}

.pagetitle{
	font-family:"Arial Black", Gadget, sans-serif;
	color:#EEE;
	font-size:36px;
	font-weight:bold;
	padding-left:16px;
}

.pagesubtitle{
	margin-top:-20px;
	margin-bottom:10px;
	padding-left:36px;
	border-bottom:1px solid #ccc;
}

.pagecontent{
	padding: 0px 36px 36px 36px;
	font-size:14px;
	line-height:22px;
	color:#444;
}

.colhalf{
	width:300px;
	float:left;
}

.clear{
	clear:both;
}

#footer{
	font-size:11px;
	color:#666;
	text-align:center;
	clear:both;
}

#footer a:link,
#footer a:visited{
	color:#666;
}

#footer a:hover,
#footer a:active{
	color:#006AB2;
}

#pointer{
	background-image:url(_img/pointer.png);
	background-repeat:no-repeat;
	position:absolute;
	height:53px;
	width:14px;
	margin-left:348px;
}


#scroller{
	width:3000px;
}



#captions{
	position:absolute;
	width:332px;
	height:60px;
	padding:4px 8px;
	font-size:12px;
	color:black;
	background-image:url(_img/fade3.png);
	text-align:right;
	text-shadow:0px 2px 3px #FFFFFF;
	
}

#captions a:link,
#captions a:visited{
	display:block;
	position:absolute;
	top:58px;
	right:0px;
	color:white;
	background-color:#006AB2;
	text-shadow: none;
	filter: dropshadow(color=#000000, offx=0, offy=0);
	width:56px;
	padding-right:4px;
}

#captions a:hover,
#captions a:active{
	background-color:#1DBBE9;
	text-decoration:none;
}

#nav{
	position:absolute;
	margin-top:195px;
	margin-left:100px;
}

.dot{
	width:13px;
	height:13px;
	margin-right:6px;
	background-image:url(_img/dots.png);
	float:left;
}

.dotactive{
	background-position:13px;
}
.dot:hover{
	background-position:26px;
	cursor:pointer;
}

#captions{
	margin-top:-76px;
}

.hidden{
	display:none;
}

@media screen and (min-width: 641px) and (max-width: 750px) {
	#container{
		width:620px;
	}
	#logo{
		margin-left:-0px;
		top:4px;
	}
	
	#menu{
		width:269px;
		float:left;
	}
	
	#menu a label{
		overflow:hidden;
		width:0px;
		margin-left:10px;
	}
	
	#pointer{
		margin-left:268px;
	}
}

@media screen and (min-width: 481px) and (max-width: 640px) {
	#container{
		width:460px;
	}
	#logo{
		margin-left:-0px;
		top:4px;
	}
	#tagline{
		margin: 2px 20px 18px 10px;
	}
	#menu{
		width:109px;
		float:left;
	}
	
	#menu a:link,
	#menu a:visited{
		display:block-inline;
		padding: 2px 2px 2px 18px;
		width:100px;
	}


	#menu a small{
		display:none;
	}

	#menu a b{
		display:none;
	}
	
	#pointer{
		margin-left:108px;
	}
}

@media screen and (max-width: 480px) {
	#container{
		width:350px;
	}
	#logo{
		margin-left:-0px;
		top:4px;
	}
	#content{
		padding:10px 0px;
		margin-top:100px;
	}

	#tagline{
		margin: 2px 20px 18px 10px;
	}
	
	#menu{
		width:349px;
		float:left;
	}

	#menu a:link,
	#menu a:visited{
		display:block-inline;
		padding: 2px 2px 2px 8px;
		height:36px;
		width:77px;
		float:left;
	}


	#menu a small{
		display:none;
	}

	#menu a b{
		display:none;
	}

	#stage{
		float:none;
		width:348px;
		height:215px;
		border-left:none;
		border-bottom:1px solid #ccc;
		overflow:hidden;
		position:relative;
	}

#footer{
	font-size:12px;
	color:#666;
	text-align:center;
	clear:both;
	margin: 0px 30px;
}



#pointer{
	display:none;
}




}

@media screen and (max-width: 320px) {

	#container{
		width:298px;
	}
	#logo{
		margin-left:-20px;
		top:4px;
		
	}
	#content{
		padding:10px 0px;
		margin-top:100px;
	}

	#tagline{
		background-image:none;
		text-indent:10px;
		text-align:center;
		height:18px;
		padding-top:4px;
	}
	
	#menu{
		width:300px;
		float:left;
	}

	#menu a:link,
	#menu a:visited{
		display:block-inline;
		padding: 2px 2px 2px 8px;
		height:32px;
		width:64px;
		float:left;
	}


	#menu a small{
		display:none;
	}

	#menu a b{
		display:none;
	}

	#stage{
		float:none;
		width:296px;
		height:215px;
		border-left:none;
		border-bottom:1px solid #ccc;
		overflow:hidden;
		position:relative;
	}

	#footer{
		font-size:12px;
		clear:both;
		margin: 0px 30px;
	}



	#pointer{
		display:none;
	}
	
	#captions{
		width:280px;
	}

#captions a:link,
#captions a:visited{

	top:54px;
	right:0px;
	color:white;
	background-color:#006AB2;

	width:56px;
	padding-right:4px;
}


#nav{
	position:absolute;
	margin-top:195px;
	margin-left:74px;
}
	
}