@charset "utf-8";
/* CSS Document */
body {
	background-image:url(../images/bg.jpg);
	background-repeat:repeat-x repeat-y;
	background-position:top left;
	margin:0px;
	padding:0px;
}
#wrapper {
	background-image:url(../images/bg.jpg);
	background-repeat:repeat;
	margin:auto;
	width:1050px;
}
#topContainer {
	/* background-image:url(../images/topBg.jpg);
	background-repeat:no-repeat; */
	height:328px;
	position:relative;
	width:1050px;
}
	#topContainer.interiorTop {
		height:312px;
	}
	#topContainer a#logo {
		background-image:url(../images/logo.png);
		background-repeat:no-repeat;
		display:block;
		height:225px;
		left:0px;
		position:absolute;
		top:0px;
		width:444px;
		z-index:1;
	}
		#topContainer #PersistantNav {
			/*This is the navigation bar at the very top of the page*/	
			color:#FFF;
			float:right;
			font:12px Arial, Helvetica, sans-serif;
			margin:32px 50px 0px 0px;
		}
			#topContainer #PersistantNav ul {
				list-style-type:none;
			}
			#topContainer #PersistantNav ul li {
				display:inline;
			}
			#topContainer #PersistantNav ul li a {
				color:#FFF;
				padding:0px 6px;
				text-decoration:none;
			}
			#topContainer #PersistantNav ul li a:hover {
				color:#b4cde8;
				text-decoration:none;
			}
			
		#topContainer #rightHeader {
			/*This holds the flash image*/	
			background-image:url(../images/flashImage.jpg);
			float:right;
			height:261px;
			margin-right:28px;
			width:717px;
		}
			#topContainer #rightHeader.interiorRightHeader {
				background-image:url(../images/interiorRightHeader.png);
				height:87px;
				margin-right:45px;
				padding:147px 0px 0px 40px;
				position:relative;
				width:662px;
			}
				.interiorPhoto {
					background-image:url(../images/interiorPhoto.png);
					background-repeat:no-repeat;
					height:238px;
					position:absolute;
					right:-20px;
					top:90px;
					width:233px;
				}
				
#contentContainer {
	padding-bottom:10px;
	width:1050px;
}
	#contentContainer #leftColumn {
		float:left;
		margin-top:-107px;
		position:relative;
		width:322px;
	}
		#contentContainer #leftColumn.interiorLeftColumn {
			margin-top:-87px;
		}
		#contentContainer #leftColumn #GlobalNav {
			/*This is the sideNav with Notebook Background*/
			background-image:url(../images/subNavBg.png);
			height:423px;
			width:322px;
		}
		#contentContainer #leftColumn #GlobalNav ul {
			color:#42261f;
			font:17px "Times New Roman", Times, serif;
			list-style-type:none;
			margin:0px 0px 0px 55px;
			text-align:center;
			width:180px;
		}
		#contentContainer #leftColumn #GlobalNav ul li {
			border-bottom:1px solid;
			border-color:#b4cde8;
			padding:4px 0px;
		}
		#contentContainer #leftColumn #GlobalNav ul li a {
			color:#42261f;
			text-decoration:none;
		}
		#contentContainer #leftColumn #GlobalNav ul li a:hover {
			color:#6684df;
			text-decoration:none;
		}
		#contentContainer #leftColumn a#classButton {
			background-image:url(../images/classesButton.png);
			display:block;
			height:24px;
			left:45px;
			position:absolute;
			top:371px;
			width:114px;
		}
			#contentContainer #leftColumn a:hover#classButton {
				background-image:url(../images/classesButtonOver.png);
			}
		#contentContainer #leftColumn #recommend {
			background-image:url(../images/recommendNote.png);
			height:366px;
			margin-left:30px;
			position:relative;
			width:311px;
		}
			#contentContainer #leftColumn #recommend .clickHere {
				border:none;
				left:78px;
				position:absolute;
				top:143px;
			}
			#contentContainer #leftColumn #recommend.interiorRecommend {
				background-image:url(../images/interiorRecommendNote.png);
				height:322px;
				margin:0px 0px 0px 30px;
				width:284px;
			}
				#contentContainer #leftColumn #recommend.interiorRecommend .interiorClickHere {
				border:none;
				left:85px;
				position:absolute;
				top:145px;
			}
	#contentContainer #contentColumn {
		/*This styles the middle column on the index page*/
		float:left;
		text-align:center;
		line-height:18px;
		width:445px;
	}
		#contentContainer #contentColumn #contentAreaOne {
			/*on index page this styles the area called "pilates benefits"*/
			color:#FFF;
			font:13px Arial, Helvetica, sans-serif;
			line-height:17px;
			padding:20px 0px 15px 0px;
		}
			
			#contentContainer #contentColumn #contentAreaOne a {
				color:#fff;
				font-style:italic;
				text-decoration:none;
			}
			#contentContainer #contentColumn #contentAreaOne a:hover {
				color:#fff;
				text-decoration:underline;
			}
			#contentContainer #contentColumn #contentAreaOne .column {
				float:left;
				line-height:18px;
				padding:10px 0px 20px 15px;
				text-align:left;
				width:205px;
			}
			#contentContainer #contentColumn #contentAreaOne h1 {
				color:#6fabec;
				float:left;
				font:25px "Times New Roman", Times, serif;
				font-weight:bold;
				line-height:9px;
				margin:0px 3px 0px 0px;
			}
			#contentContainer #contentColumn #contentAreaOne .bottomBorder {
				background-image:url(../images/bottomBenefitsBorder.png);
				background-repeat:no-repeat;
				clear:both;
				height:10px;
				margin-left:-10px;
				width:489px;
			}
		#contentContainer #contentColumn #contentAreaTwo {
			/* on index page area called "about pilates"*/
			color:#ffffcc;
			font:12px Arial, Helvetica, sans-serif;
			line-height:20px;
			margin-left:-10px;
			padding:0px 5px 15px 0px;
			width:470px;
		}
			#contentContainer #contentColumn #contentAreaTwo a {
				color:#ffffcc;
				font-style:italic;
				text-decoration:none;
			}
			#contentContainer #contentColumn #contentAreaTwo a:hover {
				color:#ffffcc;
				text-decoration:underline;
			}
	#contentContainer #rightColumn {
		float:right;
		width:283px;
	}
		#contentContainer #rightColumn #photos {
			background-image:url(../images/photoImages.png);
			height:479px;
			width:283px;
		}
		#contentContainer #rightColumn #factPaper {
			background-image:url(../images/factPaper.png);
			background-repeat:no-repeat;
			color:#000;
			font:14px "Times New Roman", Times, serif;
			height:137px;
			padding:15px 40px 15px 55px;
			width:193px;
		}
			#contentContainer #rightColumn #factPaper h1 {
				color:#000;
				font:22px "Times New Roman", Times, serif;
				margin-top:0px;
			}
		#contentContainer #interiorContentColumn {
			/*This holds the leftInterior and rightInterior Columns on interior pages*/
			background-image:url(../images/interiorContentContainerBg.png);
			background-repeat:repeat-y;
			float:left;
			margin:-10px 0px 10px -7px;
			width:700px;
		}
			#contentContainer #interiorContentColumn #leftInterior {
				/* This styles the main content area on the interior pages*/
				color:#42261f;
				float:left;
				font:14px Arial, Helvetica, sans-serif;
				padding:10px 20px 20px 25px;
				width:476px;
			}
				#contentContainer #interiorContentColumn #leftInterior.photoGallery {
					min-height:650px;
					padding-left:10px;
				}
				#contentContainer #interiorContentColumn #leftInterior p {
					color:#356395;
				}
				#contentContainer #interiorContentColumn #leftInterior a {
					color:#356395;
					text-decoration:none;
				}
				#contentContainer #interiorContentColumn #leftInterior a:hover {
					color:#356395;
					text-decoration:underline;
				}
			#contentContainer #interiorContentColumn #rightInterior {
				float:right;
				margin:0px 10px 0px 0px;
				width:169px;
			}
			#contentContainer #interiorContentColumn #rightInterior #rightSubNav {
				margin:100px 0px 20px 0px;
				width:169px;
			}
				#contentContainer #interiorContentColumn #rightInterior #rightSubNav ul {
					color:#42261f;
					font:14px "Times New Roman", Times, serif;
					list-style-type:none;
					margin:0px 0px 0px -35px;
					width:150px;
				}
				#contentContainer #interiorContentColumn #rightInterior #rightSubNav ul li {
					border-bottom:1px dashed;
					border-color:#060606;
					display:block;
				}
				#contentContainer #interiorContentColumn #rightInterior #rightSubNav ul li a {
					color:#42261f;
					display:block;
					padding:5px 0px 5px 10px;
					text-decoration:none;
				}
				#contentContainer #interiorContentColumn #rightInterior #rightSubNav ul li a:hover {
					background-color:#774c80;
					color:#fcefda;
					text-decoration:none;
				}
				#contentContainer #interiorContentColumn #bottom {
					/*This is the bottom graphic on the interiorContentColumn*/
					background-image:url(../images/interiorContentContainerBottom.png);
					background-repeat:no-repeat;
					clear:both;
					height:24px;
					margin-bottom:-7px;
					width:700px;
				}
		#footerNav {
			color:#b4cde8;
			font:12px Arial, Helvetica, sans-serif;
			line-height:17px;
			margin:-15px auto 0px auto;
			padding:0px 0px 35px 0px;
			width:560px;
		}
			#footerNav ul {
				list-style-type:none;
				margin:0px 0px 0px -5px;
			}
				#footerNav.interiorFooter ul {
					margin:0px 0px 0px 0px;
					padding:10px 0px 0px 150px;
					width:600px;
				}
			#footerNav ul li {
				border-right:1px solid;
				border-color:#b4cde8;
				display:inline;
				padding:0px 5px;
			}
			#footerNav ul li a {
				color:#b4cde8;
				text-decoration:none;
			}
			#footerNav ul li a:hover {
				color:#b4cde8;
				text-decoration:underline;
			}
			#footerNav li.last {
				border:none;
			}
				
		#contentContainer #contentColumn #quote {
			color:#ffffcc;
			font:12px Arial, Helvetica, sans-serif;
			font-style:italic;
			padding-top:45px;
		}
	
/**** Misc Styles ****/

.clearing {
	clear:both;
}
.colon {
	color:#FFF;
	font:17px Arial, Helvetica, sans-serif;
	font-weight:bold;
	line-height:9px;
}
.copyright {
	color:#c5a062;
	font:11px Arial, Helvetica, sans-serif;
	margin:-20px 0px 0px 23px;
	padding-left:10px;
	text-decoration:none;
	width:250px;
}
	.copyrightInterior {
		margin:0px 0px 0px 28px;
	}
	.copyright a {
		color:#c5a062;
		text-decoration:none;
	}
	.copyright a:hover {
		color:#c5a062;
		text-decoration:underline;
	}
.pilatesBenefits {
	background-image:url(../images/pilatesBenefits.png);
	background-repeat:no-repeat;
	height:54px;
	margin-left:-12px;
	width:489px;
}

/** Begin Font Styles **/
h1 {
	color:#652e6d;
	font:36px "Times New Roman", Times, serif;
	margin:0px;
}

h2 {
	color:#003468;
	font:16px Arial, Helvetica, sans-serif;
	margin:0px 0px 8px 0px;
}

#preloads {
   height: 1px;
   left: -9999px;
   overflow: hidden;
   position: absolute;
   top: -9999px;
   width: 1px;
}
/*** Begin Form Styles ***/
label {
	float:left;
	width:100px;
}
input {
	width:200px;
}
.submit {
	margin-left:100px;
	width:auto;
}
.dropDown {
	width:100px;
}
#navcell {
	color:#000;
}