@charset "utf-8";
/* CSS Document */
body {
	background-color: #98772D;
	font-family: Arial, Helvetica, sans-serif;
}
.container {
	width: 100%;	
	max-width: 480px;
	margin: auto;
}
header {
	width: 100%;
}
header h1 {
	width: 360px;
	height: 40px;
	float: left;
	margin-left: .2em;
	display: block;
	background-image:url(../images/telescope_header_small.png);
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}
header nav {
	clear:left;
	float: left;
	width: 100%;
	margin: 0 0 .5em;
	font-size: .9em;
	}
	
header nav li {
		margin: 0;
		display: inline-block;
		margin-right: 10px;
		background-color: #C9A963;
		border-radius: 5px;
		box-shadow: 1px 1px 1px #000;
		padding: 3px;
}
nav li a:link, nav li a:visited, nav li a:active {
	text-decoration: none;
	color: #4C93CD;
	text-shadow: 1px 1px #044D89;
}
nav li a:hover {
	color: #FFF;
}	
#column_left {
	clear: left;
	float: left;
	display: block;
	width: 95%;
	margin-bottom: 10px;
	padding: 2%;
	background-color: #024881;
	/*background-color: #044D89;*/
}
h3 {font-family: 'Quicksand';
	font-size: 1.2 em;
	color: #E18C09;
	font-weight: bold;
	text-shadow: 1px 1px #000;
	text-align: center;
	margin-top: 0px;
	padding-top: 0px;
}
p {
	font-style: 'Quicksand';
	font-size: 1em;
	color: #CDE6FA;
}

#slider {
	clear: left;
	float: left;
	width: 640px;
	height: 520px;
	overflow: hidden;
}
#slider .slides {
	width: 6000px;
	height: 520px;
	display: block;
	margin: 0;
	padding: 0;
}
#slider .slide {
	float: left;
	list-style-type: none;
	width: 640px;
	height: 520px;
}
#style_1 {
	clear: left;
	float: left;
	width: 100%;
	padding-left: 2%;
	color: #8DC8F9;
	text-shadow: 1.5px 1.5px 1px #000;
}