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

body{background:#6b7b82 url(../img/bg.jpg) repeat-x top center; border:none; padding:0px; margin:0px;}

.inlineBlock{display: inline-block;}
.iframe{background:#252525; border:none; height:60px;}

a {font-family:Arial, Helvetica, sans-serif; color:#ffffff; size:10px;  margin:0px; padding:0px; text-align:left;}
a:hover{color:#F03;}

p{font-family:Arial, Helvetica, sans-serif; color:#fff; text-align:left;}

h1{font-family:Arial, Helvetica, sans-serif; color:#ffffff;  margin:0px; padding:0px;}
h2{font-family:Arial, Helvetica, sans-serif; color:#ffffff;  margin:0px; padding:0px;}
h3{font-family:Arial, Helvetica, sans-serif; color:#ffffff; margin:0px; padding:0px;}
h5{font-family:Arial, Helvetica, sans-serif; color:#b7b7b7;}
.title{font-family:Arial, Helvetica, sans-serif; color:#ffffff;  margin:0px; padding:0px;}
.text_descrip{width:510px; display:block; position:relative; text-align:justify;}

.slogan_line{background:url(../img/tagline.png) no-repeat 0 0; width:790px; height:40px;top:60px; left:65px; display:block; position:relative;}

/*WRAPPERS///////////////////////////////////////////////*/
#main_wrapper{background:url(../img/bg_bullet_holes.png) repeat-y bottom center; display:block; width:1200px; height:100%;  position:relative; top:0px;}
#top_bg{background:url(../img/bg_upper.jpg) no-repeat 0 0; display:block; width:1200px; height:300px; position:absolute; top:0px;}
#wordmark{background:url(../img/wordmark.png) no-repeat 0 0; position:absolute; display:block;  width:375px; height:154px; left:30px; top: -20px; z-index:2;}
#lower_body_bg{background:url(../img/lower_body_bg.png) no-repeat 0 0; width:1095px; height:359px; position:relative; display:block; z-index:2;}
#subnavwrapper{top: -41px; left: -5px; position:relative; display:inline-block; vertical-align:top; z-index:1;}
#footer{background:#252525; width:729px; display:block; position:relative; top:-65px; padding-top:50px; left:0px;  -webkit-border-radius:10px; -moz-border-radius: 10px; z-index:1;}
#facebook{display:block; position:relative; width:1200px; top:150px;}

.policy_bg{background:#666666; width:729px; display:block; position:relative; top:-35px; left:0px;-webkit-border-radius:10px; -moz-border-radius: 10px;}
 

.leftCOL{display:inline-block; float:left; padding-left:50px; padding-top:40px;}
.rightCOL{display:inline-block; float:right; padding-right:50px; padding-top:20px;}
.centerCOL{ display:inline-block; width:220px; position:relative; left:0px; top:30px;}

/*USING DYNAMIC TABS//////////////////////////////////////////////////////////////////*/
/*#navwrapper{top: 8px; left: -30px; position:relative; display:inline-block; vertical-align:top; z-index:1;}
#main_header{width:1200px; height:473px; position:relative; display:block; top:40px;}
#bg_subhead{background:url(../img/bg_subhead.jpg) no-repeat 0 0; width:1200px; height:50px; position:relative; display:block; top:80px; z-index:2}
#lower_body_wrapper{ width:1200px; top:0px; position:relative; display:block;}
#form_wrapper{background:url(../img/lower_shadow.png) no-repeat 0 -140px; width:1200px; height:300px; position:relative; display:block; top:70px; left:30px;}
#twitter, #twitter a:link{background: url(../img/twitter_up.png) no-repeat 0 0; display:block; width:328px; height:197px; position:relative; z-index:2;}
#twitter a:hover{background:url(../img/twitter_over.png)}*/

/*NOT USING DYNAMIC TABS//////////////////////////////////////////////////////////////////*/
#navwrapper{top: 20px; left: 410px; position:relative; display:inline-block; vertical-align:top; z-index:2;}
#main_header{width:1200px; height:517px; position:relative; display:block; /*top:40px;*/ top:-40px; z-index:1;}
#bg_subhead{background:url(../img/bg_subhead.png) no-repeat 0 0; width:1200px; height:50px; position:relative; display:block; top:0px; z-index:2}
#lower_body_wrapper{ width:1200px; top:0px; position:relative; display:block;}
#form_wrapper{background:url(../img/lower_shadow.png) no-repeat 0 -280px; width:1200px; height:220px; position:relative; display:block; top:0px; left:30px;}
/*#twitter, #twitter a:link{background:url(../img/twitter_up.png) no-repeat 0 0; display:block; width:328px; height:197px; position:relative; z-index:2; cursor:pointer;}
#twitter a:hover{background:url(../img/twitter_over.png)}*/
#twitter {background:url(../img/twitter_bg_alt.png) no-repeat -37px 0px; display:block; width:328px; height:141px; top:20px; position:relative; z-index:2; cursor:pointer;}
/*#twitter a:hover{background:url(../img/twitter_over.png)}*/


/*FORM///////////////////////////////////////////////*/
#form_leftCOL{background:#242424; display:inline-block; float:left; margin-left:50px; margin-top:20px; padding:20px; -webkit-border-radius:10px; -moz-border-radius: 10px;}
#form_rightCOL{display:inline-block; float:right; margin-right:-8px; margin-top:10px; padding:0px;}

.form_text{font-family:Arial, Helvetica, sans-serif; size:12px; text-transform:capitalize; color:#000;}
.submit_btn{background:url(../img/btn_joinNow_up.png) no-repeat 0 0; width:226px; height:47px; display:block; border:none; text-indent:-9999px; cursor:pointer;}

#form_title{background:url(../img/title_form.png) no-repeat 0 0; width:700px; height:25px; display:block; position:relative;}
#form_subtitle{background:url(../img/subtitle_form.png) no-repeat 0 0; width:350px; height:20px; display:block; position:relative;}
.field_label{font-family:Arial, Helvetica, sans-serif; font-size:16px; line-height:24px; color:#ffffff; text-align:left; padding-right:10px;}
.fields{background:#666666;width:146px; font-family:Arial, Helvetica, sans-serif; color:#ffffff; -webkit-border-radius:10px; -moz-border-radius: 10px;}

.input {margin: 5px 0;background: #666666;float: left;clear: both;margin-right:24px;-webkit-border-radius:10px; -moz-border-radius: 10px;}
.input span {position: absolute;padding: 5px;margin-left: 3px;color: #999;-webkit-border-radius:10px; -moz-border-radius: 10px;}
.input input, .input textarea, .input select {position: relative;margin: 0;border-width: 3px;padding: 6px;background: transparent;font: inherit;}

/*TITLES///////////////////////////////////////////////*/
.page_title{display:block; position:relative; width:595px;} 
.page_subtitle{display:block; position:relative; width: 500px;top:20px;}

#about_title{background: url(../img/title_about.png) no-repeat 0 0; width:630px; height:100px; display:block; position:relative;}
#about_subtitle{background:url(../img/subtitle_about.png) no-repeat 0 0; width:430px; height:30px; display:block; position:relative;}
#dynamic_title{background:url(../img/title_dynamic.png) no-repeat 0 0; width:630px; height:60px; display:block; position:relative;}
#dynamic_subtitle{background:url(../img/subtitle_dynamic.png) no-repeat 0 0; width:430px; height:30px; display:block; position:relative;}
#planned_title{background:url(../img/title_planned.png) no-repeat 0 0; width:630px; height:60px; display:block; position:relative;}
#planned_subtitle{background:url(../img/subtitle_planned.png) no-repeat 0 0; width:430px; height:30px; display:block; position:relative;}
#nutrition_title{background:url(../img/title_nutrition.png) no-repeat 0 0; width:630px; height:60px; display:block; position:relative;}
#nutrition_subtitle{background:url(../img/subtitle_nutrition.png) no-repeat 0 0; width:430px; height:30px; display:block; position:relative;}
#socialize_title{background:url(../img/title_socialize.png) no-repeat 0 0; width:630px; height:60px; display:block; position:relative;}
#socialize_subtitle{background:url(../img/subtitle_socialize.png) no-repeat 0 0; width:430px; height:30px; display:block; position:relative;}
#contact_title{background: url(../img/title_contact.png) no-repeat 0 0; width:630px; height:100px; display:block; position:relative;}

/*SCREENSHOTS///////////////////////////////////////////////*/
#screenshot_about{background:url(../img/screenshot_about.png) no-repeat 0 0; width:430px; height:450px; display:block; position:relative;}
#screenshot_dynamic{background:url(../img/screenshot_dynamic.png) no-repeat 0 0; width:430px; height:450px; left:75px; display:block; position:relative;}
#screenshot_planned{background:url(../img/screenshot_planned.png) no-repeat 0 0; width:430px; height:450px; left:75px; display:block; position:relative;}
#screenshot_nutrition{background:url(../img/screenshot_nutrition.png) no-repeat 0 0; width:430px; height:450px; left:75px; display:block; position:relative;}
#screenshot_socialize{background:url(../img/screenshot_socialize.png) no-repeat 0 0; width:430px; height:450px; left:75px; display:block; position:relative;}
#screenshot_blog{background:url(../img/screenshot_blog.png) no-repeat 0 0; width:430px; height:450px; left:75px; display:block; position:relative;}
#screenshot_contact{background:url(../img/screenshot_contact.png) no-repeat 0 0; width:650px; height:450px; display:block; position:relative; top:-250px;}

/*LISTS///////////////////////////////////////////////////////*/
ul{margin:0px; padding:0px;}
li{list-style-type:none;}
ul.a{margin:0px; padding:0px; list-style-type:none; font-family:Arial, Helvetica, sans-serif; font-size:18px; color:#fff;}
li.a{background:url(../img/bullet.png) no-repeat 0 0; height: 30px; line-height:25px; padding-left:35px;}

/*NAV///////////////////////////////////////////////////////*/
#corner_ribbon {width:140px; height:140px; display:block; position:relative; z-index:2; top:95px; float:right; right:-5px;}
#corner_ribbon a{background:url(../img/corner_ribbon.png) no-repeat 0 -140px; width:140px; height:140px; display:block; position:relative;}
#corner_ribbon a:hover{background-position:0px 0px;}


#button_about {display: inline-block; position: relative; height: 55px; width: 125px; top:30px; cursor: pointer; margin-right:-5px;vertical-align:bottom;}
#button_about a{background:url(../img/nav_about.png) no-repeat 0 -3px ; display: inline-block; position: relative; height: 55px; width: 125px;}
#button_about a:hover{background-position:0px -63px;height:65px;top:-15px; vertical-align:bottom;}
#button_about.active{background:url(../img/nav_about.png) no-repeat 0 -50px; top:30px;}

#button_dynamic{display: inline-block; position: relative; height: 55px; width: 125px; top:30px; cursor: pointer;margin-right:-5px;vertical-align:bottom;}
#button_dynamic a{background:url(../img/nav_dynamic.png) no-repeat 0 -3px ; display: inline-block; position: relative; height: 55px; width: 125px; }
#button_dynamic a:hover{background-position:0px -63px;height:65px;top:-15px; vertical-align:bottom;}
#button_dynamic.active{background:url(../img/nav_dynamic.png) no-repeat 0 -50px; top:30px;}

#button_planned{display: inline-block; position: relative; height: 55px; width: 125px; top:30px; cursor: pointer;margin-right:-5px;vertical-align:bottom;}
#button_planned a{background:url(../img/nav_planned.png) no-repeat 0 -3px ; display: inline-block; position: relative; height: 55px; width: 125px; }
#button_planned a:hover{background-position:0px -63px;height:65px;top:-15px; vertical-align:bottom;}
#button_planned.active{background:url(../img/nav_planned.png)  no-repeat 0 -50px; top:30px;}

#button_nutrition{display: inline-block; position: relative; height: 55px; width: 125px; top:30px; cursor: pointer;margin-right:-5px;vertical-align:bottom;}
#button_nutrition a{background:url(../img/nav_nutrition.png) no-repeat 0 -3px ; display: inline-block; position: relative; height: 55px; width: 125px; }
#button_nutrition a:hover{background-position:0px -63px;height:65px;top:-15px; vertical-align:bottom;}
#button_nutrition.active{background:url(../img/nav_nutrition.png) no-repeat 0 -50px; top:30px;}

#button_socialize{display: inline-block; position: relative; height: 55px; width: 125px; top:30px; cursor: pointer;margin-right:-5px;vertical-align:bottom;}
#button_socialize a{background:url(../img/nav_socialize.png) no-repeat 0 -3px ; display: inline-block; position: relative; height: 55px; width: 125px; }
#button_socialize a:hover{background-position:0px -63px;height:65px;top:-15px; vertical-align:bottom;}
#button_socialize.active{background:url(../img/nav_socialize.png)  no-repeat 0 -50px; top:30px;}

#button_contact {display: inline-block; position: relative; height: 55px; width: 125px; top:30px; cursor: pointer;margin-right:-5px;vertical-align:bottom;}
#button_contact a{background:url(../img/nav_contact.png) no-repeat 0 -3px ; display: inline-block; position: relative; height: 55px; width: 125px;}
#button_contact a:hover{background-position:0px -63px;height:65px;top:-15px; vertical-align:bottom;}
#button_contact.active{background:url(../img/nav_contact.png) no-repeat 0 -50px; top:30px;}

#button_blog {display: inline-block; position: relative; height: 55px; width: 125px; top:30px; cursor: pointer;margin-right:-5px;vertical-align:bottom;}
#button_blog a{background:url(../img/nav_blog.png) no-repeat 0 -3px ; display: inline-block; position: relative; height: 55px; width: 125px;}
#button_blog a:hover{background-position:0px -63px;height:65px;top:-15px; vertical-align:bottom;}
#button_blog.active{background:url(../img/nav_blog.png) no-repeat 0 -50px; top:30px;}

#button_buy {display: inline-block; position: relative; height: 55px; width: 125px; top:30px; cursor: pointer;margin-right:-5px;vertical-align:bottom;}
#button_buy a{background:url(../img/nav_buy.png) no-repeat 0 -3px ; display: inline-block; position: relative; height: 55px; width: 125px;}
#button_buy a:hover{background-position:0px -63px;height:65px;top:-15px; vertical-align:bottom;}
#button_buy.active{background:url(../img/nav_buy.png) no-repeat 0 -50px; top:30px;}


/*ACCORDION FOOTER/////////////////////////////////////////////////////////////*/
.drawers {margin-bottom:15px;color:#76797C;font-size:11px;line-height: 18px;}
.drawers A {color:#666666;text-decoration:none;font-family:Arial, Helvetica, sans-serif;font-size-adjust:none;font-style:normal;font-variant:normal;font-weight:normal;}
.drawer li {line-height:16px;padding:6px 0pt;}
UL.drawers {margin: 0;}
.drawer-handle {background:#939393;color:#333333;cursor:pointer;font-size:12px;font-weight:normal;height:25px;line-height:25px;margin-bottom:0pt;text-indent:15px;width:100%;  border: 1px #252525 inset;}
.drawer-handle.open {background-color:#72839D;background-position:-188px 0pt;color:#FFFFFF;}
.drawer UL {padding: 0 12px;padding-bottom:0pt; }
.drawer-content UL {padding-top: 7px; }
.drawer-content LI A {display:block;overflow:hidden;}