@charset "utf-8";
/* CSS Document */

* {font-family:Arial, Helvetica, sans-serif; margin:0; padding:0;}
#page {width:1100px; margin:0 auto; text-align:left; position:relative;}
body {background:#3b3b3b; width:100%; text-align:center; margin:10px auto;}
p, li {font-size:13px; line-height:18px; color:#e6dfc5; padding:0 84px 10px 0;}
h2 {font-size:16px; line-height:24px; color:#f3c526; padding:0 84px 10px 0;}
h3 {font-size:14px; line-height:21px; color:#e9dbb6; padding:0 84px 10px 0;}
a {color:#e6dfc5;}
a:hover {color:#f3c526;}
ul {padding-left:50px;}
#title {font-size:9px;}
.img {border:5px solid #606060; margin-left:15px;}
.flashIMG {border:5px solid #606060;}
.small {font-size:11px; line-height:15px; color:#e9dbb6; padding:0 84px 10px 0; font-weight:lighter;}
.featureSmall {font-size:10px; line-height:15px; color:#9b9b9b; text-align:right;}
.h2 {font-size:16px; line-height:24px; color:#f3c526; font-weight:bold;}
.smallIMG {border:2px solid #606060; margin-left:10px;}
.purchase {border-bottom:1px dotted #F4C726; margin:0 84px 30px 0;}


/*Header*/
#header {background:url(img/header.jpg) no-repeat; height:270px; position:relative;}
#header a.link1 {position:absolute; top:45px; left:80px; height:215px; width:215px;}
#header a.link2 {position:absolute; top:120px; left:290px; height:35px; width:180px;}
#login {position:absolute; top:100px; left:635px; width:400px;}
#users #login {display:none;}


/*Navigation*/
#nav {text-align:right; position:absolute; top:178px; left:323px; width:750px;}
#nav a, #usersNav a {float:left; font-size:13px; color:#fff; text-decoration:none; padding-left:18px;}
#nav a:hover, #about a.about, #get_fit_news a.get_fit, #services a.services, #books a.books, #clients a.clients, #onlineResources a.online_resources, #videoTutorials a.video_tutorials, #blog a.blog, #contact a.contact {color:#f3c526;}

#usersNav {display:none; text-align:right; position:absolute; top:130px; left:625px; width:375px; background:url(img/usersNav.jpg) no-repeat; height:30px;}
#usersNav a {color:#f3c526; padding:3px 0 0 19px;}
#usersNav a:hover {color:#fff;}
#users #usersNav {display:block;}


/*Content*/
#pageHeader {background:url(img/contentTop.jpg) no-repeat; height:49px; padding-left:84px;}
#content {background:url(img/contentBG.jpg) repeat-y; padding:0 0 15px 84px;}
#welcome {width:600px;}
#boxes {height:1px;}
#flash {position:absolute; top:240px; left:720px; height:187px;}
#widget {position:absolute; top:450px; left:450px;}
#EmHO {height:500px; width:600px;}
#EmHO div {padding:20px; margin:0; text-align:left;}
#active {width:400px; position:absolute; left:725px; top:470px;}

/*Get Fit News*/
#getFitNews {width:435px; border-right:1px dashed #e6dfc5; padding:30px 0 25px 0; float:left;}
#getFitNews h2 {color:#f4c726; font-size:12px; line-height:14px; padding-top:5px;}
#getFitNews h3 {color:#9b9b9b; font-size:10px; line-height:12px;}
#getFitNews p {color:#9b9b9b; font-size:12px; line-height:18px; padding-right:35px;}

/*Featured Product*/
#featuredProduct {width:486px; float:left; padding:30px 0 25px 27px;}
#featuredProduct p {color:#9b9b9b; font-size:12px; line-height:18px; padding-right:35px;}

/*Form*/
input {font-size:13px;}
ul.contactForm {display:block;}
ul.contactForm li {margin:0; padding:5px; display:block; list-style:none; position:relative; clear:both; height:30px;}
ul.contactForm label {margin:0; padding:0; width:541px; position:absolute; top:8px; left:10px;}
ul.contactForm input, ul.contactForm select, ul.contactForm textarea {border:#e6dfc5 2px solid; width:210px; margin-left:150px; position:relative; z-index:1000;}
ul.contactForm li#comments {margin-bottom:40px;}
ul.contactForm li#interest, ul.contactForm li#locations {width:100%; height:15px;}
ul.contactForm input#yourself, ul.contactForm li#numberEmployees input#100, ul.contactForm input#single {margin-left:142px;}
ul.contactForm input#company, ul.contactForm input#multiple {margin-left:40px;}
ul.contactForm input#yourself, ul.contactForm input#company, ul.contactForm input#single, ul.contactForm input#multiple {border:none; width:20px;}
ul.contactForm li#numberEmployees input {margin-left:10px; border:none; width:20px;}
ul.contactForm li#healthServices {height:40px;}
ul.contactForm input#healthBox {border:none; margin-left:0; width:20px;}

#contactEmployees {margin-left:142px; padding-top:5px;}


/*Footer*/
#footer {background:url(img/footer.jpg) no-repeat; height:131px; position:relative}
#footer p {font-size:12px; color:#e6dfc5; line-height:22px; padding:25px 0 0 150px; float:left;}
#footer p .top100 {position:absolute; top:15px; left:84px;}
#footerNav {text-align:right; color:#e6dfc5; font-size:12px; line-height:22px; padding:25px 72px 0 0; float:right;}
#footerNav a {color:#e6dfc5; text-decoration:none;}
#footerNav a:hover {color:#f3c526;}
