/* CSS Document */

/* HOME FEATURED CONTENT 
---------------------------------------------------------- */
/** JS CAROUSEL SETUP */

#carouselFrame {
	height:226px;
	width:100%; /* width of page */
	position:relative;
	}    
	
#carousel {
	width:100%;
	margin:0;
	padding:0;
	position:absolute;
	top:0;
	left:0px;
}
#carousel li {
	height:324px;
	width:875px; /* width of page minus some left margin */
	padding:0;
	padding-left:44px;
	float:left;
	display:inline;
}

/** CAROUSEL LAYOUT/TEXT STYLES */
li#feature01 { background:url(../images/screen_better.jpg) left top no-repeat;}
li#feature02 { background:url(../images/screen_smarter.jpg) left top no-repeat;}
li#feature03 { background:url(../images/screen_tougher.jpg) left top no-repeat;}
li#feature04 { background:url(../images/screen_easier.jpg) left top no-repeat;}

li#feature02, li#feature03, li#feature04, li#feature05 {display:none;}

h1.heroContent {
	width:500px;
	height:115px;
	margin-bottom:20px;
}
	
h1.heroContent span.text {
	display:block;
	text-indent:-9999px;
}

	
#carousel p {
	width:570px;
	font-size:16px;
	color:#fff;
	padding-top:18px;
	/*padding:30px 0px 0px 44px;*/
}
.action {
	width:233px;
	position:absolute;
	top:220px;
	left:30px;
	z-index:100;
	}

a.getStarted {
	background:url(../images/btn_getstarted.gif) top left no-repeat;
	height:55px;
	width:233px;
	display:block;
	
	}
a.getStarted:hover {
	background:url(../images/btn_getstarted.gif) left -55px no-repeat;
	}
a.getStarted span {
	display:none;
	visibility:hidden;
	}

/** CAROUSEL NAV */

ul.carouselNav {
	background:transparent url(../images/homeSpriteNav2.png) no-repeat scroll left top;
	height:112px;
	position:relative;
	width:100%;
	top:-10px;
	}
ul.carouselNav li, ul.carouselNav a {
	display:block;
	height:112px;
	}
ul.carouselNav li a {
	text-decoration:none;
	text-indent:-9999px;
	}

ul.carouselNav li {
	 margin: 0;
	 padding: 0;
	 list-style: none;
	 background: transparent;
	 position: absolute;
	 top: 0px;
	 width: 230px;
	 }

li#cnav01 {left: 0;}
li#cnav02 {left: 230px;}
li#cnav03 {left: 460px;}
li#cnav04 {left: 691px;}

li#cnav01 a:hover, li#cnav01 a.active {background: transparent url(../images/homeSpriteNav2.png) 0 bottom no-repeat;}
li#cnav02 a:hover, li#cnav02 a.active {background: transparent url(../images/homeSpriteNav2.png) -230px bottom no-repeat;}
li#cnav03 a:hover, li#cnav03 a.active {background: transparent url(../images/homeSpriteNav2.png) -460px bottom no-repeat;}
li#cnav04 a:hover, li#cnav04 a.active {background: transparent url(../images/homeSpriteNav2.png) -690px bottom no-repeat;}