@charset "utf-8";

* {font-size: 100%; margin: 0; padding: 0;}
body {background-color: #c7c4c4;}
#wrapper {margin: 0 auto; width: 775px;}
#header {background: url(images/header.jpg); height: 253px; position: relative;}
#header h1 {bottom: 30px; font: normal 28px Tahoma, Geneva, sans-serif; position: absolute; right: 30px; text-align: center;}
#header span {display: block; font-size: .65em;}
#header a {height: 26px; position: absolute; top: 0; right: 15px; width: 150px;}
#section1 {background: url(images/main.gif) repeat-y; overflow: auto;}
span.dashed {background: none; border: none; border-bottom: 1px dashed #aba595; clear: both; color: #e4ddcb; display: block; margin: 0 auto; width: 747px;}
#section1_left {background: url(images/section1_left.jpg) no-repeat; float: left; display: inline; height: 632px; margin-left: 13px; position: relative; width: 258px;}
#section1_left h3 {color: #ff2321; font: bold 22px Arial, sans-serif; left: 16px; position: absolute; top: 168px;}
#section1_left a {display: block; height: 26px; left: 57px; position: absolute; top: 194px; width: 150px;}
#section1_right {display: inline; float: right; margin-right: 14px; width: 489px;}
#section1_right h3 {color: #5d5b5b; font: normal 16px Arial, sans-serif; margin: 0 0 10px 10px; padding-top: 10px; display: block;}
span.dashed2 {background: none; border: none; border-bottom: 1px dashed #5d5b5b; color: #dfd6bf; display: block; height: 1px; margin: 0 0 15px 30px; width: 425px;}
span.white {background-color: #f5f2e9; display: block; margin-left: 10px; margin-top: 10px; padding-bottom: 10px; width: 470px;}
#section1_right p {color: #5d5b5b; font: normal 12px Arial, sans-serif; margin: 10px;}
#section1_right p.picture {background: url(images/section1_right.jpg) no-repeat; height: 315px; margin: 15px auto 0 auto; width: 476px;}
#section1_right span {color: #cb1a17;}
#section2 {background: url(images/section2.gif) repeat-y; font: normal 12px Arial, sans-serif; padding: 15px 0;}
#content {background-color: #f5f2e9; margin: 0 auto; padding: 10px 0 25px 0; width: 725px;}
#content p {clear: both;}
#content p.text {color: #6c6a6a; margin: 0 0 15px 25px;}
#content p.gap {color: #6c6a6a; margin: 0 0 25px 25px;}
#content p.right {clear: none; color: #6c6a6a; display: inline; float: right; margin: 0 20px 10px 0; width: 480px;}
#content span {color: #8a3d35;}
.list, .short_list {display: inline; float: left; list-style: none; width: 430px;}
.short_list {margin-top: 25px; width: 150px;}
.list p, .short_list p {background: url(images/bullet.gif) 0 5px no-repeat; color: #ff2321; margin: 0 0 5px 25px; padding-left: 15px;}
#content img {float: right; margin: 0 20px 20px 0;}
#content img.apply {float: left; margin: 0 0 0 25px;}
#order1 {background: url(images/order1.jpg) 25px 100% no-repeat; clear: both; height: 107px; margin-bottom: 15px; padding-top: 25px; position: relative;}
#order1 p {color: #6c6a6a; font: bold 1.3em Arial, sans-serif; position: absolute;right: 10px; top: 40px; width: 450px;}
#order2 {background: url(images/order2.jpg) 25px 100% no-repeat; height: 97px; position: relative; margin-bottom: 25px;}
#order2 p {color: #6c6a6a; font: bold 1.3em Arial, sans-serif; margin: 0; position: absolute; right: 0; top: 18px; width: 410px;}
#dermacaps {background: url(images/dermacaps.jpg) no-repeat; height: 187px; margin: 25px 0 25px 25px; width: 667px;}
#order_now {background: url(images/order_now.jpg) no-repeat; height: 126px; margin: 0 auto; position: relative; width: 538px;}
#order_now a {color: #ffffff; font: bold 1.7em Arial, sans-serif; left: 130px; height: 32px; position: absolute; padding-top: 8px; text-decoration: none; text-indent: 15px; top: 0; width: 335px;}
#footer {background:url(images/footer.jpg) no-repeat; height: 59px; position: relative;}
#footer a {color: #000000; font: normal .8em Arial, sans-serif; position: absolute; right: 40px; top: 12px;}