@charset "utf-8";
/* css browser reset */
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td 
{margin: 0;padding: 0;border: 0;outline: 0;font-weight: inherit;font-style: inherit;font-size: 100%; font-family:Verdana, Geneva, sans-serif; vertical-align: baseline;}
/* remember to define focus styles! */
:focus {outline: 0;}
body {line-height: 1;color:#000000;background:#ffffff;}
/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse: separate;border-spacing: 0;}
caption, th, td {text-align: left;font-weight: normal;}
blockquote:before, blockquote:after, q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}

/* General Layout */
body{background-color:#f0f0f0;}
div#wrapper{background:url(../images/background-shadow.png) repeat-y; width:730px; margin:0 auto; padding:10px 82px;}
div#nav{background:url(../images/nav-background.png) no-repeat; width:732px; height:84px; margin:10px auto;}

/* Top Navigation */
div#nav ul{position:absolute; margin:49px 0 0 75px;}
div#nav ul li{display:inline;}
div#nav ul li a{}
div#nav ul li a img{margin-right:-4px;}

/* Sub-Navigation */
div#sub-nav{background:url(../images/subnav-background.jpg) no-repeat; width:732px; height:427px; margin-bottom:15px;}
div#sub-nav div{position:absolute; width:200px; height:47px;}
div#sub-nav img{float:left;}
div#sub-nav h2{margin-left:52px;}
div#sub-nav p{margin:0 0 0 52px; padding:0px;}
div#sub-nav h2 a{font-size:12px; line-height:17px; color:#1697fa; font-weight:bold;}
div#sub-nav p{font-size:11px; line-height:14px;}
div.acne{margin:240px 0 0 15px;}
div.day{margin:303px 0 0 15px;}
div.cleansers{margin:366px 0 0 15px;}
div.eye{margin:240px 0 0 260px;}
div.night{margin:303px 0 0 260px;}
div.toners{margin:366px 0 0 260px;}
div.wrinkle{margin:240px 0 0 500px;}
div.scrubs{margin:303px 0 0 500px;}
div.moisturizers{margin:366px 0 0 500px;}

/* div styles */
div.bottom-bar{background:url(../images/bar-bottom.png) no-repeat; width:733px; height:29px; margin-bottom:15px;}
/* h styles */
h1{color:#239dfa; font-size:18px; line-height:28px; font-weight:bold; padding-left:15px; margin-bottom:5px;}

/* img styles */
img.figure-a{margin:14px;}

/* p styles */
p {font-size:12px; line-height:18px; color:#2b2b2b; margin-bottom:15px; padding:0 15px;}
div#footer p {font-size:10px; color:#999; text-align:center; margin-bottom:7px;}
/* General Styles */
.bold{font-weight:bold;}