/** Base Styles **/

body {
	margin: 0;
	padding: 0;
	text-align: center;
	font-size: 10pt;
	font-family: arial, sans-serif;
}

#container {
	width: 996px;
	margin: 0 auto;
	text-align: left;
}

#header {
	height: 105px;
	background: #ffffff url(../images/layout/bg_header.jpg) top left no-repeat;
	position: relative;
}

#logo {
	padding-top: 18px;
	padding-left: 22px;
}

#navigation {
	left: 0;
	bottom: -11px;
	height: 36px;
	width: 100%;
	position: absolute;
	background: transparent url(../images/layout/bg_navigation.png) top left no-repeat !important;
	background: transparent url(../images/layout/bg_navigation.jpg) top left no-repeat;
	z-index: 25;
}

#navigation ul {
	height: 36px;
	margin: 0;
	padding: 0;
	list-style: none;
}

#navigation ul li {
	float: left;
	margin: 0;
	padding: 0;
	display: block;
}

#navigation ul li span {
	display: none;
}

#navigation ul li a {
	height: 26px;
	display: block;
}

#navigation ul li.home {
	width: 99px;
	background: transparent url(../images/layout/bg_navsprite.jpg) scroll 0 0;
}

#navigation ul li.home a {
	width: 99px;
}

#navigation ul li.home a.active {
	background: transparent url(../images/layout/bg_navsprite.jpg) scroll 0 -26px;
}

#navigation ul li.home:hover {
	background-position: 0 -26px;
}

#navigation ul li.spinner-fit {
	width: 139px;
	background: transparent url(../images/layout/bg_navsprite.jpg) scroll -99px 0;
}

#navigation ul li.spinner-fit:hover {
	background-position: -99px -26px;
}

#navigation ul li.spinner-fit a {
	width: 139px;
}

#navigation ul li.spinner-fit a.active {
	background: transparent url(../images/layout/bg_navsprite.jpg) scroll -99px -26px;
}

#navigation ul li.your-program {
	width: 185px;
	background: transparent url(../images/layout/bg_navsprite.jpg) scroll -238px 0;
}

#navigation ul li.your-program:hover {
	background-position: -238px -26px;
}

#navigation ul li.your-program a {
	width: 185px;
}

#navigation ul li.your-program a.active {
	background: transparent url(../images/layout/bg_navsprite.jpg) scroll -238px -26px;
}

#navigation ul li.success-stories {
	width: 140px;
	background: transparent url(../images/layout/bg_navsprite.jpg) scroll -423px 0;
}

#navigation ul li.success-stories:hover {
	background-position: -423px -26px;
}

#navigation ul li.success-stories a {
	width: 140px;
}

#navigation ul li.success-stories a.active {
	background: transparent url(../images/layout/bg_navsprite.jpg) scroll -423px -26px;
}

#navigation ul li.spinning-experience {
	width: 192px;
	background: transparent url(../images/layout/bg_navsprite.jpg) scroll -563px 0;
}

#navigation ul li.spinning-experience:hover {
	background-position: -563px -26px;
}

#navigation ul li.spinning-experience a {
	width: 192px;
}

#navigation ul li.spinning-experience a.active {
	background: transparent url(../images/layout/bg_navsprite.jpg) scroll -563px -26px;
}

#navigation ul li.order-now {
	width: 241px;
	background: transparent url(../images/layout/bg_ordernow.png) top left no-repeat;
}

#navigation ul li.order-now a {
	width: 241px;
}

#home-content {
	position: relative;
	margin: 0;
	padding: 0;
	height: 510px;
	width: 996px;
	background: #87c5fc url(../images/layout/bg_content.jpg) top left no-repeat;
}

#spinner-fit-content {
	position: relative;
	margin: 0;
	padding: 0;
	height: 510px;
	width: 996px;
	background: #f28826 url(../images/layout/bg_content_fit.jpg) top left no-repeat;
}

#your-program-content {
	clear: both;
	position: relative;
	margin: 0;
	padding: 0;
	height: 510px;
	width: 996px;
	background: #F3B944 url(../images/layout/bg_content_program.jpg) top left no-repeat;
}

#spinning-experience-content {
	clear: both;
	position: relative;
	margin: 0;
	padding: 0;
	height: 510px;
	width: 996px;
	background: #f3b944 url(../images/layout/bg_content_program.jpg) top left no-repeat;
}

#spinning-stories-content {
	clear: both;
	position: relative;
	margin: 0;
	padding: 0;
	height: 510px;
	width: 996px;
	background: #d1d2d5 url(../images/layout/bg_content_stories.jpg) top left no-repeat;
}

#content-content {
	clear: both;
	position: relative;
	margin: 0;
	padding: 0;
	height: 510px;
	width: 996px;
	background: #ffffff url(../images/layout/bg_content_content.jpg) top left no-repeat;
}

#footer {
	margin: 0;
	padding: 5px 15px 8px 15px;
	font-size: 10px;
	font-family: arial, verdana, sans-serif;
}

#footer ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#footer ul li {
	float: left;
	padding: 4px 0;
	margin-right: 10px;
	text-transform: uppercase;
	text-align: left;
}

#footer ul li.lastfootli {
	width: 650px;
	text-align: right;
}

#footer ul li.fixedfootli {
	width: 92px;
}

#footer p {
	margin: 2px 0 0 0;
	padding: 0;
	font-style: italic;
}

#footer a {
	color: #000000;
	text-decoration: none;
}

#footer a:hover {
	text-decoration: underline;
}

div.clear {
	clear: both;
	margin: 0;
	padding: 0;
	font-size: 0;
	height: 0;
	line-height: 0;
}

img {
	border: 0;
}

.bold {
	font-weight: bold;
}

.upper {
	text-transform: uppercase;
}

#espot1 {
	position: absolute;
	top: 0;
	right: 205px;
	width: 324px;
	height: 105px;
}

#espot2 {
	width: 187px;
	height: 105px;
	position: absolute;
	top: 0;
	right: 8px;
}

.bold {
	font-weight: bold;
}

/** Content Styles **/

#video-player {
	position: absolute;
	top: 10px;
	left: 26px;
	z-index: 25;
	width: 270px;
	height: 238px;
	background: url(../images/content/common/video-player_bg.png) no-repeat;
}

#video-player p {
	margin: 8px 0;
	padding: 0;
	font-style: italic;
	font-weight: bold;
}
#placeholder{
	border:1px solid #999;
	width: 250px;
	height: 187px;
	margin: 8px 0 0 7px;
	z-index: 50;
}