/* basic styling and commonly used classes */
body, html, input, textarea {font-family:Arial, Helvetica, sans-serif;font-size:14px;color:#656565;}
.set-size {width:980px;margin:0 auto;}
p {font-size:14px;line-height:22px;padding:0 0 20px 0;}
strong {font-weight:bold;}
em {font-style:italic;font-family:"Times New Roman", Times, serif;}
.align-center {text-align:center;}
a, a:hover, a:focus {cursor:pointer;outline:none;}
blockquote {background:url(../images/blockquote.png) no-repeat left 8px;padding:0 0 0 55px;min-height:40px;}

.clear {clear:both;display:block;font-size:0;line-height:0;}
.float-left {float:left;}
.float-right {float:right;}

h1 {font-family:'DepotNewRegular', Arial, Helvetica, sans-serif;color:#a29061;}
h2 {font-family:'DepotNewRegular', Arial, Helvetica, sans-serif}
h3 {font-family:'DepotNewRegular', Arial, Helvetica, sans-serif;}

@font-face {
    font-family: 'DepotNewLight';
    src: url('../fonts/depotnew-lt-webfont.eot');
    src: url('../fonts/depotnew-lt-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/depotnew-lt-webfont.woff') format('woff'),
         url('../fonts/depotnew-lt-webfont.ttf') format('truetype'),
         url('../fonts/depotnew-lt-webfont.svg#DepotNewLight') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'DepotNewRegular';
    src: url('../fonts/depotnew-rg-webfont.eot');
    src: url('../fonts/depotnew-rg-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/depotnew-rg-webfont.woff') format('woff'),
         url('../fonts/depotnew-rg-webfont.ttf') format('truetype'),
         url('../fonts/depotnew-rg-webfont.svg#DepotNewRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}
/* -- */

/* column system */
.float-left.haspadding {padding-right:20px;}
.column-160 {width:160px;}
.column-180 {width:180px;}
.column-220 {width:220px;}
.column-300 {width:300px;}
.column-380 {width:380px;}
.column-460 {width:460px;}
.column-540 {width:540px;}
.column-620 {width:620px;}
/* -- */

/* container elements */
#container .set-size {padding:100px 0 0 0;}
#container h1 {font-size:32px;padding:0 0 25px 0;line-height:32px;}
#container h2 {font-size:28px;padding:0 0 25px 0;line-height:28px;}
#container h3 {font-size:24px;padding:0 0 25px 0;line-height:24px;}
#container h4 {font-size:20px;padding:0 0 20px 0;line-height:20px;}
#container h5 {font-size:18px;padding:0 0 20px 0;line-height:18px;}
#container h6 {font-size:16px;padding:0 0 20px 0;line-height:16px;}
#container .pink {color:#e52e48;}

#container .btn {height:32px;padding:0 30px;line-height:32px;font-size:13px;display:inline-block;position:relative;cursor:pointer;}
#container .btn.rounded {border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;}
#container .btn.gold {background:url(../images/btn-gold2.jpg) repeat-x 0 0;border:1px solid #A29061;color:#fff;}
#container .btn:hover {background-position:0 -32px;}
#container .btn2 {height:32px;padding:0 12px;line-height:32px;font-size:12px;font-weight:bold;display:inline-block;position:relative;cursor:pointer; position: absolute; top:640px; left:948px;z-index:850;}
#container .btn2.rounded {border-radius:15px;-webkit-border-radius:15px;-moz-border-radius:15px;}
#container .btn2.silver {background:url(../images/btn-silver.jpg) repeat-x 0 0;border:1px solid #cfcece;color:#656565;}
#container .btn2:hover {background-position:0 -32px;}

/* top */
#top {height:64px;background:#fff;position:fixed;top:0;left:0;width:100%;z-index:800;}
#top .set-size {position:relative;}

#top #menu ul{float:right;padding:17px 40px 0 0;}
#top #menu ul li {padding:0 5px;float:left;display:block;}
#top #menu ul li.disabled {display:none;}
#top #menu ul li a {font-size:13px;font-weight:bold;height:25px;line-height:25px;padding:0 10px;display:block;float:left;color:#656565;cursor:pointer;}
#top #menu ul li a:hover, #top #menu ul li.current a {background:url(../images/top-li-a.jpg) repeat-x;border:1px solid #d0cece;padding:0 9px;height:24px;line-height:24px;color:#a29061;}
#top #menu .rounded {border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;position:relative;}
#top #hire {background:url(../images/hire-me.png) no-repeat top left;width:31px;height:77px;position:absolute;top:0;right:0;display:block;cursor:pointer;}
.shadow {background:url(../images/top-shadow.png) repeat-x;height:35px;position:fixed;top:64px;width:100%;}
/* -- */

/* section backgrounds */
.section, .px {min-height:860px;}
.section .set-size {position:relative;z-index:600;}
.overflow {position:relative;z-index:500;width:980px;margin:0 auto;min-height:860px;}
#contact .overflow, #contact .px, #contact {min-height:660px;}

#home {background:url(../images/home-bg.jpg) repeat top center;}
#treatment {background:url(../images/treatment2-bg.jpg) no-repeat;}
#prevention {background:url(../images/test-bg.jpg) no-repeat top center;}
#benefits {background:url(../images/benefit2-bg.jpg) no-repeat top center;}
#conditions {background:url(../images/conditions2-bg.jpg) no-repeat top center;}
#contact {background:url(../images/gallery-bg.jpg) repeat top center;}

#container .section h2 {color:#e52e48;padding:0 0 5px 0;}
#container .section .header {padding:0 0 25px 0;}
#container .section .header h2 {color:#e52e48;padding:0 0 5px 0;}
#container .section .header em {font-size:12px;}
/* -- */

/* welcome box on #home page */
#home .welcome {}
#home .welcome h1 {display:block;font-size:70px;float:left;width:240px;}
#home .welcome h2 {display:block;float:left;width:720px;color:#e52e48;font-size:26px;line-height:26px;}

#home .lesley {position:absolute;top:0;left:0;background:url(../images/home-hero2.png) no-repeat top left;width:724px;height:859px;z-index:5;}
#home .logo {position:absolute;top:0;left:0;background:url(../images/logo.png) no-repeat top left;width:155px;height:124px;z-index:5;}

#home .addon {padding:450px 0 0 0;}
#home .addon p .btn {margin-top:10px;margin-left:20px;}
#home p {color:#fff;}

#benefits p {color:#fff;}
/* -- */

/* lists */
.list {}
.list li {line-height:26px;padding:0 0 0 15px;}
.list.blue li {background:url(../images/list-blue-li.png) no-repeat center left;}
.list.orange li {background:url(../images/list-orange-li.png) no-repeat center left;}
.list.red li {background:url(../images/list-red-li.png) no-repeat center left;}

.list-icons {}
.list-icons li {position:relative;padding:0 0 0 40px;}
.list-icons li img {float:left;position:absolute;top:0;left:0;}

/* contact form */
#contact-form {position:relative;}
#contact-form .row {padding:5px 0;}
#contact-form .input-text {background:url(../images/form-contact-input-text.png) no-repeat top left;width:202px;height:37px;line-height:37px;padding:0 10px;color:#656565;}
#contact-form .input-textarea {background:url(../images/contact-form-textarea.png) no-repeat top left;width:522px;height:117px;padding:10px;resize:none;overflow:hidden;}
#contact-form .holder {position:relative;}
#contact-form .message {display:none;position:absolute;top:228px;left:115px;}
#contact-form .message .top {background:url(../images/message-top.png) no-repeat top left;width:428px;height:17px;line-height:0;}
#contact-form .message .content {background:url(../images/message-content.png) repeat-y;width:428px;padding:5px 0;}
#contact-form .message .bottom {background:url(../images/message-bottom.png) no-repeat top left;width:428px;height:14px;line-height:0;margin-left:-1px;}
#contact-form .message .arrow {background:url(../images/message-arrow.png) no-repeat top left;width:10px;height:18px;position:absolute;bottom:20px;left:-9px;z-index:2;}
#contact-form #alert {padding:0 20px;}
#contact-form #alert ul {padding:10px 0 0 0;}
#contact-form #alert ul li {line-height:18px;}
#contact-form .btn {font-weight:bold;}
/* -- */

/*-- Treatment Process --*/
#treatment {position:relative;}
#treatment .circle {position:absolute;top:0px;}
#treatment .pximage {position:absolute;top:0;left:0;background:url(../images/benefit-hero2.png) no-repeat top left;width:917px;height:860px;z-index:5;}
#treatment .item1 {background:url(../images/treatment-jar2.png) no-repeat center left;width:280px;height:543px;left:400px;}
#treatment .item2 {background:url(../images/treatment-jarshadow.png) no-repeat center left;width:278px;height:70px;left:400px;}
#treatment .item3 {background:url(../images/treatment-bottle2.png) no-repeat center left;width:142px;height:340px;left:290px;}
#treatment .item4 {background:url(../images/treatment-bottleshadow.png) no-repeat center left;width:136px;height:85px;left:290px;}
#treatment .item5 {background:url(../images/treatment-flower2.png) no-repeat center left;width:575px;height:241px;left:0px;}
#treatment .item6 {background:url(../images/treatment-flowershadow.png) no-repeat center left;width:614px;height:153px;left:0px;}

/*-- Prevention --*/
#prevention {position:relative;}
#prevention .test {background:url(../images/test.png) no-repeat center left;width:1508px;position:absolute;top:0;right:0px;}

/*-- Long Term Benefits --*/
#benefits {position:relative;}
#benefits p {color:#666666;}
#benefits .circle {position:absolute;top:0px;}
#benefits .pximage {position:absolute;top:0;left:0;background:url(../images/benefit-hero2.png) no-repeat top left;width:917px;height:860px;z-index:5;}
#benefits .leaf1 {background:url(../images/benefit-leaf1.png) no-repeat center left;width:140px;height:86px;left:0;z-index:6;}
#benefits .leaf2 {background:url(../images/benefit-leaf2.png) no-repeat center left;width:94px;height:113px;left:700px;}
#benefits .leaf3 {background:url(../images/benefit-leaf3.png) no-repeat center left;width:70px;height:50px;left:650px;z-index:6}
#benefits .leaf4 {background:url(../images/benefit-leaf4.png) no-repeat center left;width:86px;height:106px;left:160px;z-index:6;}
#benefits .leaf5 {background:url(../images/benefit-leaf5.png) no-repeat center left;width:130px;height:61px;left:900px;}
#benefits .leaf6 {background:url(../images/benefit-leaf6.png) no-repeat center left;width:124px;height:81px;left:200px;}

/*-- Common Conditions --*/
#conditions {position:relative;}
#conditions h1 {color:#999999;}
#conditions .condition1 {background:url(../images/condition-asthma2.png) no-repeat center left;width:120px;height:38px;position:absolute;top:0;left:400px;}
#conditions .condition2 {background:url(../images/condition-bowel2.png) no-repeat center left;width:245px;height:38px;position:absolute;top:0;left:600px;}
#conditions .condition3 {background:url(../images/condition-colds2.png) no-repeat center left;width:187px;height:38px;position:absolute;top:0;left:100px;}
#conditions .condition4 {background:url(../images/condition-hormonal2.png) no-repeat center left;width:222px;height:38px;position:absolute;top:0;left:0px;}
#conditions .condition5 {background:url(../images/condition-lung2.png) no-repeat center left;width:231px;height:38px;position:absolute;top:0;left:200px;}
#conditions .condition6 {background:url(../images/condition-menopause2.png) no-repeat center left;width:222px;height:38px;position:absolute;top:0;right:0px;}
#conditions .condition7 {background:url(../images/condition-sinus2.png) no-repeat center left;width:197px;height:38px;position:absolute;top:0;left:600px;}
#conditions .condition8 {background:url(../images/condition-more.png) no-repeat center left;width:197px;height:38px;position:absolute;top:0;left:600px;}