/* css browser reset */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin: 0;padding: 0;border: 0;outline: 0;font-weight: inherit;font-style: inherit;font-size: 100%; font-family:Arial, Verdana, Helvetica, sans-serif; vertical-align: baseline;}
/* remember to define focus styles! */
:focus {outline: 0;}
body {line-height: 1;color:#000000;background:#ffffff;}
/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse: separate;border-spacing: 0;}
caption, th, td {text-align: left;font-weight: normal;}
blockquote:before, blockquote:after, q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}


/** general layout **/
body {background:#eeeeee; color:#060c0c;}
#wrapper {background:url(../images2/bg-fill.jpg) repeat-y; width:779px; margin:0px auto 0px auto;}
#navigation{height:42px; padding-left:333px;}
#product-navigation{width:523px; padding:203px 0 0 43px;}
.product-left{float:left; width:251px;}
.product-right{float:right; width:251px;}

#branding{background:url(../images2/branding.jpg) no-repeat; width:779px; height:452px; margin:0 auto;}
#branding-alpha-t1{background:url(../images2/branding-alpha-t1.jpg) no-repeat; width:779px; height:352px; margin:0 auto;}
#branding-hgh{background:url(../images2/branding-hgh.jpg) no-repeat; width:779px; height:352px; margin:0 auto;}
#branding-myoswell{background:url(../images2/branding-myoswell.jpg) no-repeat; width:779px; height:352px; margin:0 auto;}
#branding-myotein{background:url(../images2/branding-myotein.jpg) no-repeat; width:779px; height:352px; margin:0 auto;}
#branding-neuroxplode{background:url(../images2/branding-neuroxplode.jpg) no-repeat; width:779px; height:352px; margin:0 auto;}
#branding-zma{background:url(../images2/branding-zma.jpg) no-repeat; width:779px; height:352px; margin:0 auto;}

#body-content {margin:0 auto;}
#main-column{width:480px; float:left; margin:0 20px 0 36px;}
#ad-column{width:220px; float:left; padding:10px 0;}
#product-buttons{margin:10px auto auto 4px;}
#bottom-content{ background:url(../images2/bg-foot.png) no-repeat bottom; min-height:22px; clear:left; margin:0px auto 15px auto; padding:15px 0 0 0;}

.monial-box {border:1px dashed #ccc; margin:10px 0; padding:10px;}
/********************************************************************* content layout **/
/*Contact Us Section*/
/** form tags **/
form.buy_btn{width:385px; margin:0px auto 15px auto;}
form#email-contact-form{border:1px dashed #295394; padding:15px; }
form#email-contact-form label{display:block; margin:4px 0px; font-size:14px;}
form#email-contact-form input{width:40%;}
form#email-contact-form input#submit{width:125px;}
form#email-contact-form textarea{width:100%; margin-bottom:10px;}

/** h tags **/
h1{font-size:29px; font-style:italic; font-weight:bold;}
h2{font-size:16px; line-height:23px; font-weight:bold; letter-spacing:-.02em; border-bottom:1px solid #cccccc; margin-bottom:15px; padding-top:15px;}
#guarantee h2{color:#d62116; font-size:30px; border:none; text-align:center; line-height:40px; text-decoration:blink;}
h3{font-size:14px; line-height:15px; font-weight:bold; padding:0px 0px 3px 0px; color:#295394; border-bottom:1px dotted #cccccc;}
#compounds h3{color:#000; border-bottom:none; font-size:12px; letter-spacing:-.05em; padding:5px 0 5px 0;}
h4{font-size:20px; line-height:23px; font-weight:bold; letter-spacing:-.02em; margin-bottom:15px; padding-top:15px; color:#0231d5; font-style:italic;}

/** p tags **/
p {font-size:12px; line-height:20px; padding-bottom:10px;}
#testimonials p{font-size:12px; line-height:25px; font-family:"Courier New", Courier, monospace;}
p.monial-name{font-style:italic; font-weight:bold;}
p.ques{font-weight:bold;}
p.ans{font-weight:normal;}
p#copyright {font-size:10px; text-align:center; color:#666;}

/** img tags **/
img {border:none; margin-right:5px;}
img.text{padding:23px 0 15px 0;}


/** list tags **//** a tags **/
#navigation a {float:left;}
#navigation a #nav-home {background:url(../images2/nav-home.png) top; height:42px; width:80px;}
#navigation a #nav-products {background:url(../images2/nav-products.png) top; height:42px; width:106px;}
#navigation a #nav-contact-us {background:url(../images2/nav-contact-us.png) top; height:42px; width:106px;}
#navigation a #nav-shopping-cart {background:url(../images2/nav-shopping-cart.png) top; height:42px; width:140px;}
#navigation a:hover #nav-home, #navigation a.active #nav-home {background:url(../images2/nav-home.png) bottom; height:42px; width:80px;}
#navigation a:hover #nav-products, #navigation a.active #nav-products {background:url(../images2/nav-products.png) bottom; height:42px; width:106px;}
#navigation a:hover #nav-contact-us, #navigation a.active #nav-contact-us {background:url(../images2/nav-contact-us.png) bottom; height:42px; width:106px;}
#navigation a:hover #nav-shopping-cart {background:url(../images2/nav-shopping-cart.png) bottom; height:42px; width:140px;}
#product-navigation a{padding-bottom:2px;}



/** general classes **/
.bold{font-weight:bold;}
.padding-btm{ padding-bottom:8px;}
.graph{margin-bottom:15px;}
.float-left{float:left;}
.clear{clear:both;}