body {
	background: #545454 url(../Images/pp_bg.jpg) 50% 0 repeat-x;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 100%;
	color: #fff;
	line-height: 1.25em;
}
#container {	
	background: #545454 url(../Images/pp_main_bg.jpg) no-repeat;
}
h1, h2, h3, h4, h5, h6 {
	color: #dd5677;
}
h1 {
	font-size: 3em;
	line-height: .825em;
}
h2, h3 {
	font-size: 2.5em;
	line-height: .825em;
}
p {
	font-size: .825em;
	margin-bottom: 1em;
}
h1, h2, h3 {
	margin-bottom: .5em;
}
strong {
	font-weight: bold;
}
.col3, .col4, .col5, .col6, .col7, .col8, .col12 {
	float: left;
	margin-left: 10px;
	margin-right: 10px;
}
.col3 {
	width: 220px;	
}
.col4 {
	width: 300px;
}
.col5 {
	width: 380px;
}
.col6 {
	width: 460px;
}
.col7 {
	width: 540px;
}
.col8 {
	width: 620px;
}
.col12 {
	width: 940px;
}
.wrapper {
	width: 960px;
	margin: 0 auto;
}
#header {
	height: 181px;
	width: 960px;
}
#navigationHolder {
	height: 41px;
	position: relative;
}
#navigation {
	margin-top: 10px;
}
#navigation ul {
	text-align: center;
}
#navigation ul li {
	text-transform: uppercase;
	font-size: 1em;
	color: #fff;
	display: inline;
	margin-left: 7px;
	margin-right: 7px;
}
#navigation ul li a {
	color: #fff;
	padding: 5px;
	text-decoration: none;
}
#navigation ul li a:hover {
	color: #dd5677;
}
a {
	text-decoration: none;
	color: #ef61b8;
}
a:hover {
	text-decoration: underline;
}
#logoHolder, #topLeftSwirl, #topRightSwirl, #topContact {
	float: left;	
}
#logoHolder {
	width: 160px;
}
#topLeftSwirl, #topRightSwirl {
	width: 230px;
	height: 181px;
}
#topContact {
	width: 340px;
}
#topContact p {
	font-size: 1.5em;
	line-height: 1.75em;
	text-align: center;
	margin-top: 50px;
}
#topLeftSwirl {
	background: url(../Images/pp_swirl_top_left.png) top left no-repeat;
}
#topRightSwirl {
	background: url(../Images/pp_swirl_top_right.png) top right no-repeat;
}
#mainContent {
	padding-top: 20px;
	padding-bottom: 20px;
	float: left;
}
.pinkBorder {
	border: solid 5px #dd5677;
}
.imageRight {
	float: right;
	margin-bottom: 20px;
	margin-left: 20px;
}
.imageLeft {
	float: left;
	margin-right: 20px;
	margin-bottom: 20px;
}
#footer {
	border-top: solid 1px #dd5677;
	border-bottom: solid 1px #dd5677;
	width: 960px;
	height: 150px;
	clear: both;
}
#footerBottomLeft, #footerBottomRight {
	float: left;
	width: 160px;
	height: 151px;
}
#footerBottomLeft {
	background: url(../Images/pp_swirl_bottom_left.png) bottom left no-repeat;
}
#footerBottomRight {
	background: url(../Images/pp_swirl_bottom_right.png) bottom right no-repeat;
}
#footerMiddle {
	width: 640px;
	float: left;
	font-size: .825em;
}
#footerMiddle p {
	text-align: center;
}
.homeOn ul li#homeNav a, .benefitsOn ul li#benefitsNav a, .henOn ul li#henNav a, .videosOn ul li#videosNav a, .merchandiseOn ul li#merchandiseNav a, .galleryOn ul li#galleryNav a , .classesOn ul li#classesNav a, .bookingOn ul li#bookingNavme a
{
	color: #dd5677;
}
#contactForm {
    width: 440px;
	margin-top: 20px;
	margin-bottom: 20px;
	padding: 10px;
	-webkit-border-radius: .25em;
	-moz-border-radius: .25em;
	border-radius: .25em;
	border:1px solid #dddddd;
}
#contactForm label {
    width: 150px;
    display: block;
    padding-bottom: 10px;
}
.textBox {
    width: 300px;
}
#contactForm textarea {
    width: 400px;
}
#contactForm textarea {
	height: 75px;
}
#contactForm .textBox, #contactForm textarea
{
	padding: 7px;
	-webkit-border-radius: .25em;
	-moz-border-radius: .25em;
	border-radius: .25em;
	border:1px solid #DDDDDD;
}
.button {
	display: inline-block;
	zoom: 1; /* zoom and *display = ie7 hack for display:inline-block */
	*display: inline;
	vertical-align: baseline;
	margin: 0 2px;
	outline: none;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	font: 14px/100%;
	padding: .5em 2em .55em;
	text-shadow: 0 1px 1px rgba(0,0,0,.3);
	-webkit-border-radius: .25em; 
	-moz-border-radius: .25em;
	border-radius: .25em;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	box-shadow: 0 1px 2px rgba(0,0,0,.2);
}
.button:hover {
	text-decoration: none;
}
.button:active {
	position: relative;
	top: 1px;
}

.bigrounded {
	-webkit-border-radius: 2em;
	-moz-border-radius: 2em;
	border-radius: 2em;
}
.medium {
	font-size: 12px;
	padding: .4em 1.5em .42em;
}
.small {
	font-size: 11px;
	padding: .2em 1em .275em;
}
.black {
	color: #d7d7d7;
	border: solid 1px #333;
	background: #333;
	background: -webkit-gradient(linear, left top, left bottom, from(#666), to(#000));
	background: -moz-linear-gradient(top,  #666,  #000);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#666666', endColorstr='#000000');
}
.black:hover {
	background: #000;
	background: -webkit-gradient(linear, left top, left bottom, from(#444), to(#000));
	background: -moz-linear-gradient(top,  #444,  #000);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#444444', endColorstr='#000000');
}
.black:active {
	color: #666;
	background: -webkit-gradient(linear, left top, left bottom, from(#000), to(#444));
	background: -moz-linear-gradient(top,  #000,  #444);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#666666');
}
/* rosy */
.rosy {
	color: #fae7e9;
	border: solid 1px #b73948;
	background: #da5867;
	background: -webkit-gradient(linear, left top, left bottom, from(#f16c7c), to(#bf404f));
	background: -moz-linear-gradient(top,  #f16c7c,  #bf404f);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f16c7c', endColorstr='#bf404f');
}
.rosy:hover {
	background: #ba4b58;
	background: -webkit-gradient(linear, left top, left bottom, from(#cf5d6a), to(#a53845));
	background: -moz-linear-gradient(top,  #cf5d6a,  #a53845);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#cf5d6a', endColorstr='#a53845');
}
.rosy:active {
	color: #dca4ab;
	background: -webkit-gradient(linear, left top, left bottom, from(#bf404f), to(#f16c7c));
	background: -moz-linear-gradient(top,  #bf404f,  #f16c7c);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#bf404f', endColorstr='#f16c7c');
}
.errorContainer {
	background: #fbfbdd;
	color: #00a950;
	border: solid 1px #00a950;
	padding: 10px;
	margin-bottom: 10px;
}
.errorContainer img {
	margin-right: 10px;
	vertical-align: middle;
}
.errorContainer span {
	font-size: .825em;
}
.errorContainer li {
	font-size: .825em;
	list-style-type: disc;
	list-style-position: inside;
}
.validation-summary-errors 
{
	font-size: .825em;
}
#latestArticles li {
	margin-bottom: 10px;
	padding-top: 10px;
	border-top: dotted 1px #dd5677;
}
#latestArticles li h3 
{
	font-family: Georgia, "Times New Roman", Times, serif !important;
	font-size: 1.25em !important;
	line-height: 1.25em !important;
}
.articleThumb {
	border: solid 2px #dd5677;
	margin-right: 10px;
	margin-bottom: 10px;
	float: left;
}
.articleMainImage {
	border: solid 5px #dd5677;
}
.article {
	padding-top: 10px;
	border-top: solid 1px #ddd;
}
div.content {
	/* The display of content is enabled using jQuery so that the slideshow content won't display unless javascript is enabled. */
	display: none;
	width: 550px;
	margin: 0px auto;
}
div.content a, div.navigation a {
	text-decoration: none;
	color: #ef61b8;
}
div.content a:focus, div.content a:hover, div.content a:active {
	text-decoration: underline;
}
div.controls {
	margin-top: 5px;
	height: 23px;
}
div.controls a {
	padding: 5px;
}
div.ss-controls {
	float: left;
}
div.nav-controls {
	float: right;
}
div.slideshow-container {
	position: relative;
	clear: both;
	height: 502px; /* This should be set to be at least the height of the largest image in the slideshow */
}
div.loader {
	position: absolute;
	top: 0;
	left: 0;
	background-image: url(../Images/loader.gif);
	background-repeat: no-repeat;
	background-position: center;
	width: 550px;
	height: 502px; /* This should be set to be at least the height of the largest image in the slideshow */
}
div.slideshow {

}
div.slideshow span.image-wrapper {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
}
div.slideshow a.advance-link {
	display: block;
	width: 550px;
	height: 502px; /* This should be set to be at least the height of the largest image in the slideshow */
	line-height: 502px; /* This should be set to be at least the height of the largest image in the slideshow */
	text-align: center;
}
div.slideshow a.advance-link:hover, div.slideshow a.advance-link:active, div.slideshow a.advance-link:visited {
	text-decoration: none;
}
div.slideshow img {
	vertical-align: middle;
	border: 5px solid #dd5677;
}
div.download {
	float: right;
}
div.caption-container {
	position: relative;
	clear: left;
	height: 75px;
}
span.image-caption {
	display: block;
	position: absolute;
	width: 550px;
	top: 0;
	left: 0;
}
div.caption {
	padding: 12px;
}
div.image-title {
	font-size: 1.4em;
	text-align: center;
}
div.image-desc {
	line-height: 1.3em;
	padding-top: 12px;
}
div.navigation {
	/* The navigation style is set using jQuery so that the javascript specific styles won't be applied unless javascript is enabled. */
}
ul.thumbs {
	clear: both;
	margin: 0;
	padding: 0;
}
ul.thumbs li {
	float: left;
	padding: 0;
	margin: 6px 11px 5px 11px;
	list-style: none;
}
a.thumb {
	padding: 2px;
	display: block;
	border: 1px solid #ccc;
}
ul.thumbs li.selected a.thumb {
	background: #dd5677;
}
a.thumb:focus {
	outline: none;
}
ul.thumbs img {
	border: none;
	display: block;
}
div.pagination {
	clear: both;
}
div.navigation div.top {
	margin-bottom: 12px;
	height: 11px;
}
div.navigation div.bottom {
	margin-top: 12px;
}
div.pagination a, div.pagination span.current, div.pagination span.ellipsis {
	display: block;
	float: left;
	margin-right: 2px;
	padding: 4px 7px 2px 7px;
	border: 1px solid #EF61B8;
}
div.pagination a:hover {
	background-color: #000;
	text-decoration: none;
}
div.pagination span.current {
	font-weight: bold;
	background-color: #EF61B8;
	border-color: #EF61B8;
	color: #fff;
}
div.pagination span.ellipsis {
	border: none;
	padding: 5px 0 3px 2px;
}
.class, .lesson, .party
{
	margin-top: 20px;
	margin-bottom: 20px;
	padding-top: 5px;
	padding-bottom: 5px;
	border-top: dotted 1px #dd5677;
	border-bottom: dotted 1px #dd5677;
}
.merchandise {
	clear: both;
	margin-top: 20px;
	margin-bottom: 20px;
	padding-top: 5px;
	padding-bottom: 5px;
	border-top: dotted 1px #dd5677;	
}
td {
	font-size: .825em;
}
.addthis_default_style {
	clear: both;
	padding-top: 20px;
}
#galleriesList {
	margin-top: 20px;
}
#galleriesList li, .sideMenu li {
	padding-top: 5px;
	padding-bottom: 5px;
	border-top: dotted 1px #dd5677;

}
#galleriesList li.last, .sideMenu li.last {
	border-bottom: dotted 1px #dd5677;
}
.sideMenu 
{
	margin-bottom: 20px;
}