/*
Styles for Pepperminted
Author: Rob Flaherty | www.ravelrumba.com 
*/

/* 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, b, u, i, center, 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-size: 100%; vertical-align: baseline; background: transparent; }
body { line-height: 1; } 
ol, ul { list-style: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q {	quotes: none; }
:focus { outline: 0; }
ins { text-decoration: none; }
del { text-decoration: line-through; }
table {	border-collapse: collapse; border-spacing: 0; }

/* Basic Elements  */
html{font-size:100%;}
body {background: #fae8e8; font-size: 62.5%; font-family: Georgia, "Time New Roman", Serif; line-height: 1.5; color: #292929; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }
strong{font-weight:800;}
hr { display: none; }
.left { float: left;}
.right { float: right;}
.center { text-align: center; }
a img { border: none }
.clear { clear: both; height: 0; line-height: 0;}
input, textarea { font-size: 1.3em; border: 0; font-family: Georgia, Serif; color: #292929; margin: 0; }

/* Links */
a:link, a:visited, a:active { color: #f8121b;text-decoration: underline; }
a:hover { color: #f8121b; text-decoration: none; }

/* Typography */
h1 { font-size: 1.4em; margin: 0 0 1em;}
h2 { font-size: 1.2em; margin: 0 0 1em;}
h3 { font-size: 1.2em; margin: 0 0 1em;}
h4, h5, h6 { font-size: 1.2em; margin: 0 0 1em; }
p {font-size:1.4em; margin: 0 0 1em 0; }

/* Site Structure */
#top { background: #555 url(../images/border.gif) repeat-x left bottom; width: 100%; height: 38px;}
.inner, #about-contact { width: 940px; margin: 0 auto; position: relative; }
#intro-left { width: 520px; float: left; padding: 140px 0 10px; }
#intro-right { width: 380px; float: right; }
#about { width: 460px; float: left; }
#contact { width: 460px; float: right; }

/* Main Navigation */
#nav { float: right; }
#nav li { display: inline; font-size: 1.5em; }
#nav li a { float: left; color: #fff; margin: 10px 20px 0 20px ; text-decoration: none; height: 16px; padding: 0; line-height: 1; text-indent: -999em; background: url(../images/nav-bg.png) no-repeat; }
#nav #nav-home a { background-position: 0 0; width: 51px;}
#nav #nav-services a { background-position: -87px 0; width: 71px;}
#nav #nav-about a { background-position: -181px 0; width: 53px;}
#nav #nav-contact a { background-position: -259px 0; width: 67px;}
#nav #nav-home a:hover { background-position: 0 -18px; }
#nav #nav-services a:hover { background-position: -87px -18px; }
#nav #nav-about a:hover { background-position: -181px -18px; }
#nav #nav-contact a:hover { background-position: -259px -18px; }

/* Intro */
#logo { margin: 0; position: absolute; top: 20px; left:-20px; width: 421px; height: 92px; display: block; text-indent: -999em; background: url(../images/pepperminted.png) no-repeat; }
#intro-left p { font-size: 1.6em; font-family: Georgia, "Times New Roman", Serif; }
#intro h1 { width: 375px; height: 34px; background: url(../images/make-your-website-pop.png) no-repeat; text-indent: -999em; overflow: hidden; }
#intro h2 { font-family: Georgia, "Times New Roman", Serif; font-size: 20px; font-weight: 400; }
#get-pepperminted { width: 282px; height: 56px; display: block; background: url(../images/get-pepperminted.png) no-repeat 0 -56px; text-indent: -9999em; }
#get-pepperminted:hover { background-position: 0 0; }
#get-pepperminted:active { background-position: 0 -112px; }

#intro-right { background: url(../images/peppermint-candy.png) no-repeat 50px 20px; height: 400px; }

.testimonial { width: 388px; position: absolute; top: 337px; }
.testimonial .bubble, .testimonial .btm { background: url(../images/testimonial-bg.png) no-repeat; }
.testimonial .bubble {  padding: 20px 30px 0 30px;}
.testimonial .btm { background-position: left bottom; height: 47px; display: block; margin-bottom: 2px; }
.testimonial p { margin: 0; font-size: 1.6em; }
.testimonial cite { color: #666; font-size: 1.4em; display: block; text-align: right; padding-right: 30px; }

/* Services */
#services-hdr, #about-hdr, #contact-hdr { background: url(../images/heading-sprite.png) no-repeat }
#services { background: #fef9fa; padding: 20px 0; overflow: auto; width: 100%; }
#services-hdr { width: 104px; height: 20px; text-indent: -999em; overflow: hidden; margin: 0 0 30px; }
.service { width: 220px; margin: 0 20px 0 0; float: left;}
.last { margin: 0 0 30px; }
.service h4 { font-size: 1.6em; padding: 0 0 20px 50px; line-height: 1.2; margin: 0;}
#service-copywriting { background: url(../images/icon-pencil.png) no-repeat; }
#service-editing { background: url(../images/icon-refresh.png) no-repeat; }
#service-seo { background: url(../images/icon-seo.png) no-repeat; }
#service-press { background: url(../images/icon-press.png) no-repeat; }
#services .back-to-top {  }

/* About and Contact */
#about-contact { padding: 20px 0; }
#about-hdr { width: 72px; height: 21px; background-position: 0 -25px;text-indent: -999em; overflow: hidden; }
#contact-hdr { width: 98px; height: 20px; background-position: 0 -51px; text-indent: -999em; overflow: hidden; }
#twitter a{ background: url(../images/twitter-birdie.png) no-repeat; padding: 5px 0 7px 30px; }

#contactForm label { width: 80px; float: left; padding-top: 9px;}
#contactForm p { overflow: hidden; }
#contactForm .input-text { width: 290px; padding: 7px 5px; float: left; display: block; line-height: 1; color: #555; letter-spacing: 1px; font-size: 1.14em; background: #fef9fa; }
#contactForm textarea { width: 370px; padding: 5px; line-height: 1.33; letter-spacing: 1px; color: #555; font-size: 1.14em; background: #fef9fa; overflow-y: auto; resize:none; }
#contactSubmit { background: url(../images/contact-send.png) no-repeat; width: 79px; height: 42px; text-indent: -999em; display: block; cursor: pointer; margin: 0 0 0 80px; }
#contactSubmit:hover { opacity: 0.9; }
#contactForm .input-text:focus, #contactForm textarea:focus { background: #fff; }
#contactForm span.error { display: block;  width: 100%; color: #666; margin-left: 80px; font-style: italic; clear: both; padding-top: 5px; }
#thanks { text-align: center; font-size: 4.5em; padding: 50px 0; background: #fef9fa; margin: 0; line-height: 1; height: 50px; display: none;}

/* Footer */
#footer { background: #d6d5d5; padding:0px 0 13px; clear: both; overflow: hidden; position: relative;}
#copyright{ margin: 0; float: left; line-height: 34px; font-size: 1.2em; color: #555; }
.back-to-top a{ display: block; float: right; width: 115px; height: 34px; background: url(../images/back-to-top.png) no-repeat; text-indent: -999em; }
.back-to-top a:hover { background-position: 0 -34px; }

/* Auto-clear floats */
.auto-clear:after, .inner:after, #about-contact:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }