html, body {
	background-color: #000;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size: 20px;
	color:#CCC;
}	
a:link, a:visited {
	color: #e06400;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;	
}
#container {
	margin: auto;
	width: 600px;
}
#head {
	background: url('../images/logo.png') center no-repeat;
	height: 150px;
	margin: 100px 0 0 0;
}
#head h1 {
	display:none;	
}
#main {
	min-height: 300px;
}
#main p {
	font-size: 80%;
	color:#CCC;
	text-align: justify;
}
#main h3 {
	text-align: center;	
	font-weight: 500;
	font-size: 125%;
}
#footer {
	font-size: 70%;
	color:#666;
}
.llc {
	font-size: 80%;
}
.stepcarousel {
	position: relative; /*leave this value alone*/
	overflow: scroll; /*leave this value alone*/
	width: 600px; /*Width of Carousel Viewer itself*/
	height: 250px; /*Height should enough to fit largest content's height*/
}

.stepcarousel .belt {
	position: absolute; /*leave this value alone*/
	left: 0;
	top: 0;
}

.stepcarousel .panel {
	float: left; /*leave this value alone*/
	overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
	margin: 20px; /*margin around each panel*/
	padding: 30px;
	width: 500px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}
div.popup {
	color:#333;
	margin-left: -20px;
}
#footer a {
	float: right;
	margin-top: -16px;
}