/* Homepage CSS */

/* Body =========================*/
#body {
	text-align:center;
}

/* Feature ======================*/
#feature {
	width:776px;
	margin:0px auto;
}
#feature img {
	
}

#featureNav {
	text-align:left;
	float:left;
}

#featureText {
	text-align:left;
	position:relative;
	top:0px;
	left:0px;
	width:230px;
	background-color:#00FF00;
	padding:10px;
}

#about{
	background-color:#b4b757;
	border:2px solid #d5661b;
	font-family: Times New Roman, Arial;
	width:500px;
	padding:5px;
	margin:15px auto;
	font-size:1.3em;
	font-weight:bold;
	clear:both;
}

#content {
	clear:right;
	font-size:1.1em;
	width:100%;
	margin:20px auto;
}

#popular {
	float:left;
	width:350px;
}
#popular .links {
	float:left;
	text-align:left;
	width:180px;
	padding-left:20px;
	font-size:1em;
}
#attractions .links {

	text-align:left;
	margin-left:80px;
	font-size:1em;
}
#attractions {
	float:left;
	width:250px;
}

.links li {
	padding: 5px 0px;
	width:300px;
}


/* Directions =========================*/
#visit{
	width:740px;
	margin:20px auto;
	text-align:center;
}
#getDirections {
	width:280px;
	text-align:left;
	float:left;
	padding:15px;
}
#map {
	width:400px;
	height:200px;
	float:left;
}
/* Feature =========================*/
.feature {
	height: 280px;
}

ul.crossfade {
	padding: 0;
	margin: 0;
	list-style: none;
	position: relative;
}

#fade li {
	position: absolute;
	top: 0;
	left: 0;
	visibility: hidden;
}
#fade li img {
	display: block;
	border: 2px solid #d5661b;
}