/*  
Theme Name: Natural Aesthetics
Theme URI: http://www.totallyrich.com/themes/natural-aesthetics
Description: The 2008 WordPress theme for www.natural-aesthetics.co.uk
Version: 1.0
Author: Richard Johnson
Author URI: http://www.totallyrich.com
*/

/* Reset Styles */
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,
dd, dl, dt, li, ol, ul,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
font-weight: inherit;
font-style: inherit;
font-size: 100%;
line-height: 1;
font-family: inherit;
text-align: left;
vertical-align: baseline;
}
a img, :link img, :visited img {
border: 0;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
ol, ul {
list-style: none;
}
q:before, q:after,
blockquote:before, blockquote:after {
content: "";
}

/* Layout */
body {background-color: #000; font-family: arial, verdana, helvetica, sans-serif; font-size: 0.8em; color: #7f6640;}
#wrapper {width: 886px; margin-left: auto; margin-right: auto; background-color: #fff; background-image:url('img/bg.jpg'); background-repeat: repeat-y;}
#wrapper-inner {width: 846px; margin-left: auto; margin-right: auto;}
#menu {background-image:url(img/menu_bg.jpg); background-repeat: repeat-x; height: 35px;}
#menu ul {float: right;}
#menu ul li {display: inline;}
#menu ul li a {text-transform: uppercase; color: #6e4445; line-height: 2.2; font-size: 115%; height: 35px; text-decoration: none; text-align: center; display: block; float: left;}
#menu #menu-treatments {width:105px;}
#menu #menu-about {width:70px;}
#menu #menu-portfolio {width:100px;}
#menu #menu-faq {width:50px;}
#menu #menu-news-blog {width:120px;}
#menu #menu-prices {width:74px;}
#menu #menu-contact {width:86px;}
#menu ul li a:hover, #menu ul li a:active {background-image:url('img/menu_bg_over.jpg'); background-repeat: repeat-x; color: #000;}

#header {clear: both; height: 146px;  background-color: #fcf8ed;}
.home {background-image:url('img/header_bg_home.jpg');}
.inside {background-image:url('img/header_bg.jpg');}
#header-right {float: right; width: 180px; margin: 20px 20px 0 0; }
#header-right p {text-align: right;}
#header-right p span {font-size: 1.6em;}

#header-logo {}
#header-logo h1 {text-indent: -9999em;}
#header-logo h1 a {display: block; float: left; margin: 20px 30px; background-image:url('img/logo.jpg'); background-repeat: no-repeat; width: 277px; height: 85px;}

#content {}
#content-home-r {float: right; width: 455px; margin: 10px 15px 10px 0;}

/* Inside Content */

#content-inside-l {margin: 10px;}
#content-inside-l img.main {margin: 0 30px 20px 40px;}

h1 {font-size: 130%;}
h2 {font-size: 120%; line-height: 1.2; color: #89724e; font-weight: bold; margin: 0 0 15px 0;}
h3 {font-size: 105%; font-weight: bold; margin: 0 0 5px 0;}
h4 {font-size: 100%; font-weight: bold;}
h5 {}
strong {font-weight: bold;}
#content p {line-height: 1.4; margin: 10px 0 10px 0;}
#content ul {list-style-type: circle; color: #deccad; margin: 5px 10px 10px 20px;}
#content ul li {color: #7f6640; line-height: 1.2;}
a {color: #89724e;}
a:hover {text-decoration: none; color: #89724e;}

#latest-blog {background-color: #fff;}
#latest-blog p {padding: 0 20px 0 0;}
#latest-blog ul li a {font-weight: bold;}
#latest-blog-heading {background-image:url('img/latest_blog_bg.jpg'); background-repeat: repeat-x; color: #fff; font-size: 120%; font-weight: bold; height: 36px; padding: 0;}
#latest-blog-heading p {margin: 0; padding: 5px 0 0 20px; font-weight: bold; font-size: 110%;}
.blog-read-all {text-align: right;}

#footer-bar {clear: both; background-image:url('img/footer_bar_bg.jpg'); padding: 60px 0 0 0; height: 30px;}
#footer-bar ul {margin: 0 0 20px 0; text-align: right; margin: 10px 0 0 0;}
#footer-bar ul li {display: inline;}
#footer-bar ul li a {padding: 0 20px 0 0; color: #fff; text-decoration: none; font-weight: bold;}

/* SEO Footer */
#seo-footer {height: 200px; clear: both; margin: 20px 0 0 0;}
#footer-pb1, #footer-pb2, #footer-pb3, #footer-pb4 {width: 190px; float: left; padding: 0;}
#footer-pb1 h4, #footer-pb2 h4, #footer-pb3 h4, #footer-pb4 h4 {}
#footer-pb1 {margin: 0 16px 0 20px;}
#footer-pb2 {margin: 0 16px 0 0;}
#footer-pb3 {margin: 0 16px 0 0;}
#footer-pb4 {margin: 0;}