/*
Theme Name: Rose
Theme URI: the-theme's-homepage
Description: a-brief-description
Author: your-name
Author URI: your-URI
Template: use-this-to-define-a-parent-theme--optional
Version: a-number--optional
.
General comments/License Statement if any.
.


[Table Of Contents] 

	0- Reset
	1- Global
	2- Links
	3- Headings
	4- Header 
	5- Navigation
	6- Content 
	7- Forms
	8- Extras
	9- Footer 

*/

/* =0 Reset
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
@import url('reset.css');
/* =1 Global
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
html {background:#d0d0bb;}
body {height:100%;}
#page {position:relative; line-height:1; font: normal 92% "Trebuchet MS", Arial, Helvetica, sans-serif; vertical-align:top; color:#000000; background:#ffffff; width:900px; height:100%; margin:250px auto 0 auto; padding:5em 0 5px 0;}
#skip {display:none;}
p {font:normal 1em/140% "Trebuchet MS", Arial, Helvetica, sans-serif; padding-bottom:1em;}
ul {list-style-type:square; padding:0 0 1em 30px;}
li {padding:0 0 0.2em 0}

.clear {clear:both;}

/* =2 Links
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
a:link, a:visited {
	color: #333;
}
a:hover {
	color: #111;
}
a:active {
	color: #111;
}
/* =3 Headings
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
h1 {font:normal 2em/110% "Trebuchet MS", Arial, Helvetica, sans-serif; padding-bottom:0.3em; color:#c26c8f;}
h2 {font:normal 1.4em/110% "Trebuchet MS", Arial, Helvetica, sans-serif; padding-bottom:0.1em; color:#c26c8f;}
h3 {font:bold 1.2em/110% "Trebuchet MS", Arial, Helvetica, sans-serif; padding-bottom:0.1em; color:#c26c8f;}
h4 {font:bold 1em/110% "Trebuchet MS", Arial, Helvetica, sans-serif; padding-bottom:0.1em;}
h5 {font:bold 0.9em/110% "Trebuchet MS", Arial, Helvetica, sans-serif; padding-bottom:0.1em;}

.pagePhilosophy h1, .pagePhilosophy h2, .pagePhilosophy h3 {color:#aebdb0;}
.pageWho h1, .pageWho h2, .pageWho h3 {color:#d8aca4;}
.pageBody h1, .pageBody h2, .pageBody h31 {color:#969897;}
.pageFace h1, .pageFace h2, .pageFace h3 {color:#b0c5a5;}
.pageBeauty h1, .pageBeauty h2, .pageBeauty h3 {color:#c3a2a1;}
.pageBloke h1, .pageBloke h2, .pageBloke h31 {color:#d8d0ac;}
.pageBaby h1, .pageBaby h2, .pageBaby h3 {color:#cac5c9;}
.pagePamper h1, .pagePamper h2, .pagePamper h3 {color:#669955;}
.pageContact h1, .pageContact h2, .pageContact h3 {color:#9792c0;}
.pageLinks h1, .pageLinks h2, .pageLinks h3 {color:#86979f;}

/* =4 Header
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
#header {width:100%; position:absolute; top:-250px; left:0;background:#c26c8f;}
#logo {float:left; padding:80px 0 0 50px;}
#mainAnim {float:right;}
#mainAnim img {display:none; width:450px; height:250px;}

.pagePhilosophy #header {background-color:#aebdb0;}
.pageWho #header {background-color:#d8aca4;}
.pageBody #header {background-color:#969897;}
.pageFace #header {background-color:#b0c5a5;}
.pageBeauty #header {background-color:#c3a2a1;}
.pageBloke #header {background-color:#d8d0ac;}
.pageBaby #header {background-color:#cac5c9;}
.pagePamper #header {background-color:#b0cc99;}
.pageContact #header {background-color:#9792c0;}
.pageLinks #header {background-color:#86979f;}
.pageMarketing #header {background-color:#d8aca4;}
/* =5 Navigation
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
#nav {list-style:none; position:absolute; top:0; left:0; background-color:#b34075; width:100%; clear:both; margin:0; padding:0;}

#nav li {display:block; float:left; border-left: 1px solid #ffffff; padding:0; font-weight:bold; font-size:16px;}
#nav li.first {border-left:none; padding-left:10px;}
#nav li a {display:block; padding:5px 11px 0.3em; color:#ffffff; text-decoration: none;}

#nav li:hover {background-color:#d191ab;}


.pageHome #navHome a {color:#000000;}
.pagePhilosophy #navPhilosophy a {color:#000000;}
.pagePhilosophy #nav {background-color:#6c7d87;}
.pagePhilosophy #nav li:hover, .pagePhilosophy #nav li ul {background-color:#c2cec4;}
.pageWho #navWho a {color:#000000;}
.pageWho #nav {background-color:#ca8b85;}
.pageWho #nav li:hover, .pageWho #nav li ul {background-color:#e2c1bb;}
.pageBody #navBody a {color:#000000;}
.pageBody #nav {background-color:#808080;}
.pageBody #nav li:hover, .pageBody #nav li ul {background-color:#bbbbbb;}
.pageFace #navFace a {color:#000000;}
.pageFace #nav {background-color:#a0b893;}
.pageFace #nav li:hover, .pageFace #nav li ul {background-color:#c9d9c1;}
.pageBeauty #navBeauty a {color:#000000;}
.pageBeauty #nav {background-color:#b78e90;}
.pageBeauty #nav li:hover, .pageBeauty #nav li ul {background-color:#d6c0be;}
.pageBloke #navBloke a {color:#000000;}
.pageBloke #nav {background-color:#c9bc8c;}
.pageBloke #nav li:hover, .pageBloke #nav li ul {background-color:#e2dcc1;}
.pageBaby #navBaby a {color:#000000;}
.pageBaby #nav {background-color:#b9b2b9;}
.pageBaby #nav li:hover, .pageBaby #nav li ul {background-color:#d7d4d7;}
.pagePamper #navPamper a {color:#000000;}
.pagePamper #nav {background-color:#669955;}
.pagePamper #nav li:hover, .pagePamper #nav li ul {background-color:#c0ddb0;}
.pageContact #navContact a {color:#000000;}
.pageContact #nav {background-color:#786faa;}
.pageContact #nav li:hover, .pageContact #nav li ul {background-color:#b1add0;}
.pageLinks #navLinks a {color:#000000;}
.pageLinks #nav {background-color:#6c7d87;}
.pageLinks #nav li:hover, .pageLinks #nav li ul {background-color:#a4b1b7;}
.pageMarketing #navMarketing a {color:#000000;}
.pageMarketing #nav {background-color:#ca8b85;}
.pageMarketing #nav li:hover, .pageWho #nav li ul {background-color:#e2c1bb;}

#nav li ul {position:absolute; top:1.8em; left:0; float:left; display:none; width:900px; background-color:#d191ab; margin:0; padding:0;}
#nav li ul li {display:block}
#nav li ul li a {color:#ffffff !important;}
#nav li ul li a:hover {color:#000000 !important;}

/* =6 Content
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
#content {width:525px; padding:0 0 0 50px; float:left;}
#extra {width:225px; padding:0 50px 0 0; float:right;}

.faceTwit {list-style:none; height: 60px; padding:0;}
.faceTwit li {display:block; float:left;}
.faceTwit #facebook {background:url(facebook-twitter.gif) top left no-repeat;}
.faceTwit #twitter {background:url(facebook-twitter.gif) top right no-repeat;}
.faceTwit a {display:block; width:112px; height:38px;}
.faceTwit span {display:none;}

.prices {margin-bottom:15px;}
.prices td {padding:5px 5px 5px 0;}
.prices .description {width:370px;}
.prices .duration {width:70px;}
.prices .price {width:60px;}

.pageContact #content {width:400px;}
.pageContact #extra {width:350px;}
#map {width:350px; height: 375px;}

/* =7 Form
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
/* =8 Extra
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
/* =9 Footer
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
#footer {clear:both;}
#footerCopy {width:475px; padding:25px 0 10px 50px; float:left;}
#footerNav {list-style:none; width:325px; padding:45px 50px 10px 0; float:right; text-align:right;}

#footerNav li {display:inline; border-left: 1px solid #000000; font-size:0.8em;}
#footerNav li.first {border-left:none;}
#footerNav li.smooth {border-left:none; padding-left:15px;}
#footerNav li a {padding:0 1px 0 4px; color:#000000; text-decoration: none;}
#footerNav li a:hover {text-decoration:underline;}