*{
	margin:0px;
	padding:0px;
	outline:none;
	border:none;
	text-decoration:none;
	list-style:none;
}
body{
	font-family:"Calibri","Gill Sans",sans-serif;
	background:#a5cde4 url(_img/bg.png) repeat-x top left;
}
.left{ float:left; }
.right{ float:right; }
.clear{ clear:both; }

#header{
	background:transparent url(_img/header.png) no-repeat top left;
	width:964px;
	height:51px;
	margin:30px auto 0px auto;
	padding:122px 0px 0px 0px;
	clear:both;
}

/* top nav */
#header #nav{
	padding:0px 0px 0px 40px;
	margin:0px 0px 0px 0px;
}
#header #nav li a{
	display:block;
	width:164px;
	height:46px;
	margin:0px 20px 0px 0px;
	float:left;
	text-indent:1000px;
	overflow:hidden;
}

#header #nav #home a{ background:url(_img/nav_home.png) no-repeat top left; }
#header #nav #news a{ background:url(_img/nav_news.png) no-repeat top left; }
#header #nav #wiki a{ background:url(_img/nav_wiki.png) no-repeat top left; }
#header #nav #donate a{ 
	background:transparent url(_img/nav_donate.png) no-repeat top left; 
	margin-left:180px;
}

/* slider navigation */
#slider_indicator{
	background:transparent url(_img/slider_indicator.png) no-repeat top left;
	width:10px;
	height:10px;
	position:absolute;
	top:0px;
	left:100px;
}
#slider_nav{
	background:transparent url(_img/slider_nav_bg.png) repeat-x top left;
	margin:-20px -20px 0px -20px;
	padding:10px 0px 0px 0px;
	width:950px;
	height:36px;
	position:relative;
}
#slider_nav li{
	float:left;
	margin:0px 65px;
	vertical-align:top;
}
#slider_nav li a{
	display:block;
	float:left;
	margin-top:-2px;
	padding-left:20px;
	font-size:14px;
	color:#4284ab;
	font-weight:bold;
	text-shadow:0px 1px 2px rgba(255,255,255,0.9);
}
#slider_nav li a:hover {
	color:#036;
}
#slider_nav .number1{ background:transparent url(_img/number1.png) no-repeat top left; }
#slider_nav .number2{ background:transparent url(_img/number2.png) no-repeat top left; }
#slider_nav .number3{ background:transparent url(_img/number3.png) no-repeat top left; }
#slider_nav .number4{ background:transparent url(_img/number4.png) no-repeat top left; }

#content{
	width:910px;
	padding:20px;
	margin:0px auto;
	background:transparent url(_img/content_bg.png) repeat top left;
	-webkit-box-shadow:0px 0px 8px rgba(0,0,0,0.3);
	border:1px solid #79b;
	border-top:none;
	clear:both;
}
#main_content{
	width:910px;
	height:550px;
	overflow:hidden;
	clear:both;
}
#slider{
	width:3800px;
}
.slider_panel{
	width:890px;
	height:530px;
	padding:10px;
	float:left;
	position:relative;
}

/* floor */
#floor{
	width:100%;
	height:80px;
	margin:-80px auto 0px auto;
	background:transparent url(_img/grass_hill.png) no-repeat bottom center;
}
	#floor img{
		display:block;
		margin:0px auto 0px auto;
		position:relative;
		top:-10px;
	}
	
/* background grass */
#grass_background{
	width:100%;
	height:69px;
	margin:-69px 0px 0px 0px;
	background:url(_img/grass_background.png) repeat-x 0% 100%;
	position:relative;
	z-index:-1;
}
/* footer */
#footer{
	width:100%;
	height:80px;
	border-top:6px solid #000;
	background:#13181a;
}
	#footer #nav{
		display:block;
		width:900px;
		margin:0px auto;
	}
	#footer li{
	}
	#footer a{
		display:block;
		float:left;
		margin:10px 20px;
		width:170px;
		height:60px;
		padding-left:70px;
	}
	#footer #news{ background:url("_img/icon_news.png") no-repeat top left; }
	#footer #wiki{ background:url("_img/icon_wiki.png") no-repeat top left; }
	#footer #donate{ background:url("_img/icon_donate.png") no-repeat top left; }
		
		#footer a:hover *{
			color:#ace;
			text-shadow:0px 0px 16px rgba(150,200,255,0.2);
		}
		
		#footer a h1{
			font-size:18px;
			font-weight:bold;
			color:#fff;
			text-transform:uppercase;
			text-shadow:0px 0px 4px rgba(0,0,0,0.1);
		}
		#footer a p{
			font-size:14px;
			color:#fff;
		}
		
/* individual panels */

.left{ float:left; }
.right{ float:right; }

div.slider_next{
	position:absolute;
	bottom:50px;
	right:20px;
}
div.slider_previous{
	position:absolute;
	bottom:50px;
	left:20px;
}
	div.slider_next a h1, div.slider_previous a h1 {
		color:#069;
		font-size:18px;
		font-weight:bold;
		text-transform:uppercase;
	}
	div.slider_next a p, div.slider_previous a p{
		color:#069;
		font-size:14px;
	}

.info_box{
	background:transparent url(_img/box_bg.png) repeat top left;
	-webkit-box-shadow:0px 0px 5px rgba(0,0,0,0.3);
	border:1px solid #ace;
	padding:16px 16px 16px 16px;
	margin:0px 0px 12px 0px;
	width:350px;
	position:relative;
	z-index:1;
}

	.info_box h1{
		font-size:18px;
		font-weight:bold;
		text-transform:uppercase;
		margin-bottom:8px;
	}
	.info_box p{
		font-size:14px;
		line-height:1.1em;
	}
	.info_box a{
		font-size:14px;
		font-weight:bold;
		text-transform:uppercase;		
		color:#069;		
		display:block;
		margin:10px 0px 0px 0px;
	}
		.info_box a:hover{
			color:#09f;
		}

/* the intro panel */
#slider_intro{
	/*background:transparent url(_img/houses_overlay.png) no-repeat 20px 50px;*/
}
	#slider_intro img{
		position:absolute;
		top:0px;
		left:0px;
		z-index:0;
	}
	#energy_shack_hover{
		display:none;
		position:absolute;
		top:150px !important;
		left:280px !important;
		z-index:1 !important;
	}
#slider_intro .info_box a{
}
#slider_intro .left{
	margin:0px 0px 0px 460px;
}


/* the houses panel */
#slider_houses img{
	margin:60px 0px 0px 50px;
}

/* neighborhood energy */
#slider_neighborhood_energy .info_box{
	width:320px;
}
#slider_neighborhood_energy img{
	margin:0px 40px 0px 0px;
}

/* the mouse over box that comes up when you hover over a house */
#mouse_over{
	display:none;
	position:absolute;
	top:0px;
	left:0px;
	z-index:5;
	width:240px;
	height:103px;
	padding:16px;
	background:url(_img/tweet_bg.png) no-repeat top left;
}
	#mouse_over h3{
		font-size:16px;
		font-weight:bold;
		text-transform:uppercase;
	}
	#mouse_over h4{
		font-size:14px;
		font-weight:bold;
		color:#666;
	}
	#mouse_over p{
		font-size:14px;
		font-weight:normal;
		color:#222;
		line-height:1.2em;
	}
	
/* more info about neighborhood energy */
#ne_more{
	display:none;
	width:400px;
	position:absolute;
	top:50px;
	left:309px;
	background:#fff;
	-webkit-box-shadow:0px 0px 5px rgba(0,0,0,0.3);
	border:1px solid #ace;
	padding:32px 16px;
	line-height:1.2em;
	z-index:4;
}
	#ne_more h1{
		margin-bottom:16px;
	}
	#ne_more a img{
		position:absolute;
		top:4px;
		right:-36px;
	}
	
/* easter eggs!!! */
#branding_sign{
	-webkit-transition:all 2s ease-out;
}
	#branding_sign:hover{
		-webkit-transform:scale(1.05,1.05) translate(0px,-4px);
	}