/* @override http://alan_slot4/css/home.css */

body {
	background: #fff url("/img/header-bg-full.jpg") repeat-x top center;
}

/* @group Spotlight */
#spotlight {
	color: #fff;
	height: 400px;
	position: relative;
}
#spotlight h1 {
	margin: 0;
	width: 334px;
	height: 215px;
	text-indent: -1000em;
	overflow: hidden;
	background: url("/img/home/spotlight-slogan-trans.png");
	position: absolute;
	top: 40px;
	left: -50px;
}
#spotlight ol {
	margin: 0;
	padding: 0;
	list-style: none;
	position: absolute;
	top: 309px;
	left: 0;
	height: 42px;
}
#spotlight ol li {
	float: left;
	display: block;
}
#spotlight ol li a {
	display: block;
	width: 130px;
	height: 42px;
	text-indent: -1000em;
	overflow: hidden;
	background-image: url("/img/home/sprites.png");
}
#spotlight-tour a { margin-right: 20px; background-position: 0 0; }
#spotlight-tour a:hover { background-position: 0 -64px; }
#spotlight-tour a:active { background-position: 0 -128px; }
#spotlight-signup a { height: 64px !important; background-position: -130px 0; }
#spotlight-signup a:hover { background-position: -130px -64px; }
#spotlight-signup a:active { background-position: -130px -128px; }
/* @end */

/* @group Carousel */
#spotlight-carousel {
	position: absolute;
	left: 320px;
}
#spotlight-carousel .jcarousel-container {
    width: 600px;
    height: 450px;
}
#spotlight-carousel .jcarousel-clip {
    width: 600px;
    height: 450px;
}
#spotlight-carousel .jcarousel-item {
    width: 600px;
    height: 410px;
    padding-top: 40px;
}
#spotlight-carousel .jcarousel-item-placeholder {
    background: #fff;
    color: #000;
}

/* Index */
#spotlight-carousel .index {
	width: 600px;
	text-align: center;
}
#spotlight-carousel .index span {
	display: inline-block;
	margin: 0 5px;
	width: 10px;
	height: 10px;
	background: url("../img/home/carousel-dots.gif");
	cursor: pointer;
}
#spotlight-carousel .index span.active {
	background-position: top right;
}
.ie6 #spotlight-carousel .index {
	display: none;
}
/* @end */



/* @group Features */
#features {
	margin: 100px 0 40px;
	/*margin: 20px 0 40px;*/
}
#features hr {
	clear: left;
	margin: 0;
	height: 40px;
	border: 0;
	color: #fff;
}
#features h1 {
	margin: 0;
	font-size: 13pt;
	font-weight: normal;
	color: #000;
}
#features p {
	margin: 0.5em 0 0;
	color: #666;
}
#features a.highlight {
	font-weight: bold;
	background-color: #ffff7f;
	padding: 0.15em 0.3em;
	text-decoration: none;
	color: #333;
}
#features a.highlight:hover {
	background-color: #ff0;
	color: #000;
}
#features img {
	float: right;
	margin: 0 0 10px 10px;
}
/* @end */