*{margin:0 auto; padding:0;}
body{
	font-family: verdana, 'trebuchet ms', arial, helvetica, sans-serif;
	font-size: 13px;
	background: url('images/bg.jpg') repeat-x;
	color:#333
}

html, body {
	height: 100%;
}

/*----general styles---*/
img {border:none}

p{
	margin-bottom: 10px;
	line-height: 1.5em
}

.floatRight{
	float:right;
}

.floatLeft{
	float:left;
}

.marginTop{
	margin-top: 20px
}

.marginBottom{
	margin-bottom: 20px
}

.marginRight{
	margin-right: 20px
}

.marginLeft{
	margin-left: 20px
}

.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

.clearfix {
    display: inline-block;
}

html[xmlns] .clearfix {
    display: block;
}

* html .clearfix {
    height: 1%;
}

.clearBoth{clear:both}

/*---layout----*/
#container{
	width: 900px;
	position: relative;
	margin-bottom:40px;
}

#content a:link, #content a:visited, 
#footer a:link, #footer a:visited{
	color:#87328c;
	text-decoration: none;
	border-bottom: dotted 1px #87328c;
}


#content a:hover, #content a:active, 
#footer a:hover, #footer a:active{
	color:#fff;
	text-decoration: none;
	border:none;
	background: #87328c;
}

#header{
	width: 100%;
	height:300px;
	background: url('images/header.jpg') top center no-repeat;
}

#header .wrapper{
	width: 900px;
	position: relative;
}

#header .wrapper .logo{
	position: absolute;
	top:55px;
	left:70px;
}

#footer{
	clear:both;
	background: #E1EDC2;
	padding-top:10px;
	padding-bottom: 10px;
	width: 100%;
	text-align: center;
	border-top:2px #C5DE94 solid;
}
#footer p{
	margin: 0;
	font-size:11px;
	color:#666;
}

.sticky-wrapper {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -40px; /* the bottom margin is the negative value of the footer's height */
}
#footer, .push {
	height: 20px; /* .push must be the same height as .footer */
	clear:both;
}

#footer .joy a{
	font-size: 11px;
	color:#ff6698;
	border:none
}

#footer .joy a:hover{
	font-size: 11px;
	color:#fff;
	background: #ff6698
}

/*---navigation------*/
.navigation{
	width:900px;
	height:55px;
	position: absolute;
	top:230px
}

.navigation ul li{
	list-style-type: none;
	display: block;
	float: left
}

.navigation ul li a{
	display: block;
	float:left;
	height:55px;
	outline:none;
}

.navigation ul li span{
	display: none
}

li.nav-home a{
	background: url('images/nav_home.jpg') top no-repeat;
	width:130px;
}

li.nav-home a:hover{
	background: url('images/nav_home.jpg') center no-repeat;
}

li.nav-home a.current, li.nav-home a:hover.current{
	background: url('images/nav_home.jpg') bottom no-repeat;
}

li.nav-about a{
	background: url('images/nav_about.jpg') top no-repeat;
	width:120px;
}

li.nav-about a:hover{
	background: url('images/nav_about.jpg') center no-repeat;
}

li.nav-about a.current, li.nav-about a:hover.current{
	background: url('images/nav_about.jpg') bottom no-repeat;
}

li.nav-services a{
	background: url('images/nav_services.jpg') top no-repeat;
	width:130px;
}

li.nav-services a:hover{
	background: url('images/nav_services.jpg') center no-repeat;
}

li.nav-services a.current, li.nav-services a:hover.current{
	background: url('images/nav_services.jpg') bottom no-repeat;
}

li.nav-rates a{
	background: url('images/nav_rates.jpg') top no-repeat;
	width:130px;
}

li.nav-rates a:hover{
	background: url('images/nav_rates.jpg') center no-repeat;
}

li.nav-rates a.current, li.nav-rates a:hover.current{
	background: url('images/nav_rates.jpg') bottom no-repeat;
}

li.nav-gallery a{
	background: url('images/nav_gallery.jpg') top no-repeat;
	width:130px;
}

li.nav-gallery a:hover{
	background: url('images/nav_gallery.jpg') center no-repeat;
}

li.nav-gallery a.current, li.nav-gallery a:hover.current{
	background: url('images/nav_gallery.jpg') bottom no-repeat;
}

li.nav-press a{
	background: url('images/nav_press.jpg') top no-repeat;
	width:130px;
}

li.nav-press a:hover{
	background: url('images/nav_press.jpg') center no-repeat;
}

li.nav-press a.current, li.nav-press a:hover.current{
	background: url('images/nav_press.jpg') bottom no-repeat;
}

li.nav-contact a{
	background: url('images/nav_contact.jpg') top no-repeat;
	width:130px;
}

li.nav-contact a:hover{
	background: url('images/nav_contact.jpg') center no-repeat;
}

li.nav-contact a.current, li.nav-contact a:hover.current{
	background: url('images/nav_contact.jpg') bottom no-repeat;
}

/*------contact--------*/

.contact .right{
	width:450px;
	float:right;
	}
.contact .left{
	width:450px;
	float:left;
	}
.contact form{
	margin-left:40px;
	}
.contact input,
.contact textarea { 
  display: block; 
  margin-left: 60px;
  margin-bottom: 5px;
 }
 
  
.contact label{
	float: left;
	width:75px;
} 


.contact input{
color: #666;
background: #eee;
border: 1px solid #999;
padding:2px
}

.contact input.sendbtn{
	margin-left: 75px;
	cursor: pointer
}

.contact textarea{
color: #666;
background: #eee;
border: 1px solid #999;
}

/*--- gallery-----*/
.gallery {
	position:relative
}

.gallery #gallery-photos{
	position:relative; 
	height:700px; 
	width:900px; 
	padding-top:10px; 
	text-align:center;
	float: left
	}
	
.gallery #gallery-photos img{
	display:none; 
	border:5px #eee solid; 
	position:relative; 
	margin-left: auto; 
	margin-right:auto; 
	text-align:center;
	}
	

.gallery #gallery-photos #prev-arrow, .gallery #gallery-photos #next-arrow{
	position:absolute; 
	top:200px; 
	z-index:100; 
	display:block; 
	border:none;
	height:56px;
	width: 71px;
}

.gallery #gallery-photos #prev-arrow span, .gallery #gallery-photos #next-arrow span{
	display: none;
}

.gallery #gallery-photos #prev-arrow {
	left:30px; 
	background:url('images/arrow_prev.gif') no-repeat bottom;
	}
	
.gallery #gallery-photos #next-arrow{
	right:30px; 
	background:url('images/arrow_next.gif') no-repeat bottom;
	}
	
.gallery #gallery-photos #next-arrow:hover{
	background:url('images/arrow_next.gif') no-repeat top;
	height:56px;
}

.gallery #gallery-photos #prev-arrow:hover{
	background:url('images/arrow_prev.gif') no-repeat top;
	height:56px;
}
	
.gallery #gallery-photos #desc{
	text-align:center; 
	margin-top:5px; 
	font-size:12px;
	color:#999
	}

/*-----headings------*/

h1{
	width: 900px;
	height:30px;
	float:left;
	margin-bottom: 15px
}

h1 span{
	display:none;
}

.home h1{
	background: url('images/h1_home.gif') no-repeat;
	margin-bottom: 20px
}

.about h1{
	background: url('images/h1_about.gif') no-repeat;
}

.about h1.philosophy{
	background: url('images/h1_philosophy.gif') no-repeat;
	margin-top:15px;
	margin-bottom:10px !important;
	margin-bottom: -5px;
}

.services h1{
	background: url('images/h1_services.gif') no-repeat;
}

.rates h1{
	background: url('images/h1_rates.gif') no-repeat;
}

h1.gallery-h1{
	background: url('images/h1_gallery.gif') no-repeat;
	margin-bottom: 0
}

.press h1{
	background: url('images/h1_press.gif') no-repeat;
	width:450px
}

.press h1.testimonials{
	background: url('images/h1_testimonials.gif') no-repeat;
	width:430px
}

.contact h1{
	background: url('images/h1_contact.gif') no-repeat;
}

.signup h1{
	background: url('images/h1_waitinglist.gif') no-repeat;
	width: 700px;
	margin-left:100px !important;
	margin-left:50px;
}


h2{
	font-family: 'century gothic', 'avant garde', 'Avant Garde Gothic', 'trebuchet ms', helvetica, sans-serif;
	font-weight: normal;
	color: #0083ca;
	margin-bottom: 10px;
	font-size: 18px;
	background: url('images/h3.gif') no-repeat bottom right;
}


h3{
	font-family: 'century gothic', 'avant garde', 'Avant Garde Gothic', 'trebuchet ms', helvetica, sans-serif;
	font-weight: normal;
	color: #0083ca;
	margin-bottom: 10px;
	font-size: 16px;
	background: url('images/h3.gif') no-repeat bottom right;
}

h3 span, h2 span{
	background: #fff;
}

h4{
	font-size:13px;
}


/*------about-------*/
.about .wrapper, .rates .wrapper{
	margin-bottom: 20px
}

.about img.michelle{
	/*width:200px;*/ 
	border:3px solid #EEEEEE; 
	margin-right:20px
}

.about img.logo{
	margin:25px;
	float:right;
}

/*------home-------*/

.home .left{
	width: 400px;
	float: left;
}

.home .left img{
	border:3px #eee solid;
}


.home .right{
	width: 475px;
	float:right;
}

p.photo-caption{
	background: #eee;
	color:#666;
	font-size: 11px;
	padding-bottom: 3px;
}

.home .left p.photo-caption{
	text-align:center;
	width:406px;
	clear:both;
}

/*------services------*/
.services p span{
	font-family: 'century gothic', 'avant garde', 'Avant Garde Gothic', 'trebuchet ms', helvetica, sans-serif;
	font-weight: normal;
	color: #0083ca;
	margin-bottom: 10px;
	font-size: 16px;
	text-decoration: underline
}

.services img.photo{
	float:right;
	border:3px #eee solid;
	margin-top: 20px;
	margin-left:20px;
	margin-bottom: 20px
}

.services .wrapper{
	margin-bottom:20px
}


.services .info-wrapper p{
	float: left;
}


.services .info-wrapper ul{
	float: left;
	margin-left: 10px;
	margin-bottom: 10px
}

.services .info-wrapper ul li{
	list-style: none
}

.services .info-wrapper p span{
	text-decoration: underline;
	font-family: verdana, 'trebuchet ms', arial, helvetica, sans-serif;
	font-weight: normal;
	color: #333;
	margin-bottom: 0;
	font-size: 13px;
}

/*-----press------*/
.press{text-align: center}
.press a.preview img{
	border: 3px solid #eee
}

.press a:hover.preview img{
	border: 3px solid #ccc
}

#content a.preview{
	border: none
}

.press p img{
	position: relative;
	top: 5px;
	margin-right:5px;
}

.press p{
	font-size: 12px;
}

.press .right{
	width:430px;
	float:right;
	margin-top:10px
}
	
.press .left{
	width:450px;
	float:left;
	margin-top:10px
}

.warning-msg{
	border:2px solid #fff200;
	background: #faf399;
	padding:5px;
	margin-left:20px;
	text-align: center
}

.done-msg{
	border:2px solid #C5DE94;
	background: #E1EDC2;
	padding:5px;
	margin-left:20px;
	text-align: center
}

.press .twrapper p{
	text-align: left;
	font-size:12px
}

.press .twrapper div{
	display: none;
}

.press .twrapper{
	padding:10px;
	border: 2px dotted #eee;
	clear:both;
	margin-bottom:20px
}

.press .twrapper img{
	float:left;
	margin-right:10px;
}

.press .twrapper a{
	float:right;
	display:block;
	min-width:100px
}

#content .twrapper a:hover{
	border-bottom: 1px dotted #87328C;
}


/*----------signup page------*/

.signup .wrapper{
	width:700px;
	position: relative;
}

.signup input,
.signup textarea { 
  display: block; 
  margin-left: 60px;
  margin-bottom: 5px;
  padding:2px
 }
 
  
.signup label{
	float: left;
	width:300px;
	clear:both;
	text-align: right;
	margin-right:10px
} 

.signup input{
color: #666;
background: #eee;
border: 1px solid #999;
}

.signup input.sendbtn{
	margin-left: 310px;
	cursor: pointer
}

.signup textarea{
color: #666;
background: #eee;
border: 1px solid #999;
}

.signup p.fauxheading{
	clear:both;
	padding-top:5px;
	margin-top:10px;
	border-top:1px dashed #ccc;
	color:#666;
	font-weight: bold;
}


.signup label span{
	color:#999
}