body { background: #000 url('images/bg.gif'); padding-top: 25px; font-family: Arial; font-size: 13px; color: #272727; }

@font-face { font-family: 'GeosansLight'; src: url('GeosansLight.eot'); src: url('GeosansLight.ttf'); }

a { color: #272727; text-decoration: none; }

a:hover { color: #272727; }

img { border: 0; }

h1 { display: inline; margin-top: 0; padding-left: 39px; font-size: 28px; font-weight: normal; border-bottom: dotted 1px #000; }

#rec { display: inline; margin-top: 0; padding-left: 39px; font-size: 28px; font-weight: normal; border-bottom: dotted 1px #000; }

#contact  { display: inline; margin-top: 0; padding-left: 142px; font-size: 26px; font-weight: normal; border-bottom: dotted 1px #000; }

#telephone  { display: inline; margin-top: 0; padding-left: 120px; font-size: 26px; font-weight: normal; border-bottom: dotted 1px #000; }

#faxl  { display: inline; margin-top: 0; padding-left: 197px; font-size: 26px; font-weight: normal; border-bottom: dotted 1px #000; }

#mail  { display: inline; margin-top: 0; padding-left: 167px; font-size: 26px; font-weight: normal; border-bottom: dotted 1px #000; }

#em  { display: inline; margin-top: 0; font-size: 26px; font-weight: normal; text-align: left; border-bottom: dotted 1px #000; }

#pro  { display: inline; margin-top: 0; font-size: 22px; font-weight: normal; text-align: left; border-bottom: dotted 1px #000; }

#face  { display: inline; margin-top: 0; padding-left: 128px; font-size: 26px; font-weight: normal; border-bottom: dotted 1px #000; }

#con { display: inline; margin-top: 250px; font-size: 18px; font-weight: normal; float: right; margin-right: 200px; }

h2 { font-size: 13.4px; padding: 10px; padding-left: 45px; }

#header {
	width: 937px;
	height: 36px;
	margin: 0px auto;
	background-color: #171717;
}

#header  img { margin: 4px; }

#header ul { margin: 0; margin-right: 5px; padding: 0; list-style-type: none; float: right; }

#header ul li { float: left; }

#header ul li a {
	display: block;
	padding: 0 10px;
	line-height: 36px;
	vertical-align: middle;
	color: #fff;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 16px;
}

#header ul li a:hover, #header ul li a.active { color: #272727; background-color: #f2f2f2; outline: none; }

#facebook  { display: block; float: right; margin-right: 5px; }

#logo { float: left; }

#main { width: 937px; height: 570px; margin: 0px auto; background: #f2f2f2 url('images/home-bg.jpg') right top no-repeat; }

#about { width: 937px; height: 570px; margin: 0px auto; background: #f2f2f2 url('images/aboutus_bg.jpg') right top no-repeat; }

#herstory { width: 937px; height: 570px; margin: 0px auto; background: #f2f2f2 url('images/herstory_bg_new.jpg') left top no-repeat; }

#testi { width: 937px; height: 570px; margin: 0px auto; background: #f2f2f2 url('images/testi_bg.jpg') left top no-repeat; }

#ingredients { width: 937px; height: 570px; margin: 0px auto; background: #f2f2f2; }

#ingredients a  {
	color: blue;
}

#ingredients a:visited  {
	color: purple;
}

#ingredients a:hover {
	color: blue;
	text-decoration: underline;
}

#faqs {
	width: 937px;
	height: 570px;
	margin: 0px auto;
	background: #f2f2f2;
}

#faqs a  { color: blue; }

#faqs a:visited  { color: purple; }

#faqs a:hover { color: blue; text-decoration: underline; }

#products { width: 937px; height: 570px; margin: 0px auto; background: #f2f2f2; }

#products a  {
	color: blue;
}

#products visited  {
	color: purple;
}

#products a:hover {
	color: blue;
	text-decoration: underline;
}

#form { width: 937px; height: 570px; margin: 0px auto; background: #f2f2f2; }

#input { width: 400px; margin-right: 140px; margin-top: 55px; background: #f2f2f2; float: right; } 

#order {  float: right; margin-top: 165px; margin-right: 55px; }

#text-wrapper { width: 458px; padding-top: 80px; }

#text-wrapper-contact { width: 350px; padding-top: 55px; }

#wrapper-about { width: 441px; padding-top: 45px; padding-left: 38px; }

#wrapper-her { width: 470px; padding-top: 55px; padding-left: 40px; float:right; margin-right: 28px; }

#wrapper-product { width: 450px; padding-top: 80px; padding-left: 0; margin-right: 0; }

#wrapper-ingredient { padding-top: 80px; padding-left: 0; margin-right: 0; }

#text { margin-left: 39px; margin-top: 30px; text-align: justify; }

#aboutus { margin-left: 25px; margin-top: 40px; text-align: justify; }

#address { margin-left: 22px; margin-top: 15px; text-align: justify; }

#tel { margin-left: 155px; margin-top: 15px; text-align: justify; }

#fax { margin-left: 155px; margin-top: 15px; text-align: justify; }

#email { margin-left: 65px; margin-top: 15px; text-align: justify; }

#email { margin-left: 65px; margin-top: 15px; text-align: justify; }

#facebig { margin-left: 200px; margin-top: 15px; text-align: justify; }

#her { margin-right: 22px; margin-top: 10px; text-align: justify; }

#product { margin-top: 0; text-align: justify; padding-left: 40px; }

#footer { width: 937px; margin: 7px auto; text-align: center; color: #f2f2f2; font-size: 12px; }

#footer a  { color: #fff; }

#footer a:hover { color: #fff; text-decoration: underline; }

#scroller { text-align: justify; float: right; margin-right: 50px; height: 500px; }

#scroller .scroll-innerBox { margin-top: 25px; }

#scroller .scroll-innerBox div{ margin-top: -2px; }

form { margin-left: 0; width: 400px; }

form label, form input, form textarea, button{ display: block; }

form input { width: 270px; height: 20px; color: #272727; background: #fff; border: 1px solid #272727; }

form label { margin-top: 15px; margin-bottom: 3px; }

form textarea { width: 400px !important; height: 155px !important; margin: 0; color: #272727; background: #fff; border: 1px solid #272727; resize: }

form button.submit  { width: 97px; height: 32px; margin-top: 20px; float: right; 0 -68px; border: 0; background: #272727; font-size: 14px; font-weight: bold; color: #f2f2f2; }

/*single button on bottom*/
#butt {width: 415px; height: 10px; padding-top: 10px; color: #272727; margin-left: 332px; margin-top: 20px; }
#butt a {color: #272727; }
#butt a:hover {color: #272727; text-decoration: none;}

/*2 buttons on bottom*/
#butt2 {width: 415px; height: 10px; padding-top: 10px; color: #272727; margin-left: 120px; margin-top: 20px; }
#butt2 a {color: #272727; }
#butt2 a:hover {color: #272727; text-decoration: none;}

#sig { float: right; margin-top: 65px; margin-right: 3px; }

#index { width: 397px; height: 50px; background: #272727 url('images/r.png') left top no-repeat; margin-left: 60px; margin-top: 30px; color: #f2f2f2; text-align: justify; }

#fis { font-size: 11px; margin-right: 7px; margin-top: 35px; float: right; }

#q { font-family: Arial; font-size: 22px; color: #272727; float: right; margin-right: 0px; width: 550px; }

#im { float : right; }

.clear { /* generic container (i.e. div) for floating buttons */
    overflow: hidden;
    width: 100%;
}

a.button {
    background: transparent url('images/bg_button_a.gif') no-repeat scroll top right;
    color: #444;
    display: block;
    float: left;
    font: bold 12px arial, sans-serif;
    height: 24px;
    margin-right: 6px;
    padding-right: 18px; /* sliding doors padding */
    text-decoration: none;
	outline: none;
}

a.button span {
    background: transparent url('images/bg_button_span.gif') no-repeat;
    display: block;
    line-height: 14px;
    padding: 5px 8px 5px 28px;
} 

a.button:active {
    background-position: bottom right;
    color: #000;
    outline: none; /* hide dotted outline in Firefox */
}

a.button:active span {
    background-position: bottom left;
    padding: 6px 8px 4px 28px; /* push text down 1px */
}