/* CSS Document */



@import "reset.css";



.floatL {float: left;}

.floatR {float: right;}

.noFloat {

	clear: both !important;

	float: none;

	width: 1px !important;

	height: 0px;

	line-height: 0em !important;

	font-size: 0px !important;

	margin: 0px !important;

	padding: 0 !important;

}

.noFloatSpan { /*no 1px height*/

	display: block;

	*display: inline;

	clear: both !important;

	width: 1px !important;

	height: 0px;

	line-height: 0em !important;

	font-size: 0px !important;

	margin: 0px !important;

	padding: 0 !important;

}



body {

	font: 13px Arial, Verdana, "sans serif"; color: #64686B; line-height: 17px;
	background:#FFFFFF url(../images/main_bg.gif) repeat-x;
	line-height:16px;

	}

	

#main_container {

	width:900px;

	margin:0 auto;

	background-color:#ffffff;
	margin-bottom:50px;

	}

	

.header { width:100%; height:80px; background:#F1F4F5 url(../images/header_bg.gif) repeat-x; }

.logo {

	width:250px;

	height:59px;

	float:left;

	padding-top:21px;

	}

	

.top_links {

	float:right;

	padding-top:30px;

	padding-right:25px;

	}
.top_links a { font-size:12px; color:#FF3C00; text-decoration:none; text-transform:uppercase;}
.top_links a:hover { color:#FF3C00; text-decoration:underline;}

	

.home_top,.contact_top,.map_top {

	font-size:11px;

	color:#000000;

	background:url(../images/home_icon.gif) left no-repeat;

	padding-left:15px;

	line-height:17px;

	margin-right:10px;

	float:left;

	}

	

.contact_top {background:url(../images/contact_icon.gif) left no-repeat;}

.map_top {background:url(../images/sitemap_icon.gif) left no-repeat;}



.home_top a {color:#000000; text-decoration:none;}

.home_top a:hover {color:#000000; text-decoration: underline;}



.contact_top a {color:#000000; text-decoration:none;}

.contact_top a:hover {color:#000000; text-decoration: underline;}



.map_top a {color:#000000; text-decoration:none;}

.map_top a:hover {color:#000000; text-decoration: underline;}





/*-------------------------------[start] MENU----------------------------*/



.menu_container {

	width:880px;

	height:40px;

	background: #2B8ECD url(../images/menu_bg.gif) repeat-x;

	padding-left:20px;

	}

	

.menu_text {display: none;}

	

#menu1 {

    background: url(../images/menu/home.jpg) 0px -40px no-repeat;

	float:left;

} 

#menu1 a {

    text-decoration: none;

    display: block;

    width: 64px; height:40px;

    background: url(../images/menu/home.jpg) 0 0 no-repeat;

}

#menu1 a.over {

    background: none;

}

#menu1 a:hover {

    background: none;

} 



#menu2 {

    background: url(../images/menu/workout_programs.jpg) 0px -40px no-repeat;

	float:left;

} 

#menu2 a {

    text-decoration: none;

    display: block;

    width: 149px; height:40px;

    background: url(../images/menu/workout_programs.jpg) 0 0 no-repeat;

}

#menu2 a.over {

    background: none;

}

#menu2 a:hover {

    background: none;

} 





#menu3 {

    background: url(../images/menu/workout_videos.jpg) 0px -40px no-repeat;

	float:left;

} 

#menu3 a {

    text-decoration: none;

    display: block;

    width: 133px; height:40px;

    background: url(../images/menu/workout_videos.jpg) 0 0 no-repeat;

}

#menu3 a.over {

    background: none;

}

#menu3 a:hover {

    background: none;

} 





#menu4 {

    background: url(../images/menu/supplements.jpg) 0px -40px no-repeat;

	float:left;

} 

#menu4 a {

    text-decoration: none;

    display: block;

    width: 102px; height:40px;

    background: url(../images/menu/supplements.jpg) 0 0 no-repeat;

}

#menu4 a.over {

    background: none;

}

#menu4 a:hover {

    background: none;

} 





#menu5 {

    background: url(../images/menu/podcast.jpg) 0px -40px no-repeat;

	float:left;

} 

#menu5 a {

    text-decoration: none;

    display: block;

    width: 83px; height:40px;

    background: url(../images/menu/podcast.jpg) 0 0 no-repeat;

}

#menu5 a.over {

    background: none;

}

#menu5 a:hover {

    background: none;

} 





#menu6 {

    background: url(../images/menu/articles.jpg) 0px -40px no-repeat;

	float:left;

} 

#menu6 a {

    text-decoration: none;

    display: block;

    width: 79px; height:40px;

    background: url(../images/menu/articles.jpg) 0 0 no-repeat;

}

#menu6 a.over {

    background: none;

}

#menu6 a:hover {

    background: none;

} 





#menu7 {
/*    background: url(../images/menu/home_program.jpg) 0px -40px no-repeat;  */
    background: url(../images/menu/contact.jpg) 0px -40px no-repeat; 
    float:left;
} 

#menu7 a {
    text-decoration: none;
    display: block;
    width: 63px; height:40px;
/*    background: url(../images/menu/home_program.jpg) 0 0 no-repeat; */
    background: url(../images/menu/contact.jpg) 0 0 no-repeat;
}

#menu7 a.over {
    background: none;
}

#menu7 a:hover {
    background: none;
} 





#menu8 {

    background: url(../images/forum_btn.gif) 0px -40px no-repeat;

	float:left;

} 

#menu8 a {

    text-decoration: none;

    display: block;

    width: 70px; height:40px;

    background: url(../images/forum_btn.gif) 0 0 no-repeat;

}

#menu8 a.over {

    background: none;

}

#menu8 a:hover {

    background: none;

} 

#menu9 {
    background: url(../images/menu/login.jpg) 0px -40px no-repeat;
	float:left;
} 

#menu9 a {
    text-decoration: none;
    display: block;
    width: 56px; height:40px;
    background: url(../images/menu/login.jpg) 0 0 no-repeat;
}

#menu9 a.over {
    background: none;
}

#menu9 a:hover {
    background: none;
} 

#menu10 {
    background: url(../images/menu/logout.jpg) 0px -40px no-repeat;
	float:left;
} 

#menu10 a {
    text-decoration: none;
    display: block;
    width: 56px; height:40px;
    background: url(../images/menu/logout.jpg) 0 0 no-repeat;
}

#menu10 a.over {
    background: none;
}

#menu10 a:hover {
    background: none;
} 


/*-------------------------------[end] MENU----------------------------*/



.banner_container {

	width:880px;

	background:#ffffff url(../images/banner_bg.gif) bottom repeat-x;

	padding:40px 0px 10px 20px;

	}

	

.banner_lc {

	width:610px;

	float:left;

	}

	

.banner_title {

	width:630px;

	height:50px;

	background:url(../images/banner_title3.jpg) no-repeat;

	border-bottom:1px solid #E4E5E5;

	padding-bottom:10px;

	float:left;

	}

	

.banner_foto {

	width:248px;

	height:249px;

	background:url(../images/banner_foto.gif) no-repeat;

	float:right;
margin-top:73px;

	}

	

.banner_text {

	width:630px;

	font-size:13px;

	color:#34383B;

	line-height:16px;

	float:left;

	padding-top:10px;

	padding-bottom:25px;

	}

	

.banner_btn {

	width:128px;

	height:52px;

	float:left;

	}

	

.content_black {

	width:900px;

	height:146px;

	background: #3E4745 url(../images/black_bg.gif) repeat-x;

	margin-bottom:25px;

	float:left;

	}

	

.box_black,.box_black_nobg {

	width:300px;

	height:146px;

	float:left;

	background:url(../images/black_line.gif) right no-repeat;

	}

	

.box_black_nobg {background:none;}

	

.free_videos_title,.podcast_title,.member_title {

	display:block;

	width:224px;

	height:24px;

	background:url(../images/free_videos_title.gif) bottom no-repeat;

	margin:25px 0px 5px 15px;

	}

	

.podcast_title {background:url(../images/podcast_title.gif) bottom no-repeat;}

.member_title {background: url(../images/supplement_reviews.gif) left bottom no-repeat;}

	

.black_box_text {

	color:#AEB8B5;

	padding:0px 10px 0px 15px;

	}

	

.black_box_link {

	color:#FFFFFF;

	background:url(../images/arrow.gif) left 7px no-repeat;

	margin-left:15px;

	padding-left:20px;

	padding-top:7px;

	}

	

.black_box_link a{color:#ffffff; text-decoration:none;}

.black_box_link a:hover{color:#ffffff; text-decoration: underline;}



.content_white {

	width:900px;

	padding-bottom:30px;

	float:left;

	}

	

.box_white {

	width:260px;

	float:left;

	padding-left:20px;

	padding-right:20px;

	}

	

.box_white_title {

	font-size:14px;

	color:#383D3D;

	padding-bottom:10px;

	}

	

.box_white_text {

	font-size:13px;

	color:#383D3D;

	padding-top:10px;

	padding-bottom:10px;

	}

	

.learn_btn {

	width:97px;

	height:51px;

	}

	

.footer {

	width:880px;
	margin:0 auto;
	float:left;
	background-color:#E6ECED;
	padding:0 10px 10px 10px;
	}

	

.footer_links,.designed {

	font-size:11px;

	color:#657375;

	text-align:center;

	padding-top:20px;

	line-height:16px;

	}

	

.designed {padding-top:2px;}

.footer_links a{ color:#657375; text-decoration:none;}

.footer_links a:hover{ color:#657375; text-decoration: underline;}

.designed a{ color:#657375; text-decoration:none;}

.designed a:hover{ color:#657375; text-decoration: underline;}



.copyright {

	font-size:11px;

	color:#889395;

	text-align:center;

	border-top:1px solid #C7D1D3;

	margin:10px 30px 0px 30px;

	padding-top:10px;

	}
.redtext {

/*     font-family: "Trebuchet MS", Verdana, Arial, sans-serif; */

    color:#D11010;
}		

a.lounge { padding: 14px 0pt 0pt; display: block; float: right;}

.banner-video { background:url(../images/video_box_bg.jpg) no-repeat; width:318px; height:257px; padding:10px; margin-left:20px; float:right;}

.banner_container2 { padding:90px 0 0 35px; background:url(../images/home_banner_bg.jpg) no-repeat; width:865px; height:298px;}
.banner_container3 { padding:125px 0 15px 40px; background:url(../images/home_banner_bg2.jpg) no-repeat; width:860px;}

.home-banner-subheading { font-size:15px; color:#000; margin:0; padding:0 0 15px 0; font-weight:bold;}

p.home-banner-text { font-size:13px; color:#4F4F4F; margin:0; padding:0 0 15px 0; }

.home-form { width:405px; height:84px; background:url(../images/home_form_bg.jpg) no-repeat; padding:15px; margin:20px 0 0 0;}
.home-input { width:150px; height:20px; background:url(../images/home_input_bg.jpg) no-repeat; border: none; padding:3px 0 0 5px;}
 
p.list {
background:transparent url(../images/arrow01.gif) no-repeat scroll left center;
font-weight:normal;
line-height:16px;
margin:0 0 0 20px;
padding:0 0 0 22px;
}


#members-wrapper { width:863px; margin:0 auto; padding:20px 17px 40px 20px;}
#members-wrapper2 { width:868px; margin:0 auto; padding:20px 17px 40px 17px;}
img { border:none;}
.banners-box { width:844x; height:182px; margin:10px 0; padding:8px 4px 8px 8px; background:url(../images/latest/banners_box_bg.jpg) no-repeat;}
.banners-box a img { margin-right:5px;}
.ask-joey-banner { width:860px; height:92px; background:url(../images/latest/ask_joey_banner.jpg) no-repeat; padding:50px 0 0 0;}
a.ask-joey-link { display:block; width:860px; height:93px;}