/* CSS Document */

body, html {
	margin: 0;
	padding: 0;
	color: #333333;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	height: 100%;
}

#container {
	width: 770px;
	background: #ffffff;
	margin: 0 auto;
	text-align: left;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	position: relative;
	min-height: 100%;
}

#header {
	position: absolute;
	top: 0;
	right: 0;
	text-align: center;
	width: 483px;
	height: 159px;
	padding: 10px;
	background: #ffffff url(../images/banner.jpg) no-repeat top right;
	z-index: 0;
}

#logo {
	width: 277px;
	height: 159px;
	margin: 0 0 0 10px;
	position: relative;
	z-index: 2;
}

#menu {
	width: 680px;
	height: 58px;
	background: url(../images/menu.jpg) no-repeat top left;
	margin: 0 0 0 90px;
	padding: 0;
	position: relative;
	z-index: 1;
}

#menu ul {
	list-style: none;
	margin: 0 0 0 97px;
}

#menu ul li {
	float: left;
	margin: 0;
	padding: 0;
}

#menu ul li a {
	margin: 0;
	padding: 0;
	display: block;
}

#menu ul li a span {
	display: none;
}

#menu ul li a#home{
	background: url(../images/home.jpg) no-repeat top left;
	height: 58px;
	width: 71px;
}

#menu ul li a#home:hover, #menu ul li a#home:active, #menu ul li a#home.selected {
	background: url(../images/home_over.jpg) no-repeat top left;
	height: 58px;
	width: 71px;
}

#menu ul li a#specs{
	background: url(../images/specs.jpg) no-repeat top left;
	height: 58px;
	width: 69px;
}

#menu ul li a#specs:hover, #menu ul li a#specs:active, #menu ul li a#specs.selected {
	background: url(../images/specs_over.jpg) no-repeat top left;
	height: 58px;
	width: 69px;
}

#menu ul li a#exercises{
	background: url(../images/exercises.jpg) no-repeat top left;
	height: 58px;
	width: 101px;
}

#menu ul li a#exercises:hover, #menu ul li a#exercises:active, #menu ul li a#exercises.selected {
	background: url(../images/exercises_over.jpg) no-repeat top left;
	height: 58px;
	width: 101px;
}

#menu ul li a#science{
	background: url(../images/science.jpg) no-repeat top left;
	height: 58px;
	width: 117px;
}

#menu ul li a#science:hover, #menu ul li a#science:active, #menu ul li a#science.selected {
	background: url(../images/science_over.jpg) no-repeat top left;
	height: 58px;
	width: 117px;
}

#menu ul li a#faq{
	background: url(../images/faq.jpg) no-repeat top left;
	height: 58px;
	width: 69px;
}

#menu ul li a#faq:hover, #menu ul li a#faq:active, #menu ul li a#faq.selected {
	background: url(../images/faq_over.jpg) no-repeat top left;
	height: 58px;
	width: 69px;
}

#menu ul li a#affiliates{
	background: url(../images/affiliates.jpg) no-repeat top left;
	height: 58px;
	width: 116px;
}

#menu ul li a#affiliates:hover, #menu ul li a#affiliates:active, #menu ul li a#affiliates.selected {
	background: url(../images/affiliates_over.jpg) no-repeat top left;
	height: 58px;
	width: 116px;
}

#sidebar {
	position: absolute;
	top: 218px;
	left: 15px;
	width: 215px;
}

#content {
	position: relative;
	width: 530px;
	top: 0;
	left: 233px;
}

#video {
	width: 529px;
	height: 203px;
	position: relative;
	right: 0;
	top: 0;
	/*background: url(../images/video.jpg) no-repeat top right;*/
	margin: 0 0 8px 0;
}

#full {
	width: 535px;
	min-height: 540px;
	position: relative;
	right: 0;
	top: 0;
	background: url(../images/body.jpg) repeat-y top right;
	margin: -5px 0 8px 0;
	padding: 0 0 20px 0;
}

#full p, #full h4 {
	padding: 0 20px;
}

#full table {
	margin: 0 0 0 20px;
	width: 90%;
}

#full li {
	margin: 0 0 8px 0;
	padding: 0 20px 0 0;
}

#full #top {
	width: 535px;
	height: 20px;
	background: url(../images/top.jpg) no-repeat top right;
}

#full #bottom {
	width: 535px;
	height: 21px;
	background: url(../images/bottom.jpg) no-repeat top right;
	position: absolute;
	bottom: 0;
	/*margin: 20px 0 0 0;
	padding: 20px 0 0 0;*/
}

#box_left {
	width: 256px;
	height: 183px;
	background: url(../images/boxLeft.jpg) no-repeat top left;
	float: left;
	text-align: center;
	padding: 8px;
}

#box_left ul {
	list-style-image: url(../images/arrow.gif);
	text-align: left;
	margin: 0 0 0 40px;
}

#box_left ul li {
	margin: 4px 0 0 0;
}

#box_right {
	width: 254px;
	height: 183px;
	background: url(../images/boxRight.jpg) no-repeat top left;
	float: right;
	text-align: center;
	padding-top: 8px;
}

#testimonial {
	clear: both;
	width: 514px;
	height: 117px;
	background: url(../images/testimonial.jpg) no-repeat top left;
	margin:  0 auto;
	font-size: 11px;
	text-align: center;
	padding: 10px;
}

#testimonial p {
	text-align: left;
	margin: 0 0 0 5px;
	width: 450px;
}

#buy {
	margin: 0 auto;
	text-align: center;
}

#buy ul {
	list-style: none;
	text-align: left;
	margin-top: 0;
}

#news_alerts {
	margin: 0 auto;
	width:181px;
	height: 68px;
	background: url(../images/newsalerts.jpg) no-repeat top left;
	text-align: center;
	padding-top: 8px;
}

#news_alerts form {
	margin-top: 4px;
}

#news_alerts input.inputBox {
	width: 125px;
	vertical-align: top;
	margin: 0 0 0 4px;
}

#about {
	padding-top: 8px;
	width:215px;
	height: 300px;
	background: url(../images/about.jpg) no-repeat top left;
	text-align: center;
	font-size: 11px;
}

#about div {
	width: 180px;
	margin: 0 auto;
	text-align: justify;
}

#footer {
	width: 770px;
	height: 69px;
	background: url(../images/footer.jpg) repeat-x top left;
	margin: 0;
	color: #aaaaaa;
	font-size: 10px;
}

#footer #copy{
	float: left;
	text-align: left;
	margin: 10px 0 0 10px;
}

#footer #links{
	float: right;
	text-align: right;
	margin: 10px 10px 0 0;
}

h2 {
	color: #d03d3d;
}

h3, h4 {
	color: #828282;
	font-weight: 900;
	font-size: 18px;
	margin: 2px;
}

.contrast_color {
	color: #d2232a;
}

a img {
	border: none;
}

a, a:link, a:visited {
	color: #d2232a;
	text-transform: uppercase;
}

a.secondary_link, a.secondary_link:link, a.secondary_link:visited {
	color: #828282;
	text-transform: uppercase;
	font-size: 11px;
}

.floating {
	float: left;
	margin: 20px;
}