@charset "utf-8"; /* CSS Document */ body { margin: 0; padding: 0; text-align: center; background-color: #fff; background-image: url('../media/graphics/background.jpg'); background-position: top; background-repeat: repeat-x; font-family: Arial, Helvetica, sans-serif; } p { margin: 0; padding: 0; } img { border: 0; } .clear { clear: both; height: 0; line-height: 0; margin: 0; padding: 0; font-size: 0px; } #container { position: relative; text-align: center; width: 1050px; height: 1170px; margin: 0; padding: 0; background-image: url('../media/graphics/hom_background.jpg'); background-position: top center; background-repeat: no-repeat; } #config { position: absolute; top: 33px; left: 152px; visibility: visible; z-index: 10; margin: 0; padding: 0; } #config #dis-name { float: left; width: 300px; color: #000; font-size: 11px; text-align: left; font-weight: bold; margin: 0 0 0 33px; padding: 0; } #config #dis-info { float: lefr; width: 300px; color: #000; font-size: 11px; text-align: left; font-weight: bold; margin: 0 0 0 461px; padding: 0; } #config a { color: #ef4036; font-size: 11px; text-align: right; font-weight: bold; } #config a:hover { color: #ef4036; font-size: 11px; text-align: right; font-weight: bold; text-decoration: none; } #navigation { float: left; width: 800px; height: 40px; margin: 40px 0 0 178px; padding: 0; } #menu { width: 710px; font-family: Century Gothic; font-weight: bold; text-transform: uppercase; padding: 0; margin: 0; list-style-type: none; font-size: 16px; height: 40px; } #menu li { float: left; margin: 0; padding: 0; color: #61713c; line-height: 37px; font-weight: bold; } #menu li .logo { width: 139px; padding: 0; margin: 0; } #menu li a { text-decoration: none; display: block; margin: 0; padding: 0 7px 0 7px; line-height: 40px; color: #322e29; } #menu li a:hover, #menu li.active a { color: #ef4036; } #content-wrap { float: left; width: 846px; margin: 55px 0 0 105px; padding: 0; } #home-content-main { float: left; width: 420px; margin: 20px 0 0 10px; padding: 0; } #home-content-main h1 { color: #fff; font-size: 22px; font-family: Verdana, Arial, Helvetica, sans-serif; text-align: left; margin: 0; padding: 0 0 10px 0; } #home-content-main p { color: #fff; font-size: 12px; font-family: Arial, Helvetica, sans-serif; text-align: justify; margin: 0; padding: 0 0 20px 0; line-height: 17px; } #home-content-video { float: right; width: 385px; height: 218px; margin: 0; padding: 0; } #home-content-scroller { float: left; width: 710px; height: 15px; margin: 21px 0 0 120px; padding: 0; } #home-content-scroller p { color: #f3dabc; font-size: 11px; font-family: Arial, Helvetica, sans-serif; text-align: left; line-height: 15px; margin: 0; padding: 0; } #home-distributor-info { float: left; width: 250px; margin: 25px 0 0 10px; padding: 0; } #home-distributor-info h1 { color: #fff; font-size: 16px; font-family: Verdana, Arial, Helvetica, sans-serif; text-align: left; margin: 0; padding: 0 0 10px 0; } #home-distributor-info p { color: #fff; font-size: 11px; font-family: Arial, Helvetica, sans-serif; text-align: justify; margin: 0; padding: 0 0 15px 0; line-height: 15px; } #home-distributor-photo { float: left; width: 136px; height: 136px; margin: 25px 0 0 30px; padding: 0; border: 4px solid #fdca61; } #home-company-info { float: left; width: 380px; margin: 25px 0 0 30px; padding: 0; } #home-company-info h1 { color: #fff; font-size: 16px; font-family: Verdana, Arial, Helvetica, sans-serif; text-align: left; margin: 0; padding: 0 0 10px 0; } #home-company-info p { color: #fff; font-size: 11px; font-family: Arial, Helvetica, sans-serif; text-align: justify; margin: 0; padding: 0 20px 30px 0; line-height: 15px; } /* ----- Footer ----------------- */ #footer { width: 886px; margin: 0; padding: 0; text-align: center; background-color: #fff; } #footer span { color: #000; font-size: 11px; text-align: center; } #footer a:link { height: 30px; color: #ef4036; font-size: 11px; text-decoration: none; } #footer a:hover { height: 30px; color: #ef4036; font-size: 11px; text-decoration: underline; } #footer a:visited { height: 30px; color: #ef4036; font-size: 11px; text-decoration: none; } #footer li, ul { float: left; list-style-type: none; margin: 0 auto; padding: 0; } #footer p { width: 98px; height: 55px; margin: 20px 0; text-align: center; } #footer a.footer-logo { background: transparent url('../media/graphics/distributor_logo_footer_black_white_brg.gif') no-repeat top right; display: block; float: left; width: 98px; height: 55px; } /* ----- Buttons -----------------*/ a.btn-more-info-lg-d { background: transparent url('../media/buttons/btn_more_info_dark_lg_off.gif') no-repeat top right; display: block; float: left; width: 163px; height: 34px; } a.btn-more-info-lg-d:hover { background: transparent url('../media/buttons/btn_more_info_dark_lg_hover.gif') no-repeat top right; display: block; float: left; width: 163px; height: 34px; } a.btn-more-info-lg-l { background: transparent url('../media/buttons/btn_more_info_orange_dark_lg_off.gif') no-repeat top right; display: block; float: left; width: 163px; height: 34px; } a.btn-more-info-lg-l:hover { background: transparent url('../media/buttons/btn_more_info_orange_dark_lg_hover.gif') no-repeat top right; display: block; float: left; width: 163px; height: 34px; } a.btn-more-info-md-d { background: transparent url('../media/buttons/btn_more_info_orange_dark_lg_off.gif') no-repeat top right; display: block; float: left; width: 163px; height: 34px; } a.btn-more-info-md-d:hover { background: transparent url('../media/buttons/btn_more_info_orange_dark_lg_hover.gif') no-repeat top right; display: block; float: left; width: 163px; height: 34px; } a.btn-more-info-md-l { background: transparent url('../media/buttons/btn_more_info_yellow_dark_lg_off.gif') no-repeat top right; display: block; float: left; width: 163px; height: 34px; } a.btn-more-info-md-l:hover { background: transparent url('../media/buttons/btn_more_info_yellow_dark_lg_hover.gif') no-repeat top right; display: block; float: left; width: 163px; height: 34px; } a.video-screen { background: transparent url('../media/graphics/hom_main_video_off.jpg') no-repeat top right; display: block; float: left; width: 380px; height: 218px; } a.video-screen:hover { background: transparent url('../media/graphics/hom_main_video_off.jpg') no-repeat top right; display: block; float: left; width: 380px; height: 218px; } a.btn-helth-risk { background: transparent url('../media/buttons/btn_health_risk_off.gif') no-repeat top right; display: block; float: left; width: 140px; height: 34px; margin-left: 10px; } a.btn-helth-risk:hover { background: transparent url('../media/buttons/btn_health_risk_hover.gif') no-repeat top right; display: block; float: left; width: 140px; height: 34px; margin-left: 10px; } a.btn-bmi-calculator { background: transparent url('../media/buttons/btn_bmi_calculator_sm_off.gif') no-repeat top right; display: block; float: left; width: 84px; height: 34px; margin-left: 10px; } a.btn-bmi-calculator:hover { background: transparent url('../media/buttons/btn_bmi_calculator_sm_hover.gif') no-repeat top right; display: block; float: left; width: 84px; height: 34px; margin-left: 10px; }