body { background: #eee; color: #999; margin:0; padding: 0; border: 0; font-family: Avenir, "Lucida Grande", Verdana, sans-serif; font-size: 11px; }
img	{ border: 0; letter-spacing: 1px;}
p	{ line-height: 140%; text-align: left; margin-top: 0; margin-bottom: 1em; font-size: 10px; }
h1, h2 { font-family: "Gill Sans", Myriad, Arial, "Bitstream Vera Sans", Helvetica, sans-serif; }
h1 { margin: 10px 0 2px 0; font-size: 17px; }
h1 span { font-weight: normal; }
h2 { margin: 10px 0 2px 0; letter-spacing: 1px; font-size: 14px; }
h3 { font-family: Avenir, "Lucida Grande", Verdana, sans-serif; margin: 10px 0 2px 0; letter-spacing: 1px; font-size: 11px; }
a:link, a:visited { font-weight: bold; color: #62AC1E; }
a:hover { text-decoration: none; color: #999; }
a:active { text-decoration: none; color: #526968; }

.callbox { padding: 10px 0; margin: 0; border: 1px dotted #ccc; border-width: 1px 0; }
.sidebar .callbox { color: #666; }

.wrapper { color: #fff; background: #fff; margin: 18px auto; padding: 0; width: 792px; *width: 790px; }

.header { width: 100%; overflow: hidden; }
.header h1 { margin: 19px 0 0 13px; }

.nav ul { text-align: right; display: block; margin: 25px 0 10px 0; padding-bottom: 0; }
.nav ul li { text-align: left; display: inline; padding-right: 24px; letter-spacing: 1px; }
.nav ul a { text-decoration: none; }
.nav a:hover, .nav a:active { font-weight: bold; color: #CBD497; }
#home .home, #faq .faq, #about .about, #press .press, #review .review, #uses .uses, #tips .tips { color: #000; }

.main { width: 750px; overflow: hidden; color: #000; padding: 0 20px 20px 20px; }

.content { float: left; margin: 0; padding: 5px 0; width: 510px; }
.content.contentmid { padding-left: 120px; }

.sidebar { width: 220px; float: right; margin: 5px 0 0 0; }
.sidebar h2	{ font-weight: bold; font-size: 18px; color: #333333; margin: 10px 0 5px 0; }
.sidebar h3	{ font-size: 13px; margin: 0; }
.sidebar img { margin: 2px 0; }
.sidebar p	{ font-size: 11px; text-align: left; }
.sidebar .pullquote	{ font-size: 13px; }

.sidenav { margin: 0px 0 0 0; padding: 0; list-style: none; }
.sidenav li { border-bottom: 1px dotted #ccc; }
.sidenav li.first { border-top: 1px dotted #ccc; }
.sidenav li a { display: block; text-decoration: none; padding: 8px 5px; }
.sidenav li a:hover { background-color: #f0f1ef; color: #000; }

.footer { color: #666; padding: 3px 15px 7px 15px; margin: 5px auto 0 auto; width: 792px; *width: 790px; font-size: 9px; }
.footer p { margin: 0 0 4px 0; padding: 0 25px; } 
.footer p img { vertical-align: middle; }

/* page specific */

.main.home { padding: 0; width: 790px }
.home .home-uses { font-size: 12px; color: #fff; padding-top: 70px; }
.home .home-uses a { color: #E2E6C7; text-decoration: underline; }
.home .home-uses a:visited { color: #E2E6C7; }
.home .home-press { padding-left: 40px; }

.about .dist ul { margin: 1px 0 20px 15px; padding: 0; list-style: none; }
.about .dist ul li { margin: 0; padding: 10px 0; }
.about .dist ul li h4 { margin: 0; padding: 0; font-size: 100%; }
.about .sidebar h2 { color: #62AC1E; }

.faq .faqlist { margin: 15px; padding: 0; list-style: none; }
.faq .faqlist li { padding: 0 0 2px 0; margin: 0; }
.faq dt { font-weight: bold; margin-bottom: 10px; }
.faq dd { margin: 0 0 20px 0; padding: 0; }
.faq dd p { margin-top: 0; }
.faq table td { width: 33%; text-align: center; }

.tips .indent { padding-left: 30px; }

.press .bestlogo { float: right; margin: 0 0 15px 15px; }
.press .pr { width: 550px; }
.press .pr td { padding: 8px 10px 8px 2px; text-align: left; vertical-align: middle; border-bottom: 1px solid #ccc; }
.press .pr td.file { text-align: right; width: 110px; padding-right: 0; }
.press .gallery td { text-align: center; padding: 0 7px 8px 0; width: 16%; }
.press .gallery .pink td { text-align: left; }

.store .short { margin: 15px 0 30px 0; padding: 0; list-style: none; }
.store .short li { margin: 0; padding: 0 0 10px 10px; }
.store .col { float: left; width: 45%; margin: 0 3% 0 0; }
.store .col.last { width: 50%; margin: 0; }
.store .retail h3 { margin-bottom: 0; padding-bottom: 0; }
.store .retail ul { margin: 10px 0 15px 0; padding: 0; list-style: none; }
.store .retail ul li { margin: 0; padding: 0 0 18px 10px; }
.store .retail ul li h4 { margin: 0; padding: 0; font-size: 100%; }