body {
margin:0;
padding:0;
background:#3b3b3b;

font-family:Helvetica, Arial, sans-serif;
font-size:18px;
color:#000;
}

.clearBoth {
clear:both;
margin:0;
padding:0;
}

a {
outline:none;
}

#headerWrapper {
width:100%;
background:#f7f7f7;
}

#header {
width:1033px;
height:100px;
margin:0 auto;
background:transparent url(../images/headerBg.jpg) top left no-repeat;
}

#header #logo {
float:left;
}

#header ul#mainNav {
margin:0;
padding:35px 15px 0 0;
float:right;
list-style: none;
}

#header ul#mainNav li {
display:inline;
float:left;
margin-left:10px;
}

#header ul#mainNav li#home, #header ul#mainNav li#home a {
float:left;
width:70px;
height:27px;
background:transparent url(../images/home.jpg) top left no-repeat;
text-indent: -9999px;
}

#header ul#mainNav li#home a:hover {
background:transparent url(../images/home_over.jpg) top left no-repeat;
}

#header ul#mainNav li#book, #header ul#mainNav li#book a {
float:left;
width:64px;
height:27px;
background:transparent url(../images/book.jpg) top left no-repeat;
text-indent: -9999px;
}

#header ul#mainNav li#book a:hover {
background:transparent url(../images/book_over.jpg) top left no-repeat;
}

#header ul#mainNav li#bio, #header ul#mainNav li#bio a {
float:left;
width:48px;
height:27px;
background:transparent url(../images/bio.jpg) top left no-repeat;
text-indent: -9999px;
}

#header ul#mainNav li#bio a:hover {
background:transparent url(../images/bio_over.jpg) top left no-repeat;
}

#header ul#mainNav li#freelatte, #header ul#mainNav li#freelatte a {
float:left;
width:98px;
height:27px;
background:transparent url(../images/freelatte.jpg) top left no-repeat;
text-indent: -9999px;
}

#header ul#mainNav li#freelatte a:hover {
background:transparent url(../images/freelatte_over.jpg) top left no-repeat;
}

/* Body ID'd active states */

body#home #header ul#mainNav li#home, body#home #header ul#mainNav li#home a {
background:transparent url(../images/home_over.jpg) top left no-repeat;
}

body#bio #header ul#mainNav li#bio, body#bio #header ul#mainNav li#bio a {
background:transparent url(../images/bio_over.jpg) top left no-repeat;
}

body#book #header ul#mainNav li#book, body#book #header ul#mainNav li#book a {
background:transparent url(../images/book_over.jpg) top left no-repeat;
}

body#freelatte #header ul#mainNav li#freelatte, body#freelatte #header ul#mainNav li#freelatte a {
background:transparent url(../images/freelatte_over.jpg) top left no-repeat;
}

#contentWrapper {
width:100%;
height:auto;
background:#cacbca url(../images/contentDs.jpg) top left repeat-x;
}

#contentBgWrapper {
width:100%;
height:auto;
background:transparent url(../images/contentBg.jpg) top center no-repeat;
}

#content {
width:1033px;
margin:0 auto;
}

#content a {
color:#f58428;
text-decoration: none;
}

#content a:hover {
text-decoration: underline;
}

#contentLower {
width:1033px;
}

#contentLowerLeft {
float:left;
width:517px;
height:430px;
background:transparent url(../images/contentLeftBg.png) top left no-repeat;
margin:0;
padding:0;
}

#contentLowerLeft h2 {
padding:30px 30px 0 35px;
margin:0;
line-height:24px;
}

#contentLowerLeft p {
padding:30px 30px 0 35px;
margin:0;
line-height:21px;
}

#contentLowerRight {
float:right;
width:516px;
height:430px;
background:transparent url(../images/contentRightBg.png) top left no-repeat;
margin:0;
padding:0;
}

#contentLowerRight p {
padding:30px 30px 0 30px;
margin:0;
line-height:21px;
}

#footerWrapper {
width:100%;
}

#footer {
width:1033px;
height:68px;
margin:0 auto;
}

#footer a {
color:#e8e8e8;
text-decoration: none;
}

#footer a:hover {
color:#f58428;
}

#footer ul#footerNav {
float:right;
margin:0;
padding:25px 20px 0 0;
list-style: none;
font-size:12px;
font-weight: bold;
color:#e8e8e8;
}

#footer ul#footerNav li {
display: inline;
margin-left:15px;
}

#footer ul#footerNav li.active a {
color:#f58428;
}

#footer ul#socialMedia {
float:left;
list-style: none;
margin:0;
padding:20px 0 0 10px;
}

#footer ul#socialMedia li {
display:inline;
float:left;
margin-left:5px;
}

#footer ul#socialMedia li#skype, #footer ul#socialMedia li#skype a {
float:left;
width:22px;
height:22px;
background:transparent url(../images/skype.jpg) top left no-repeat;
}

#footer ul#socialMedia li#skype a:hover {
background:transparent url(../images/skype_over.jpg) top left no-repeat;
}

#footer ul#socialMedia li#twitter, #footer ul#socialMedia li#twitter a {
float:left;
width:22px;
height:22px;
background:transparent url(../images/twitter.jpg) top left no-repeat;
}

#footer ul#socialMedia li#twitter a:hover {
background:transparent url(../images/twitter_over.jpg) top left no-repeat;
}

#footer ul#socialMedia li#linkedin, #footer ul#socialMedia li#linkedin a {
float:left;
width:22px;
height:22px;
background:transparent url(../images/linkedin.jpg) top left no-repeat;
}

#footer ul#socialMedia li#linkedin a:hover {
background:transparent url(../images/linkedin_over.jpg) top left no-repeat;
}

#footer ul#socialMedia li#ff, #footer ul#socialMedia li#ff a {
float:left;
width:21px;
height:22px;
background:transparent url(../images/ff.jpg) top left no-repeat;
}

#footer ul#socialMedia li#ff a:hover {
background:transparent url(../images/ff_over.jpg) top left no-repeat;
}

#footer ul#socialMedia li#facebook, #footer ul#socialMedia li#facebook a {
float:left;
width:22px;
height:22px;
background:transparent url(../images/facebook.jpg) top left no-repeat;
}

#footer ul#socialMedia li#facebook a:hover {
background:transparent url(../images/facebook_over.jpg) top left no-repeat;
}

/* Home Content Area */

body#home #contentTop {
width:517px;
height:225px;
background:transparent url(../images/contentTopBg.png) top left no-repeat;
text-align: center;
margin-bottom:120px;
}

body#home #contentTop h1 {
font-size:40px;
color:#fff;
margin:0;
padding:75px 30px 0 35px;
}

body#home #contentLowerRight ul {
list-style: none;
padding:30px 0 6px 35px;
margin:0;
}

/* Bio/Book/Freelatte Content Area */

body#bio #contentTop, body#book #contentTop, body#freelatte #contentTop {
width:517px;
height:345px;
background:transparent url(../images/bioTopContent.png) top left no-repeat;
text-align: center;
}

body#bio #contentTop h1, body#book #contentTop h1, body#freelatte #contentTop h1 {
font-size:53px;
line-height:65px;
color:#fff;
margin:0;
padding:50px 30px 0 35px;
}

body#bio #contentLowerRight h2, body#book #contentLowerRight h2, body#freelatte #contentLowerRight h2 {
font-size:24px;
color:#f58428;
padding:10px 0 0 25px;
}

body#bio #contentLowerRight img {
padding-left:25px;
}

/* Book Specific */

body#book #contentTop h1 {
padding-top:75px;
}

body#book #contentLowerRight img {
padding-left:15px;
}

/* Freelatte */

body#freelatte #contentTop h1 {
padding-top:75px;
}

body#freelatte #contentLowerLeft p {
font-size:16px;
padding-right:20px;
}

body#freelatte form {
padding-left:25px;
}

body#freelatte input {
width:456px;
height:26px;
border:none;
background:transparent url(../images/input.jpg) top left no-repeat;
font-size:18px;
padding-left:5px;
padding-right:5px;
margin-bottom:15px;
}

body#freelatte textarea {
width:456px;
height:156px;
border:none;
font-size:18px;
padding:5px;
margin-bottom:15px;
background:transparent url(../images/textarea.jpg) top left no-repeat;
font-family:Helvetica, Arial, sans-serif;
}

body#freelatte input#submit {
float:right;
margin-right:25px;
width:121px;
height:27px;
border:none;
background:transparent url(../images/submit.jpg) top left no-repeat;
}

body#freelatte input#submit:hover {
background:transparent url(../images/submit_over.jpg) top left no-repeat;
}