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

/* --------- BODY ------------ */
body
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:black;
	background-color:#222222;
	margin:0 auto;
	padding:0;
	/*text-align:justify;*/
}
#main_container
{
	width:750px;
	margin:0 auto;
	position:relative;
}

/* --------- HEADER --------- */
#header
{
	margin:10px 0 10px 0;
	color:#FFFFFF;
}
.barre_h {
	background:url(/images/barre-750-40.png) no-repeat;
	width:750px;
	height:40px;
}
#logo
{
	background:url(/images/awdb-header750-113r.png) no-repeat;
	width:750px;
	height:113px;
	margin:20px 0px;
}
#notice_container
{
	/*width:500px;*/
	font-size:11px;
	color:#dddddd;
	margin: 10px 0px 0px 10px;
}
#login_container
{
	/*width:500px;*/
	font-size:11px;
	color:#dddddd;
}
#login_container .label
{
	width:50px;
	padding:5px;
	text-align:right;
	margin:0px 0 0px 0;
	color:#dddddd;
}
#login_container .text
{
	width:55px;
	height:13px;
	/*padding:2px;*/
	margin:4px 0 0px 0;
	border: 1px dotted #cccccc;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#dddddd;
	/*background-color:#dddddd;*/
	background-color:transparent;
}
#login_container .submit
{
	/*font-weight:bolder;*/
	text-transform:uppercase;
	font-stretch:extra-condensed;
	padding:2px;
	margin:3px 0 0 0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#eeeeee;
	background:none;
	border:none;
	cursor:pointer;
	width:60px;
	/*border: 1px solid #cccc33;*/
}

#login_container a:link, #login_container a:visited, #login_container a:active
{
	color:#CCCCcc;
	text-decoration:none;
}
#login_container a:hover
{
	color:#ffff00;
	text-decoration:none;
}
.submit_white
{
	font-weight:bolder;
	text-transform:uppercase;
	font-stretch:extra-condensed;
	padding:2px;
	margin:5px 10px 0 10px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#FFFFFF;
	background:none;
	border:none;
	cursor:pointer;
	width:90px;
	/*border: 1px solid #cccc33;*/
}
.sumbit_white submit:hover {
	color: #cccc33;
	background: #cccc33;
}
#banner
{
	background:url(/images/banner.jpg) no-repeat;
	width:900px;
	height:208px;
}
#banner_lines
{
	background:#FFFFFF url(/images/back_top.jpg) repeat-x;
	width:900px;
	height:11px;
	/*padding:21px 10px 10px 10px;*/
	margin:10px 0 0px 0;
}
.col_150 {
	width:150px;
	min-width:150px;
	width: expression(this.width<150 ? 150:true);
}
.col_180 {
	width:180px;
	min-width:180px;
	width: expression(this.width<180 ? 180:true);
}
.col_200 {
	width:200px;
	min-width:200px;
	width: expression(this.width<200 ? 200:true);
}
/* --------- MENU --------- */
.menu
{
	font-weight:bolder;
	text-transform:uppercase;
	font-stretch:extra-condensed;
	font-size:11px;
	text-align:center;
	padding:0 0 0px 0;
	background-color: #222222;
}
.menu_item
{
	margin:0 10px 0 10px;
	text-align:center;
}
.menu_item a
{
	color:#000000;
	text-decoration:none;
	padding:2px;
}
.menu_item a:link, .menu_item a:visited, .menu_item a.active
{
	color:#000000;
	background:#FFFFFF;
}
.menu_item a:hover
{
	background:#CCCC33;
}

/* --------- CONTENT --------- */
#content_container
{
	background:#dddddd;
	padding:0 0 20px 0;
	min-height: 300px;
	height: expression(this.height<400 ? 300:true);
}
#wp_content{
	padding: 0px 20px 0px 20px;
}
#content_wlc{
	padding: 0px 20px 0px 20px;
	width:650px;
}
.round_green
{
	width:280px;
	background:#CCCC33;
	margin:0 20px 20px 0;
}
.round_green .top
{
	height:20px;
	width:280px;
	background:url(/images/corner_green_top.jpg) no-repeat 260px 0px;
}
.round_green .bot
{
	height:20px;
	width:280px;
	background:url(/images/corner_green_bot.jpg) no-repeat 260px 0px;
}
.round_green li
{
	list-style-type:none;
	/*background:url(/images/arrow_green.jpg) no-repeat;*/
	color:#FFFFFF;
	font-size:14px;
	margin:5px 0 5px 0;
	padding:0 0 0 20px;
}
.round_grey
{
	width:280px;
	background:#999999;
	margin:0 20px 20px 0;
}
.round_grey .top
{
	height:20px;
	width:280px;
	background:url(/images/corner_grey_top.jpg) no-repeat 260px 0px;
}
.round_grey .bot
{
	height:20px;
	width:280px;
	background:url(/images/corner_grey_bot.jpg) no-repeat 260px 0px;
}
.round_grey .nav_head
{
	list-style-type:none;
	background:url(/images/arrow_grey.jpg) no-repeat;
	color:#FFFFFF;
	font-size:14px;
	margin:5px 0 5px 30px;
	padding:0 0 0 20px;
}
.round_grey a:visited, .round_grey a:link
{
	color:#FFFFFF;
}
.round_grey a:hover, .round_grey a:active
{
	color:#000000;
	/*text-decoration: underline overline;*/
	background:#cccc33;
}
.round_grey li
{
	list-style-type:none;
	/*background:url(/images/arrow_grey.jpg) no-repeat;*/
	color:#FFFFFF;
	font-size:12px;
	margin:5px 0 5px 0px;
	/*padding:0 0 0 0px;*/
}
.round_green_s
{
	width:170px;
	background:#CCCC33;
	margin:0 20px 20px 0;
}
.round_green_s .top
{
	height:20px;
	width:170px;
	background:url(/images/corner_green_top.jpg) no-repeat 150px 0px;
}
.round_green_s .bot
{
	height:20px;
	width:170px;
	background:url(/images/corner_green_bot.jpg) no-repeat 150px 0px;
}
.round_green_s li
{
	list-style-type:none;
	background:url(/images/arrow_green.jpg) no-repeat;
	color:#FFFFFF;
	font-size:14px;
	margin:5px 0 5px 0;
	padding:0 0 0 20px;
}
.round_grey_s
{
	width:170px;
	background:#999999;
	margin:0 20px 20px 0;
}
.round_grey_s .top
{
	height:20px;
	width:170px;
	background:url(/images/corner_grey_top.jpg) no-repeat 150px 0px;
}
.round_grey_s .bot
{
	height:20px;
	width:170px;
	background:url(/images/corner_grey_bot.jpg) no-repeat 150px 0px;
}
.round_grey_s .nav_head
{
	list-style-type:none;
	background:url(/images/arrow_grey.jpg) no-repeat;
	color:#FFFFFF;
	font-size:14px;
	margin:5px 0 5px 5px;
	padding:0 0 0 20px;
}
.round_grey_s a:visited, .round_grey_s a:link
{
	color:#FFFFFF;
}
.round_grey_s a:hover, .round_grey_s a:active
{
	color:#000000;
	/*text-decoration: underline overline;*/
	background:#cccc33;
}
.round_grey_s li
{
	list-style-type:none;
	/*background:url(/images/arrow_grey.jpg) no-repeat;*/
	color:#FFFFFF;
	font-size:12px;
	margin:5px 0 5px 0px;
	/*padding:0 0 0 0px;*/
}
.hr_white
{
	border-top:1px solid #FFFFFF;
	border-bottom:1px solid #FFFFFF;
	height:2px;
	margin:0 0 10px 0;
	width:100%;
}
.close_btn
{
	float:right;
	margin: -15px 10px 0px 0px;
}
#feat_img
{
	/*background:#FFFFFF;*/
	/*text-align:center;*/
	width:125px;
	/*height:66px;*/
	margin:10px 0px 10px 10px;
	overflow:hidden;
	/*margin:0 0 0 20px;*/
}
#feat_text
{
	margin:0 0 0 20px;
}
.goal_container
{
	margin:0 10px 10px 0;
	text-align:right;
	font-size: 17px;
	font-weight: bold;
	text-decoration:underline;
	color: #000000;
	padding:10px;
	width:168px;
	height:278px;
	overflow:hidden;
	border:1px solid #000000;
}
#goal_h1
{
	background:url(/images/back_weight_loss.jpg) no-repeat;
}
#goal_h2
{
	background:url(/images/back_muscles.jpg) no-repeat;
	color: #ffffff
}
#goal_h3
{
	background:url(/images/back_energy.jpg) no-repeat;
}
#goal_b1
{
	background:url(/images/back_deals.jpg) no-repeat;
	color: #ffffff
}
#goal_b2
{
	background:url(/images/back_joints.jpg) no-repeat;
}
#goal_b3
{
	background:url(/images/back_weight_gain.jpg) no-repeat;
	color: #ffffff
}

/* FOOTER */
#footer
{
	background:#222222 url(/images/bottom-clair-d.png) repeat-x;
	padding:21px 10px 10px 10px;
	margin:0 0 10px 0;
	text-align:center;
}
#footer_copy {
	/*font-size:8px;*/
	/*text-align:justify;*/
	color:#999999;
}
.disclaimer {
	font-size:8px;
	text-align:justify;
	color:#666666;
}
/* TITLES --- MIGHT NEED CHANGE!!! */
h1
{
	text-transform:uppercase;
	font-weight:lighter;
	font-size:14px;
	margin:0;
	padding:0 0 2px 10px;
	color:#FFFFFF;
}
h2
{
	font-weight:bolder;
	text-transform:uppercase;
	font-stretch:extra-condensed;
	font-size:14px;
	margin:0;
	padding:5px 0 12px 0;
}
h3
{
	font-weight:bold;
	font-size:12px;
	margin:0;
	padding:5px 0 5px 0;
}

/* LINKS */
.button_white, .button_grey, .button_green
{
	padding:2px;
	margin:5px 0 0 0;
	font-size:14px;
	font-weight:bolder;
	text-transform:uppercase;
	font-stretch:extra-condensed;
}
.button_white a:link, .button_white a:visited, .button_white a.active, .button_green a:hover
{
	color:#FFFFFF;
	text-decoration:none;
}
.button_grey a:link, .button_grey a:visited, .button_grey a.active, .button_white a:hover
{
	color:#333333;
	text-decoration:none;
}
.button_green a:link, .button_green a:visited, .button_green a.active, .button_grey a:hover
{
	color:#CCCC33;
	text-decoration:none;
}
#footer a:link, #footer a:visited, #footer a.active
{
	color:#CCCCCC;
	text-decoration:none;
}
#footer a:hover
{
	color:#999999;
	text-decoration:none;
}
/*
a:link, a:visited, a:active 
{
	font-weight:bold;
	color:#CC0000;
}
a:hover 
{
	font-weight:bold;
	color:#0099FF;
} 
*/
/* Links Generic */
a:link {
	color: #000000;
	text-decoration: none;
	border: 0px solid white;
}
a:visited {
	text-decoration: none;
	color: #000000;
}
a:hover {
	text-decoration: none;
	color: #ffff00;
}
a:active {
	text-decoration: none;
	color: #ffff00;
}
a:img {
	border: 0px solid white;
}

/* FONTS */
.font_red
{
	color:#CC0000;
}
.font_white
{
	color:#FFFFFF;
}
.font_green
{
	color:#CCCC33;
}
.font_black
{
	color:#000000;
}
.bold {
	font-weight: bold;
}
/* FLOATS */
.f_left
{
	float:left;
	display:inline;
}
.f_right
{
	float:right;
	display:inline;
}
.float_left
{
	float:left;
	display:inline;
}
.float_right
{
	float:right;
	display:inline;
}
.clear
{
	clear:both;
}
.clear_l
{
	clear:left;
}
.clear_r
{
	clear:right;
}
/*---- Forms css--------*/
.l_80 {
	min-width: 80px;
	width: expression(this.width<80 ? 80:true);
	min-height: 28px;
	height: expression(this.width<28 ? 28:true);
	float: left;
}
.l_100 {
	min-width: 100px;
	width: expression(this.width<100 ? 100:true);
	min-height: 28px;
	height: expression(this.width<28 ? 28:true);
	float: left;
}
.l_120 {
	min-width: 120px;
	width: expression(this.width<120 ? 120:true);
	min-height: 28px;
	height: expression(this.width<28 ? 28:true);
	float: left;
}
.l_1 {
	min-height: 28px;
	height: expression(this.width<28 ? 28:true);
	float: left;
}
.l_2 {
	min-height: 56px;
	height: expression(this.width<56 ? 56:true);
	float: left;
}
.l_3 {
	min-height: 84px;
	height: expression(this.width<84 ? 84:true);
	float: left;
}
.f200 {
	min-width: 200px;
	width: expression(this.width<120 ? 120:true);
	min-height: 28px;
	height: expression(this.width<28 ? 28:true);
	float: left;
}
.c1_form {
	min-width: 340px;
	width: expression(this.width<340 ? 340:true);
	float:left;
	/*border: 1px solid #00ffff;*/
}
.c2_form {
	padding-left: 10px;
	min-width: 340px;
	width: expression(this.width<340 ? 340:true);
	float:left;
	/*border: 1px solid #ff00ff;*/
}
.c3_form {
	min-width: 300px;
	width: expression(this.width<300 ? 300:true);
	float:left;
	/*border: 1px solid #00ffff;*/
}
.bord {
	border: 1px solid green;
}