@charset "UTF-8";
/* CSS Document */


body {
	font: 11px Verdana, Helvetica, sans-serif;
	text-align: left;
	background-color:#fff;
	background-image:url(../images/page_back.gif);
	background-repeat:repeat-x;
	margin:0;
	padding:0;
}

img {border:0;}

/* mast head */


div#mast {
	width:900px;
	height:154px;
	margin:0;
	padding:0;
}
#Logo {
	float:left;
	width: 156px;
	padding:0 0 0 45px;
	margin:0;
}
#Title {
	width: 590px;
	height:31px;
	float: left;
	padding:50px 0 0 35px;
	margin:0;
}

/*******************************/
/* Navigation */
/*******************************/


 #NavContainer {
	float: left;
	padding:48px 0 0 15px;
	margin:0;
	width:630px;
	height:24px;
}




/*******************************/
/* backgrounds */
/*******************************/


div#BackYoga {background-image:url(../images/Heros/back_yoga.jpg); background-repeat:no-repeat; background-color:#637126;}


div#heroContainer {
	margin: 0;
	padding:0;
	width: 900px;
	height:367px;
	text-align:left;
}

div#heroContainerHome {
	margin: 0;
	padding:0;
	width: 900px;
	height:460px;
	text-align:left;
}

div#Hero {
	margin: 0;
	padding:0;
	width: 900px;
	z-index: 10;
	position:absolute;
}



/* LEFT SIDE */


#LeftsideHome {
	float:left;
	width:154px;
	height:444px;
	padding:0;
	margin:0 0 0 45px;
	z-index: 100;
	position:absolute;
	border:solid 1px #fff;
	background-image:url(../images/White-overlay.png);
	text-align:left;
}

#Leftside {
	float:left;
	width:154px;
	height:347px;
	padding:0;
	margin:0 0 0 45px;
	z-index: 100;
	position:absolute;
	border:solid 1px #fff;
	background-image:url(../images/White-overlay.png);
	text-align:left;
}

.LeftsideHOURS {border-bottom:1px solid #FFFFFF; font:bold 11px Verdana, Helvetica, sans-serif; 
color:#333333; padding:4px 4px 14px 24px;
text-decoration:none; }


.LeftsideHOURS2 {font: 11px Verdana, Helvetica, sans-serif; 
color:#333333; padding:0px 4px 0 14px; margin-bottom:0;
text-decoration:none; }

.LeftsideNav {border-bottom:1px solid #FFFFFF; 
color:#333333;background-image:url(../images/arrow.gif); background-repeat:no-repeat; padding:0px 4px 8px 24px;
text-decoration:none; }

.LeftsideNav a{font: 11px Verdana, Helvetica, sans-serif;
color:#333333;
text-decoration:none; }

.LeftsideNav a:HOVER{
color:#666;
text-decoration:none; }



.titleBox {
	background-image:url(../images/Lighter-overlay.png);
	margin:0;  background-position:left;
}


#RightSide {
	float:left;
	width:155px;
	height:155px;
	padding:0;
	margin:100px 250px 0 685px;
	z-index: 200;
	position:absolute;
	border:solid 1px #fff;
	background-image:url(../images/White-overlay.png);
	text-align:left;
	
}

#HomeCopy {
	float:left;
	width:300px;
	height:100px;
	padding:8px;
	margin:120px 0 0 550px;
	z-index: 200;
	position:absolute;
	border:solid 1px #fff;
	background-image:url(../images/White-overlay.png);
	text-align:left;
	font: 14px Georgia, "Times New Roman", Times, serif;
	color: #001F56;
	line-height:18px;	
}
#homecopy2 {
	
	width:650px;
	padding:20px;
	margin:0 0 0 185px;
	border:solid 1px #fff;
	text-align:left;
	font: 15px Georgia, "Times New Roman", Times, serif;
	color: #001F56;
	line-height:18px;	
}



/*******************************/
/* Main Content */
/*******************************/


 #contentContainer {
	margin: 0;
	padding:0;
	width: 900px;
	text-align:left;
}


div#LeftContent {width:250px; float:left; padding:20px 0 0 15px;}


div#RightContent { width:600px; float:right; padding:20px 0px 0 0; margin:0;}










/*******************************/
/* footer */
/*******************************/


div#foot {
	color: #777;
	font: bold 10px Arial, Helvetica, sans-serif;
	padding:0;
	text-transform: none;
	letter-spacing: 1px;
	float:left;
	width:1050px;
	}
	
	div#blueLine {
	height:5px;
	width:2000px;
	background-color:#001f56;
	}
	#foot a {
	color: #7DA7D8;
	}
	#foot address {
	font-size: 9px;
	margin: 20px 0 10px 0;
	text-transform: none;
	}
	#foot em {
	display: block;
	font-style: normal;
	line-height: 1.7em;
	}
	#foot em strong {
	margin: 0 10px;
	}
	#foot ul {
	margin: 10px 0 15px 0;
	padding:0;
	}
	#foot li {
	display: inline;
	border-left: 1px solid #7DA7D8;
	line-height: 1.5em;
	padding: 0 5px;
	}
	#foot li.first {
	border: none;
	}
	
	div#footLogo{
	padding:20px 0 0 20px;
	float:left;
    width:190px;
	}
	
	div#footLogo a img{
	margin:7px 0 10px 20px;
	}
	
	div#footCopy{
	text-align:left;
	padding-left:225px;
	margin-left:0;
	}
	
	div#footCopy p{
	margin:30px 0 0 10px;
	}
/* -- */


/*----------- Utility Styles -------------*/
.clear {
	float: none !important;		/* Remove any inherited floats */
	display: block !important;	/* Make sure our element is a block-level element */
	clear: both !important;		/* Make sure it clears on both sides */
	margin: 0 !important;		/* Remove all margins that would make it visible */
	border: 0 !important;		/* Remove all borders that would make it visible */
	padding: 0 !important;		/* Remove all padding that would make it visible */
	height: 0.1px !important;	/* Mozilla/Firefox require the clearer height to not be 0, but rounding makes it 0 */
	line-height: 0 !important;	/* Set the line-height to 0 so it isn't visible */
	font-size: 0 !important;	/* Set the font-size to 0 so it isn't visible */
}
/* -- */
