@CHARSET "utf-8";

/*  
Website color palette: 
	#C9D879	[header green]
	#7DAE85	[header blue]
	#392682	[power pilates color]		
*/

BODY {
	background-image: url(/images/header_slice.png);
	background-position: top;
	background-repeat: repeat-x;
	border: 0px;
	padding: 0px;
	margin:0;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 11pt;
	color: #000000;
}

#container{
		margin:0px auto 0px auto;
		width:850px;

}

#view-container {
	margin: 0 auto;
	width:650px;
}

#view-container h1 {
	font-size: 24pt;
	color: #7E8B3B;
	padding-top: 15px;
	font-weight: normal;
}

#view-container h2 {
	width: 100%;
	color: #222;
	font-weight: normal;
	font-size: 14pt;
	text-align: center;
	margin-bottom:30px;
}

#view-container h3.blog-date{
	font-size:9pt;
	color:#666;
	font-weight:bold;
	float:right;
	
}
IMG {
	border: 0px;
}

a.link-hover, a:active.link-hover, a:visited.link-hover{
	
	font-weight:bold;
	text-decoration: underline;
}


a:hover.link-hover{
	color:#ff9900;
}

a.link-hover-poster, a:active.link-hover-poster, a:visited.link-hover-poster{
	
	border:3px white solid;
	margin:1px;
	display:block;
	width:728px;
}


a:hover.link-hover-poster{
	border:3px #ff9900 solid;
	margin:1px;
	display:block;
}



A {
	color: #666666;
	text-decoration: none;
}


A:hover {
	color: #cc6600;
	text-decoration: underline;
}


.footer {
	font-size: 9pt;
	color: #FFFFFF;
	background-color: #3F3D2C;
		padding:3px;

}

.workspace {
	font-size: 9pt;
	color: #000000;

}


.rates-type {
	font-size: 16pt;
	font-weight: 200;
	text-decoration: none;
	color: #CC6600;
}
.warning {
	font-size: 8pt;
	font-style: ITALIC;
}


P {
	color: #414141;
	font-size: 11pt;
}

P A {
	font-weight: normal;
	text-decoration: underline;
}

/*jquery menu*/
#jqueryslidemenubar {
	height: 32px;
	background-color: #414141;
	color: #cccccc;
	width: 100%;
	z-index: 0;
	position: absolute;
	top: 222px;
	float: left;
}

.jqueryslidemenu {
	font: bold 12px Verdana;
	background: #414141;
	width: 100%;
	position: absolute;
	top: 222px;
	z-index: 2;
}

.jqueryslidemenu ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

/*Top level list items*/
.jqueryslidemenu ul li {
	position: relative;
	display: inline;
	float: left;
	width: 110px;
}

/*Top level menu link items style*/
.jqueryslidemenu ul li a {
	display: block;
	background: #414141; /*background of tabs (default state)*/
	color: white;
	padding: 8px 10px;
	border-right: 1px solid #778;
	color: #2d2b2b;
	text-decoration: none;
}

* html .jqueryslidemenu ul li a {
	/*IE6 hack to get sub menu links to behave correctly*/
	display: inline-block;
}

.jqueryslidemenu ul li a:link,.jqueryslidemenu ul li a:visited {
	color: white;
}

.jqueryslidemenu ul li a:hover {
	background: #CC6600; /*tab link background during hover state*/
	color: white;
}

/*1st sub level menu*/
.jqueryslidemenu ul li ul {
	position: absolute;
	left: 0;
	display: block;
	visibility: hidden;
}

/*Sub level menu list items (undo style from Top level List Items)*/
.jqueryslidemenu ul li ul li {
	display: list-item;
	float: none;
}

/*All subsequent sub menu levels vertical offset after 1st level sub menu */
.jqueryslidemenu ul li ul li ul {
	top: 0;
}

/* Sub level menu links style */
.jqueryslidemenu ul li ul li a {
	font: normal 13px Verdana;
	width: 180px; /*width of sub menus*/
	padding: 5px;
	margin: 0;
	border-top-width: 0;
	border-bottom: 1px solid gray;
}

.jqueryslidemenuz ul li ul li a:hover { /*sub menus hover style*/
	background: #eff9ff;
	color: black;
}

/* ######### CSS classes applied to down and right arrow images  ######### */
.downarrowclass {
	position: absolute;
	top: 12px;
	right: 7px;
}

.rightarrowclass {
	position: absolute;
	top: 6px;
	right: 5px;
}

/* ######### CSS classes for a number of forms ########## */
#captcha,#recaptcha_instructions_error {
	display: none;
}

ul.errors {
	margin: 0;
	padding: 0;
}

ul.errors li {
	color: #E73D21;
	font-size: 8pt;
	list-style-type: none;
	margin: 0 0 0 80px;
	padding: 5px 0;
	font-weight: bold;
}

.dymForm {
	font-size: 10pt;
	margin-left: auto;
	margin-right: auto;
	list-style: none;
	margin: 0;
	padding: 0;
}

.dymForm input,textarea {
	border: solid 1px #CCCCCC;
	color: #555555;
}

.dymForm .div-center {
	float: left;
	margin-left: 105px;
}

.dymForm label {
	clear: left;
	float: left;
	width: 100px;
	font-weight: bold;
}

.dymFormElm {
	margin-bottom: 12px;
	margin-left: 20px;
}

.dymForm input[type=submit] {
	border: solid 2px #999999;
	background-color: #DFDFDF;
	color: #555555;
	width: 200px;
	height: 35px;
	margin-top: 35px;
	font-weight: bold;
}

.webform-thank-you {
	font-size: 12pt;
}

#facebook-badge {
	margin: 50px 0px 50px 0px;
	
}

.home-block{
	
	margin: 45px 0px;

}
/* TODO: why is this not overriding #view-container h2 ? */
.home-block h2{
	margin:0;
	padding:0;
	font-size:14pt;
	text-align: left;
	
}


.home-block h3{
	
	margin:0;
	padding:0;
	font-size:14pt;
	color:#392682;
	
}

.home-block p:FIRST-of-type {
	margin:0px;
	padding:0px;
}

.hear-more{
	margin-top:50px;
	color:#515151;
	font-style: italic;
	font-size:0.8em;
	
}

div.testimonials{
	
	width:80%;
	margin: 30px auto 50px auto;
	padding:10px;
}

div:last-child.testimonials{
	
	margin-bottom:0px;
}


div.testimonials{
	
	width:80%;
	margin: 30px auto 50px auto;
	padding:10px;
}

div.testimonials div:FIRST-CHILD{
	font-size:1.1em;
	font-weight:bold;
	color:#888;
	margin:10px 30px 40px 0px;
	display:inline;

	
}

div.testimonials div:FIRST-CHILD + div {
	font-style: italic;
	display:inline;
	color:#000;
	line-height: 226%;


}

.instructors{
	
	line-height:150%;
	color:#000;
	margin: 40px auto 30px auto;
}


.instructors:last-child{
	margin-bottom:0px;	
	
}

.instructors span{
	
	font-weight: bold;
	font-size:1.15em;
	color:#888;
	
}

#home-alert{
	
	font-size:1.25em;
	line-height: 160%;
	letter-spacing:0.25em;
	font-style: italic;
	padding:10px;
	color:#392682;
	font-weight:600;
	
	
}

#moments{
	width: 650px; 
	height: 257px; 
	
}