@import "reset.css";
@import "960.css";
@import "text.css";

/***** PAGE GLOBALS *****/
body { background: #CC6 url(../images/page_bg.jpg) no-repeat fixed top center; }
.flt_lft { float: left; }
.flt_rgt { float: right; }
a.txt, a.txt:visited { border-bottom: 1px dotted #CF3; color: #CF3; text-decoration: none; }
a.txt:hover { border-bottom: 1px dotted #FFF; color: #FFF; text-decoration: none; }
/***** HEADER STYLES *****/
#hdr { background: #330 url(../images/hdr_bg.jpg) repeat-x top center; width: 100%; height: 130px; }
/***** QUICK CONTACT BAR *****/
#hdr_content { position: relative; width: 960px; height: 130px; }
#quick_contact_bar { position: absolute; top: 0px; right: 0px; background: url(../images/quick_contact_bg.png) no-repeat top right; text-align: center; width: 353px; height: 39px; }
#quick_contact_bar div#tag { float: left; line-height: 34px; text-indent: 45px; margin-right: 5px; }
#quick_contact_bar div#phone_number { float: left; line-height: 34px; }
/***** NAV STYLES *****/
#nav { width: 100%; height: 51px; margin: 0px; padding: 0px; }
#nav ul { position: absolute; bottom: 0px; left: 0px; height: 51px; margin: 0px; padding: 0px; }
#nav li { display: inline; height: 51px; padding: 0px; margin: 0px; }
#nav li a, #nav li.active { position: relative; float: left; background: url(../images/nav_btn_lft.png) no-repeat left top; text-decoration: none; height: 51px; margin-right: 2px; padding-left: 20px; }
#nav li a span, #nav li.active span { display: block; background: url(../images/nav_btn_rgt.png) no-repeat right top; color: #FFF; height: 51px; padding-right: 20px; }
#nav li a:hover span { color: #000; }
#nav li a:hover { background-position: 0% -51px; color: #000; text-decoration: none; }
#nav a:hover span { background-position: 100% -51px; color: #000; }
#nav li.active { background-position: 0% -51px; color: #000; text-decoration: none; }
#nav li.active span { background-position: 100% -51px; color: #000; }
#nav li span div.link_texts { padding-top: 12px; }
#nav li span div.main_link { font-size: 20px; font-weight: bold; line-height: 0.9em; }
#nav li span div.sub_link { color: #FFF; font-size: 11px; font-weight: normal; line-height: 0.9em; }
/***** LOGO PLACEMENT *****/
#logo { position: absolute; top: 22px; left: 0px; z-index: 100; }
li#home div#logo_btm, li#home a div#logo_btm { position: absolute; top: 0px; left: 25px; }
li#about div#logo_btm, li#about a div#logo_btm { position: absolute; top: 0px; left: 72px; }
/***** END HEADER *****/
/***** RAINBOX PIXEL BAR *****/
.color_bar { position: relative; }
.lft_pixels { float: left; background: url(../images/lft_pixels.gif) repeat-x top left; width: 50%; height: 3px; z-index: 1; }
.rgt_pixels { float: right; background: url(../images/rgt_pixels.gif) repeat-x top right; width: 50%; height: 3px; z-index: 1; }
.rainbow_pixels { position: relative; background: url(../images/rainbox_pixels.png) no-repeat center top; z-index: 100; }
/***** END RAINBOX PIXEL BAR *****/
/***** JQUERY / WELCOME *****/
#jq_welcome { position: relative; background: url(../images/jq_welcome_bg.png) no-repeat top center; width: 940px; height: 382px; }
/***** JQUERY FADER STYLES *****/
#jquery { position: absolute; top: 10px; left: 10px; }
#jq_nav { position: absolute; bottom: 10px; right: 10px; z-index: 10000; }
.jq_nav { margin: 0px; }
#jq_nav a { display: inline-block; background: url(../images/jquery/nav_btns.png) no-repeat top center; color: #000; font-weight: bold; text-align: center; line-height: 22px; text-decoration: none; width: 26px; height: 22px; margin: 0px; }
#jq_nav a.activeSlide, #jq_nav a:hover { background-position: bottom center; color: #990; }
#jq_nav a:focus { outline: none; }
#slide1, #slide2, #slide3, #slide4, #slide5 { position: relative; width: 612px; height: 362px; }
#jquery .text { position: absolute; top: 10px; left: 10px; background-color: #000; -moz-border-radius: 5px; -webkit-border-radius: 5px; opacity: 0.5; FILTER: Alpha(opacity=50); width: 590px; height: 104px; z-index: 500; }
#jquery .text_cntnr { position: absolute; top: 10px; left: 10px; padding: 9px 14px; opacity: 1.0; FILTER: Alpha(opacity=100); width: 560px; height: 74px; z-index: 10000; }
#jquery .fader_text { width: 354px; }
/***** WELCOME STYLES *****/
#welcome { position: absolute; top: 10px; right: 1px; width: 308px; height: 362px; }
#welcome .cntnr { padding: 15px; }
#welcome .sep { padding: 14px 0px; }
#welcome p { margin-bottom: 8px; }
#distr_btn a, #distr_btn a:visited { display: block; background: url(../images/distributor_btn.png) no-repeat top center; width: 240px; height: 43px; margin-top: 20px; }
#distr_btn a:hover { background-position: bottom center; }
/***** THREE POD ******/
.three_pod { position: relative; background: url(../images/three_pod_bg.png) no-repeat top center; width: 300px; height: 361px; }
.three_pod .img { position: absolute; top: 10px; left: 10px; }
.three_pod .content { position: absolute; top: 197px; left: 24px; width: 252px; height: 149px; }
.three_pod_sep, .about_sep { padding: 10px 0px; }
.alt_bg { display: block; background: #111A06; line-height: 22px; text-indent: 10px; width: 100%; height: 22px; margin-bottom: 2px; }
.alt_bg a, .alt_bg a:visited { color: #990; text-decoration: none; }
.alt_bg a:hover { border-bottom: 1px dotted #FFF; color: #FFF; text-decoration: none; }
.pod_link { line-height: 24px; padding-top: 10px; }
.pod_link a, .pod_link a:visited { border-bottom: 1px dotted #FFF; color: #FFF; text-decoration: none; margin-left: 6px; }
.pod_link a:hover { border-bottom: none; text-decoration: none; }
.leaves { position: absolute; top: -2px; left: -18px; z-index: 100; }
/***** ABOUT *****/
#idx_about { position: relative; background: url(../images/about_bg.png) no-repeat top center; width: 940px; height: 243px; }
#idx_about .img { position: absolute; top: 10px; right: 10px; }
#idx_about .content { position: absolute; top: 24px; left: 16px; width: 448px; height: 192px; }
#idx_about #about_btn a, #idx_about #about_btn a:visited { display: block; background: url(../images/about_btn.gif) no-repeat top right; width: 246; height: 39px; margin-top: 20px; }
#idx_about #about_btn a:hover { background-position: bottom right; }
/***** FOOTER STYLES *****/
.blk_pixels { background: #000; width: 100%; height: 1px; }
#ftr { background: url(../images/ftr_bg.jpg) repeat top center; width: 100%; }
#ftr_grad { background: url(../images/ftr_bg_top.png) repeat-x top center; width: 100%; }
/***** SITE MAP STYLES *****/
#site_map { border-right: 1px dotted #990; color: #FFF; font-size: 11px; line-height: 18px; }
#site_map a, #site_map a:visited { font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; }
#site_map a.main_link { color: #CF3; text-decoration: none; }
#site_map a.main_link:hover { border-bottom: 1px dotted #CF3; text-decoration: none; }
#site_map div.sub_link { text-indent: 12px; }
#site_map a.sub_link { border-bottom: 1px dotted #09F; color: #09F; text-decoration: none; }
#site_map a.sub_link:hover { border-bottom: 1px dotted #FFF; color: #FFF; text-decoration: none; }
/***** CONTACT STYLES *****/
#contact { border-bottom: 1px dotted #990; font-size: 11px; padding-bottom: 20px; }
#contact a, #contact a:visited, #copyright a, #copyright a:visited { border-bottom: 1px dotted #CF3; color: #CF3; text-decoration: none; }
#contact a:hover, #copyright a:hover { border-bottom: 1px dotted #FFF; color: #FFF; text-decoration: none; }
#ftr_contact_btn a, #ftr_contact_btn a:visited { display: block; background: url(../images/ftr_contact_btn.png) no-repeat top center; border: none; width: 220px; height: 51px; }
#ftr_contact_btn a:hover { background-position: bottom center; border: none; }
#contact #txt { width: 380px; }
#contact #btn { width: 220px; }
/***** COPYRIGHT STYLES *****/
#copyright { background: url(../images/ftr_bed.png) no-repeat bottom right; font-size: 11px; height: 192px; }
#copyright #cntnr { text-align: justify; width: 300px; }

/***** SUB PAGES *****/
.pod_pad { padding: 0px 10px; }
.pod { background: #0D1506; -moz-border-radius: 0px 0px 5px 5px; -webkit-border-radius: 0px 0px 5px 5px; overflow:auto; }
.pod_cntnt_pad { padding: 20px; }
/***** ABOUT-US \ CONTACT-US *****/
#about-pg_hdr, #contact-pg_hdr { position: relative; background: url(../images/about_img_bg.png) no-repeat top center; width: 943px; height: 180px; margin: auto; margin-top: 20px; }
#about-pg_hdr #img, #contact-pg_hdr #img, .pp_img-bg #img { position: absolute; top: 10px; left: 10px; }
#main_cntnt { width: 578px; margin-right: 20px; }
#sub_cntnt { width: 280px; }
.dotted_sep-tile { background: url(../images/dotted_sep-tile.gif) repeat-x top center; width: 100%; height: 2px; margin: 14px 0px; }
/***** PRODUCT PAGES *****/
.product_bite_bg { position: relative; background: url(../images/product-img_bg.png) no-repeat top left; width: 461px; height: 180px; }
.product_bite_img { position: absolute; top: 10px; left: 10px; z-index: 500; }
.product_bite_corner { position: absolute; top: 10px; left: 10px; z-index: 10000; }
.product_bite_content { background: #0D1506; -moz-border-radius: 0px 5px 5px 0px; -webkit-border-radius: 0px 0px 5px 5px; width: 479px; height: 165px; margin: 10px 0px; overflow:auto;}
.product_bite_content2 { background: #0D1506; -moz-border-radius: 0px 5px 5px 0px; -webkit-border-radius: 0px 0px 5px 5px; width: 469px; height: 160px; margin: 10px 0px; overflow:auto;}
.pbc_text { width: 406px; padding: 15px; }
.pbc_text2 { width: 397px; padding: 15px; }
.pbc_btn { padding-top: 4px; }

.pp_img-bg { position: relative; background: url(../images/pp_img-bg.png) no-repeat top left; width: 300px; height: 305px; }
.product-pg_pod { background: #0D1506; -moz-border-radius: 5px; -webkit-border-radius: 5px; overflow:auto; }
input, textarea { font-family: Arial, Sans-Serif; font-size: 12px; background-color: #ffffff; }
.error { color:red; }