#footer {
    /*background-image: url('footer_background.jpg');*/
    height: 166px;
    background: url('footer-background.jpg')repeat;
    width: 100%;
}

/* 
----------------------------------------------------*/

.section {
    /*background-color: white;*/
    background-position: top center;
    background-repeat: no-repeat;
    min-width: 1100px;
}
.section .section_container {
    margin: 0 auto;
    width: 1080px;
    position: relative;
}
.section .section_container H2 {
    /*height: 0;*/
    overflow: hidden;
    background-position: 0 0;
    background-repeat: no-repeat;
}
.section .section_container .image {
    position: absolute;
}


/* Goobal Dropdown
----------------------------------------------------*/

.dropdown SELECT { 
    width: 275px;
    font-size: 16px;
    display: none; 
}

.selectstyle_dropdown {
    background: url('input.png') no-repeat 0 0;
    width: 315px;
    height: 45px;
    position: relative;
    -moz-user-select: none;
    user-select: none;
}

.selectstyle_dropdown .display {
    color: #777;
    font-size: 14.5px;
    letter-spacing: 0.5px;
    padding: 16px 18px 0;
    cursor: pointer;
    background: url('input_arrow.png') no-repeat 279px 15px;
}
.selectstyle_dropdown .display:hover {
    color: #8dc63f;
}

.selectstyle_dropdown .options {
    padding-bottom: 25px;
    background: url('input.png') no-repeat bottom left;
    position: absolute;
    z-index: 1;
    top: 44px;
    left: 0;
    width: 100%;
}
.selectstyle_dropdown .options UL {
    background: url('input.png') repeat-y -318px 0;
}
.selectstyle_dropdown .options UL LI A {
    display: block;
    text-decoration: none;
    color: #777;			
    padding: 19px 18px 0;
    font-size: 14.5px;
    letter-spacing: 0.5px;
}
.selectstyle_dropdown .options UL LI A:hover {
    color: #8dc63f;
}

.error .selectstyle_dropdown,
.error .selectstyle_dropdown .options,
.error .selectstyle_dropdown .options UL {
    background-image: url('input_required.png');
}


/* What Is
----------------------------------------------------*/

#whatis {
    height: 775px;
    /*background: url('background.jpg')repeat-y scroll 0 0 / 105% auto rgba(0, 0, 0, 0);*/

}
#whatis .image {
    top: 0px;
    right:0px;
}
#whatis .image IMG {
    opacity: 0;
    zoom: 1;
    filter: alpha(opacity=0);
}
#whatis .content_curtain {
    width: 458px;
    top: 358px;
    position: absolute;
    height: 330px;
    z-index: 100;
    /*background: url('whatis_background.jpg') no-repeat -753px -358px;*/
}
#whatis .content {
    width: 458px;
    /*padding-top: 368px;*/
    color: #454545;
}
#whatis .content H2 {
    padding-top: 40px;
    margin-left: 7px;
    margin-bottom: -20px;
    /*background-image: url('whatis_title.png');*/
}
#whatis .content P {
    position: relative;
    margin: 26px 0 0 8px;
    font-size: 14.5px;
    line-height: 19px;
    letter-spacing: 0.5px;
}				


/* Nutrition
----------------------------------------------------*/

#nutrition {
    height: 763px;
    position: relative;
    background: url('aboutus.png')no-repeat scroll left top / 100% auto rgba(0, 0, 0, 0);
    /*margin-bottom: -20px;*/
}

#nutrition .bg2,
#nutrition .bg3,
#nutrition .bg4 {
    position: absolute;
    background-color: transparent;
    background-position: top center;
    background-repeat: no-repeat;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    /*
zoom: 1;
filter: alpha(opacity=0);
opacity: 0;
    */
}
#nutrition .bg2 {
    z-index: 2;           
    /*background-image: url('nutrition_background2.png');*/
}
#nutrition .bg3 {
    z-index: 3;           
    /*background-image: url('nutrition_background3.png');*/
}
#nutrition .bg4 {
    z-index: 4;           
    /*background-image: url('nutrition_background4.png');*/
}

#nutrition .section_container {
    z-index: 10;
}


#nutrition .image_stat {
    /*color: white;*/
    font-size: 150px;
    font-family: 'ywft_thinaireregular';
    font-weight: normal;
    position: absolute;
    top: 40px;
    left: 40px;
    letter-spacing: 1px;
    z-index: 6;
    width: 100px;
    text-align: center;
}
#nutrition .image_stat.one {  
    left: 214px;
    top: 478px;
}	
#nutrition .image_stat.two {  
    font-size: 200px;
    left: 479px;
    letter-spacing: 13px;
    top: 439px;
}	
#nutrition .image_stat.three {  
    left: 750px;
    top: 474px;
}

#nutrition .image_leaf {
    zoom: 1;
    filter: alpha(opacity=0);
    opacity: 0;
    background: url("nutrition_image_top.png") no-repeat scroll 0 0 transparent;
    height: 42px;
    position: absolute;
    width: 39px;
    z-index: 6;
}
#nutrition .image_leaf.one {  
    left: 252px;
    top: 383px;
}	
#nutrition .image_leaf.two {  
    left: 510px;
    top: 329px;
}	
#nutrition .image_leaf.three {  
    left: 782px;
    top: 382px;
}	

#nutrition .image {
    height: 369px;
    width: 807px;
    overflow: hidden;
    position: absolute;
    right: 147px;
    top: 376px;
    z-index: 5;
}
#nutrition .image IMG {
    margin-top: 100%;
}



#nutrition .content {
    width: 1080px;
    margin: 0 auto;
    /*padding-top: 122px;*/
}
#nutrition .content H2 {
    /*width: 713px;*/
    margin: 0 auto;
    padding-top: 40px;
    /*background-image: url('nutrition_titlec81e.png?2');*/
    background-position: top center;
}
#nutrition .content P {
    font-size: 14.5px;
    letter-spacing: 0.5px;
    line-height: 22px;
    margin-top: 4px;
    /*text-align: center;*/
}

#nutrition .content P STRONG {
    font-family: 'ywft_thinaireregular';
    font-size: 30px;
    color: #8dc63f;
    letter-spacing: 1px;
    font-weight: normal;
    position: relative;
    top: 0;
    left: 4px;
}



/* Be Good
----------------------------------------------------*/
#begood {
    height: 925px;
    background: url('electricservice.png');no-repeat scroll left top / 100% auto rgba(0, 0, 0, 0);
}
#begood h4 {
    /*color: #8dc63f;*/
    color: #7777;
    /*height: 901px;*/

}

#begood .content {
    zoom: 1;filter: alpha(opacity=0);opacity: 0;
}
#begood .content H2 {
    /*position: absolute;*/
    top: 100px;
    /*left: 0;*/
    width: 443px;
    /*padding-top: 107px;*/
    /*background-image: url('begood_title.png');*/
}
#begood .content P {
    color: #454545;
    /*position: absolute;*/
    top: 119px;
    right: 0;
    /*width: 433px;*/
    /*height: 100px;*/
    font-size: 14.5px;
    line-height: 21px;
    letter-spacing: 0.5px;
}
HTML.ie7 #begood .content P,
HTML.ie8 #begood .content P,
HTML.ie9 #begood .content P { font-size: 13px; }

#begood .content P STRONG {
    font-family: 'ywft_thinaireregular';
    font-size: 19px;
    font-weight: normal;
    position: relative;
    top: 4px;
    letter-spacing: 1px;
    left: 2px;
}

#begood .labels {
    left: 0;
    position: absolute;
    top: 727px;
    zoom: 1; filter: alpha(opacity=0); opacity: 0;
}

#begood .animation_leaf {
    height: 376px;
    left: 52px;
    overflow: hidden;
    position: absolute;
    top: 314px;
    width: 203px;
}
#begood .animation_bottle {
    height: 375px;
    left: 876px;
    overflow: hidden;
    position: absolute;
    top: 313px;
    width: 121px;
}
#begood .animation_drop {
    height: 503px;
    left: 349px;
    overflow: hidden;
    position: absolute;
    top: 258px;
    width: 385px;
}
#begood .animation_bottle IMG,
#begood .animation_drop IMG,
#begood .animation_leaf IMG {zoom: 1;filter: alpha(opacity=0);opacity: 0;}



/* Locations
----------------------------------------------------*/

#locations {
    height: 883px;
}
#locations .content {
    zoom: 1;
    filter: alpha(opacity=0);
    opacity: 0;
    width: 483px;
    margin: 0 auto;
    padding-top: 77px;
}
#locations .content H2 {
    padding-top: 67px;
    /*background-image: url('locations_title.png');*/
}
#locations .content P {
    margin-top: 2px;
    text-align: center;
    font-size: 14.5px;
    line-height: 21px;
    letter-spacing: 0.5px;
}

#locations .animation {
    overflow: hidden;
    height: 665px;
    left: 19px;
    position: absolute;
    top: 165px;
    width: 1061px;
}
#locations .animation IMG {margin-top: 100%;}

/* Map */

#locations .map {
    zoom: 1;
    filter: alpha(opacity=0);
    opacity: 0;
    top: 170px;
    left: -11px;
    position: absolute;
    width: 1100px;
    height: 666px;
    background: white url('locations_map.jpg') no-repeat 0 0;
}
#locations .map A {
    display: block;
    position: absolute;
}
#locations .map A SPAN {
    background: transparent url('locations_map.jpg') no-repeat 0 0;
    height: 664px;
    position: absolute;
    display: none;
}

#locations .map A.west {
    height: 530px;
    left: 50px;
    top: 10px;
    width: 243px;
}
#locations .map A.west SPAN {
    width: 281px;
    top: -10px;
    left: -15px;
    background-position: -1105px 0;
}
#locations .map A.central {
    height: 613px;
    left: 300px;
    top: 20px;
    width: 493px;
}
#locations .map A.central SPAN {
    width: 567px;
    left: -43px;
    top: -20px;
    background-position: -1396px 0;
}
#locations .map A.east {
    height: 600px;
    left: 800px;
    top: 40px;
    width: 240px;
}
#locations .map A.east SPAN {
    width: 323px;
    left: -27px;
    top: -40px;
    background-position: -1973px 0;
}

/* Modal */

#locations .modal {
    display: none;
    width: 1050px;
    height: 664px;
    z-index: 2;
    top: 170px;
    left: 24px;
    position: absolute;
    background: transparent url('locations_modal.jpg') no-repeat 0 0;
}

#locations .modal .spinner {
    display: none;
    background: white url('loading.gif') no-repeat 50% 50%;
    height: 119px;
    left: 425px;
    position: absolute;
    top: 270px;
    width: 238px;
}

#locations .modal .frame {
    height: 405px;
    left: 77px;
    position: absolute;
    top: 85px;
    width: 889px;
}

#locations .modal .frame .comingsoon {
    left: 81px;
    position: relative;
    top: 220px;
}

#locations .modal .frame H3 {
    color: #8dc63f;
    font-size: 80px;
    font-family: 'ywft_thinaireregular';
    padding: 0 40px;
    margin-bottom: 28px;
}
#locations .modal .frame .pages {
    width: 811px;
    height: 325px;
    overflow: hidden;
    margin-left: 40px;
    position: relative;				
}
#locations .modal .frame .pages .slider {
    width: 10000px;
}
#locations .modal .frame .pages .page {
    width: 825px;
    height: 325px;
    float: left;
}
#locations .modal .frame .pages .page .location {
    width: 247px;
    height: 161px;
    float: left;
    /*background: url('locations_marker.jpg') no-repeat 0 0;*/
    padding-left: 28px;
}
#locations .modal .frame .pages .page .location H4 {
    font-family: 'ywft_thinaireregular';
    font-size: 23px;
    letter-spacing: 0.5px;
    color: #777;
    line-height: 23px;
}
#locations .modal .frame .pages .page .location P {
    letter-spacing: 0.5px;
    color: #777;
    font-size: 13px;
    line-height: 23px;
}


#locations .modal .logos {
    height: 140px;
    left: 122px;
    position: absolute;
    top: 520px;
    width: 829px;
}
#locations .modal .logos A {
    display: block;
    float: left;
}


#locations .modal .close,
#locations .modal .prev,
#locations .modal .next {
    display: block;
    position: absolute;
    background: url('locations_modal_buttons.png') no-repeat 0 0;
}
#locations .modal .close {
    width: 17px;
    height: 18px;
    top: 37px;
    right: 104px;
}
#locations .modal .prev {
    width: 18px;
    height: 22px;
    top: 238px;
    left: 0px;
    background-position: -38px 0;
}
#locations .modal .next {
    width: 18px;
    height: 22px;
    right: 0;
    top: 238px;
    background-position: -74px 0;
}

/* Loading */

#locations .modal.loading .spinner {
    display: block;
}

#locations .modal.loading .prev,
#locations .modal.loading .next,
#locations .modal.loading .frame {
    display: none;
}



/* Buy
----------------------------------------------------*/

#buy {
    height: 737px;
    background-image: url('buy_background.jpg');
}
#buy .image {
    top: 186px;
    left: 482px;
}
#buy .image IMG {
    zoom: 1;filter: alpha(opacity=0);opacity: 0;
    position: relative;
    top: -60px;
}
#buy .shadow {
    position: absolute;
    top: 595px;
    left: 482px;
}
#buy .shadow IMG {
    zoom: 1;
    filter: alpha(opacity=0);
    opacity: 0;
}


#buy .content {
    zoom: 1;filter: alpha(opacity=0);opacity: 0;
    float: left;
    width: 369px;
    padding-top: 187px;
    position: relative;
    top: -30px;
    color: #454545;
}
#buy .content H2 {
    padding-top: 69px;
    /*background-image: url('buy_title.png');*/
    margin-bottom: 22px;
}
#buy .content H3 {
    font-size: 14px;
    letter-spacing: 0.5px;
    line-height: 24.5px;
}
#buy .content P {
    font-size: 14.5px;
    letter-spacing: 0.5px;
    line-height: 24px;
    margin-bottom: 24px;
}

/* Form */

#buy .form {
    width: 276px;
    float: right;
    padding-top: 288px;
    position: relative;
}

#buy .form .price {
    height: 94px;
}
#buy .form .price STRONG {
    font-size: 45px;
    font-family: 'ywft_thinaireregular';
    letter-spacing: 1px;
    font-weight: normal;
}
#buy .form .price EM {
    color: #99cc33;
    font-family: 'Homemade Apple', cursive;
}

#buy .form .dropdown {
    height: 60px;
}
#buy .form .dropdown .selectstyle_dropdown {
    background-position: -640px 0;
    width: 255px;
}
#buy .form .dropdown .selectstyle_dropdown .display {
    background-position: 215px 15px;
}
#buy .form .dropdown .selectstyle_dropdown .options {
    background-position: -640px bottom;
}
#buy .form .dropdown .selectstyle_dropdown .options UL {
    background-position: -898px 0;
}

#buy .form .form_error { 
    top: 503px;
    position: absolute;
    color: red;
    font-size: 12px;
    letter-spacing: 0.3px;
    padding: 0 0 0 18px;
    display: none;
}

#buy .form .add {
    display: block;
    background: url('buttons.jpg') no-repeat 0 0;
    width: 284px;
    height: 0;
    padding-top: 101px;
    overflow: hidden;
    margin-top: 55px;
}
#buy .form .add:hover {
    background-position: 0 -100px;
}

#buy .form .comingsoon {
    padding-top: 40px;
}




/* Contact
----------------------------------------------------*/

#contact {
    height: 594px;
    /*background: url('background-contact-us.jpg')left;*/
}
#contact H2 {
    padding-top: 89px;
    margin-bottom: 22px;
    /*background-image: url('contact_title.png');*/
}
#contact .methods {
    float: left;
    width: 237px;
    /*line-height: 32px;*/
    /*margin-top: -65px;*/

}

#contact .methods P {
    margin-top: 3px;
    font-size: 14.5px;
    /*font-size: 12px;*/
    /*line-height: 19px;*/
    letter-spacing: 0.3px;	
}
#contact .methods P A {
    color: #777;
    text-decoration: none;
}
/*#contact .methods P A:hover {
    text-decoration: underline;
}*/

#contact .methods H4 {
    /*font-family: 'ywft_thinaireregular';*/
    font-size: 18px;
    color: #7777;
    letter-spacing: 1px;
    /*font-weight: normal;*/
    margin-bottom: 10px;
    letter-spacing: 1px;
    margin-top: 15px;
    /*line-height: 25px;*/
}

#contact .methods p {

}

#contact .methods H4:first-of-type {
    margin-top: 0;
}

/*#contact .thanks { 
    display: none;
}*/

#contact .form { 
    margin-left: 30%;
    /*float: right;*/
    width: 791px;
    /*margin-top: 167px;*/
}
#contact .form .dropdown { 
    background: url('input.png') no-repeat 0 0;
    width: 315px;
    height: 45px;
    margin-bottom: 13px;
}
#contact .form .dropdown SELECT {
    position: relative;
    top: 10px;
    left: 10px;
}
#contact .form .field { 
    background: url('input.png') no-repeat 0 0;
    width: 315px;
    height: 45px;
    margin-bottom: 18px;
}
#contact .form .field.error { 
    background-image: url('input_required.png');
}
#contact .form .field INPUT { 
    border: 0;
    padding: 0;
    width: 272px;
    color: #777;
    font-size: 14.5px;
    letter-spacing: 0.5px;
    padding: 13px 18px 0;
    background-color: transparent;
}
#contact .form .text { 
    background: url('input_textarea.png') no-repeat 0 0;
    width: 456px;
    height: 168px;
    margin-bottom: 13px;
}
#contact .form .text.error { 
    background-image: url('input_textarea_required.png');
}
#contact .form .text TEXTAREA { 
    border: 0;
    padding: 0;
    font-size: 14.5px;
    line-height: 21px;
    letter-spacing: 0.5px;
    color: #777;
    margin-left: 15px;
    margin-top: 12px;
    width: 426px;
    height: 143px;
    resize: none;	
}
#contact .form .col1 { 
    float: left;
    width: 321px;
}
#contact .form .col1 .form_error { 
    color: red;
    font-size: 12px;
    letter-spacing: 0.3px;
    padding: 0 0 0 18px;
}
#contact .form .col2 { 
    float: right;
    width: 456px;
}

#contact .form .send {
    display: block;
    background: url('buttons.jpg') no-repeat 0 -207px;
    width: 135px;
    height: 0;
    padding-top: 82px;
    overflow: hidden;
}
#contact .form .send:hover {
    background-position: -144px -207px;
}
h2 {
    color: #98cf63;
    font-weight: bold;
    /*color: #777;*/
}

h4 {
    font-weight: bold;
}