/* Global styles for James Webb's Bodystyling.com */

* {
	padding: 0;
	margin: 0;
}

body {
	background : #FFFFFF;
	font: normal 12px/15px "Trebuchet MS";
	color: #333;
	background-image: url(../images/ui/page_background.gif);
	background-position: 50% 50%;
}

h1, h2, h3, h4, p, blockquote {
	margin: 0 0 .7em 0;
}

h1 {
font-size:30px;
font-family: Georgia, "Times New Roman", Times, serif;
line-height: 1;
color: #999;
}

h2 {
line-height: 1;
}

h3 {
color:#6C0;
}

p, blockquote, ul, ol {
font-size: 12px;
line-height: 1.5;
margin-bottom: 1em;
}

blockquote {
font-style: oblique;
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 14px;
padding: 0 1em;
}

#side blockquote {
margin-bottom: 0;
}

address {
padding: 1em;
font-size: 10px;
font-style: normal;
display: block;
margin: 1em 0;
}

#side h2 {
	clear: left;
}

#container {
width: 786px;
margin: 0 auto;
}

#side {
background-color: #E8E6F2;
width: 261px;
float: right;
}

#content {
float: left;
width: 520px;
margin-bottom: 2em;
}

#content .wrap, #side .wrap {
	padding: 0 10px;
}

#content .wrap {
	padding-left: 30px;
}

#footer {
clear: both;
padding-left: 12px;
}

.home #side {
display: none;
}

.home #container {
background-image: url(../images/photos/james_lead.jpg);
background-repeat: no-repeat;
background-position: top right;
height: 370px;
}

.home #content {
width: 510px;
}

.home #content .wrap {
	padding-left: 30px;
}

.tl {
background-image: url(../images/ui/white-ul.gif);
background-position: top left;
}

.bl {
background-image: url(../images/ui/white-ll.gif);
background-position: bottom left;
}

.tl, .bl {
display: block;
float: left;
width: 13px;
height: 12px;
background-repeat: no-repeat;
}

.calc {
	background: #fff;
	padding: .5em;
	margin-bottom: 5px;
}

.calc cite {
	font-size: 9px;
	margin-top: 1em;
}

.calc p {
	line-height: 10px;
	margin: 1em 0 0 0;
	clear: both;
	background:#E6E6E6;
}

.calc input, .calc label, .calc select {
	font-size: 11px;
	display: block;
	margin-bottom: .25em;
}

.calc input {
	float: left;
	margin-left: .25em;
}

.calc .accordianRadio {
	background:#E6E6E6;
}

.calc label {
	font-weight: bold;
	font-size: 10px;
	width: 66%;
	float: left;
	background: #E8E6F2;
	text-align: right;
	padding: .1em;
}

.calc h3, .calc h4 {
	color: #666;
	clear: both;
}

.calc h3 {
	font-size: 11px;
}

.calc h4 {
	font-size: 10px;
	margin-bottom: .2em;
	margin-top: .75em;
}

.calc .buttons input {
	float: right;
	background:#B8B8BF;
}

.calc .buttons, .calc .result {
	padding: .5em 0;
	clear: both;
}

.calc a:link, .calc a:visited, #subnav a:link, #subnav a:visited {
text-decoration: none;
color: #18007B;
font-weight: bold;
}
	
div#header{
width:100%;
overflow:hidden;
background: #C5BFDE; 
background-image: url(../images/ui/header_background.gif);
background-position: 50% 50%;
margin: 0 auto;
margin-bottom: 30px;
}

div#header h1,div#menu, div#brand {
width:770px;
margin:0 auto;
text-align:left;
}

div#header h1{
padding: 30px 0 10px;
color: #FFF;
}

ul#nav,ul#nav li{
list-style-type:none;
margin:0;
padding:0;
font-size: 10px;
}

ul#nav{
float:right;
}

ul#nav li{
font-weight: bold;
float:left;
margin-left: 3px;
padding-left: 7px;
text-align: center;
background-color: #18007B;
background-image: url(../images/ui/tab-left.gif);
background-position: top left;
}

ul#nav a{
float:left;
width: 78px;
padding: 5px 0;
padding-right: 7px;
background: #18007B;
text-decoration:none;
color: #FFC;
background-image: url(../images/ui/tab-right.gif);
background-position: top right;
}

.home #home, .home #home a, .services #services, .services #services a, .tools #tools, .tools #tools a, .stories #stories, .stories #stories a, .trainers #trainers, .trainers #trainers a, .contact #contact, .contact #contact a {
background-color: #fff;
color: #000;
}

ul#nav li, ul#nav a {
background-repeat: no-repeat;
}

ul#nav a:hover{
text-decoration: underline;
color: #CF3;
}

#affiliations {
list-style-type: none;
margin: 0;
}

#affiliations li {
display: block;
margin: 0 5px;
width: 25px;
height: 50px;
float: left;
background-repeat: no-repeat;
background-position: top left;
}

#ace {
background-image:url(../images/logos/ace25.gif);
}

#nsca {
background-image: url(../images/logos/cpt25.gif);
}

#aife {
background-image: url(../images/logos/aife25.gif);
}

#cscs {
background-image: url(../images/logos/cscs25.gif);
}

#subnav {
margin-bottom: 11px;
}

#subnav li {
list-style-type: none;
font-size: 11px;
padding: 0 0 0 0;
margin: 3px 0;
border: solid 1px #E8E6F2;
}

#subnav li a {
display: block;
padding: 3px;
background-color: #fff;
}

#subnav li a:hover {
background-color: #C8C7D1;
}

#Help {
position: absolute;
z-index:100;
background-color: #FFC;
border: solid 1px #FF3;
width: 300px;
}

#Help a {
padding: 3px;
float:right;
}

#Help p {
padding: 4px 8px;
}

.help {
background: url(../images/icons/help.gif);
}

.close {
background: url(../images/icons/close.gif);
margin-top: .5em;
}
	
.trainer img {
float: right;
margin: 0 0 1em 1em;
width: 170px;
height: 200px;
border: solid 1px #333;
}

.trainer img.normal {
width: auto;
height: auto;
}

.home #content ul {
width: 488px;
}

.home #content li {
padding-left: 11px;
display: block;
background-image: url(../images/ui/green_arrow_bullet.gif);
background-repeat: no-repeat;
background-position: 0 4px;
float: left;
width: 200px;
}

.trainer li, .tools li, .tools ol, .services li {
margin-left: 1em;
}

.home #content p, .home #content blockquote, .home #content li {
font-size: 14px;
line-height: 1.5;
}

.home #content li {
margin-bottom: 0;
}

img.left {
float: left;
}

img.right {
	float: right;
}

.stories p {
	width: 49%;
}

div.b4a {
	width: 100%;
	margin-bottom: 10px;
}
	
.button {
display:block;
float: right;
width: 15px;
height: 18px;
background-repeat: no-repeat;
background-position: top left;
overflow: hidden;
}

#brand {
padding: 10px 0 6px 20px;
}

table caption {
display: none;
}

.stories table {
width: 49%;
float: right;
font-size: 11px;
margin-left: 3px;
background-color: #cfc;
padding: 3px 0;
}

.stories td {
padding: 3px;
text-align: right;
width: 33%;
background-color: #FFF;
border-right: solid 3px #cfc;
border-left: solid 1px #9f9;
border-bottom: dotted 1px #9f9;
}

.stories th {
background-color: #cfc;
}

.stories td.label {
background-color: #cfc;
font-weight: bold;
border-left: none;
}

.clientquote {
margin-top: 2em;
}

.contact label {
display: block;
float: left;
width: 70px;
font-weight: bold;
}

.contact form div {
margin-bottom: 5px;
}

.req {
color: #F00;
}

.stretcher * {
	background: #FFF;
}

/* Contact Form Style Rules */

.inputWrap {margin-bottom: 24px;}
#name,#email,#phone,#subject,#comments {display: inline;border: solid 1px #999; color: #999;font: normal 12px Georgia, Times, serif;padding: 4px;width: 268px;margin-right: 6px;}
.content input {border-color: #999;}
.content input:hover {border-color: #333;}
.content .comment-box {width: 360px;height: 110px;margin: 0 0 0 0;border: solid 1px #999;}
.error {color:#FF0000;}
.required {display:inline;}

/* Branding styles for logicseries logo and fitness-junkie affiliations */

#branding {
	width:745px; 
	margin-left: 20px; 
	margin-top:125px;
	float: left;
}

.logo {
	margin-right: 390px;
}

.logo img {
	border: 0px none;
}

a.fitnessJunkie {
	font-size:11px;
	font-family: Georgia, "Times New Roman", Times, serif;
	line-height: 1;
	color: #999; 
	text-decoration:none;
}

a:hover.fitnessJunkie {
	text-decoration: underline;
	color: #333;
}

/* ACE Fit Facts Styling */

#aceFitFact {
	padding-top: 15px;
}

#aceFitFact a {
	font-size:11px;
	font-family: Georgia, "Times New Roman", Times, serif;
	line-height: 1;
	color: #999; 
	text-decoration:none;
}

#aceFitFact a:hover {
	text-decoration: underline;
	color: #333;
} 

#special img {
	border: 0px none;
}