/* Source Yoga Studios - Stylesheet

--> FontStyle

--> Header 
----> Logo
----> Navivation



--> Footer
--> Patches


--> Top
----> Boxes


magenta = EC008C
dark blue = 0099cc
light blue = 00a8d9
dark orange = E09515 was eba221 - 
light orange = efb952
dark green = 008F70 was 00a985
light green = 
dark brown = bfc07f
light brown = d7d7b3
pink = f0b2c3
dark grey = 4e5151
*/

* {
	margin: 0;
	padding: 0;
	}

body {
/*	background: url(../images/background.jpg) repeat-x top;*/
	text-align: center; 
	}

.positionright {
	float: right;
	}

img.positionright {
	padding: 5px 5px 5px 10px;
	}

.positionleft {
	float: left;
	}

img.positionleft {
	padding: 0px 0px 5px 0px;
	}

a img {
	border: 0;
	}

/* FontStyles */

h1 {
	font: 15px/18px "lucida grande","trebuchet ms",verdana,sans-serif;
	margin: 5px 0;
	padding: 0;
	color: #444;
	}

.home #bottom .box h1 {
	border-color: #EC008C;
	line-height: 18px;
	padding: 0 0 4px 0;
	margin: -2px 0 2px 0;
	}

ul {
	list-style: none;
	}

#bottom ul li,#top ul li {
	font: 12px "lucida grande","trebuchet ms",verdana,sans-serif;
	margin: 5px 0;
	}

#bottom ul li a,#top ul li a {
	color: #444;
	display: block;
	}

a:hover {
	text-decoration: none;
	}

hr {
	border: 2px solid #EC008C;
	border-width: 1px 0 0 0;
	clear: both;
	margin: 5px 0;
	}


/* Header */

#header {
	border-bottom: 1px solid #EC008C;
	margin: 0 auto;
	position: relative;
	height: 125px;
	width: 785px;
	}

/* Logo */

#header h1 {
	display: block;
	position: absolute;
	top: 10px;
	left: 0px;
	overflow: hidden;
	width: 200px;
	height: 100px;
	}

.home #header h1 {
	left: 0;
	}

#header h1 {
	left: 0px;
	}

#header h1 span {
	display: none;
	}

#header h1 a {
	border: 0 none; 
	font: 14px "lucida grande","trebuchet ms",verdana,sans-serif;
	display: block;
	width: 100%;
	height: 100%;
	}

#header a img {
	border: 0 none;
	}

/** Navigation **/

#form {
	clear: both;
	font: 11px "lucida grande","trebuchet ms",verdana,sans-serif;
	color: #00000;
	margin: 0 auto;
	padding: 5px 0;
	text-align: center;

	float: right;
	top: 20px;
	right: 10px;
	height: 50px;
	width: 280px;
	}

#navigation {
	position: absolute;
	list-style: none;
	top: 93px;
	right: 0px;
	height: 50px;
	width: 445px;
	}
/** 485 for news **/

#navigation li {
	float: left;
	}

#navigation li a {
	font: 12px "lucida grande","trebuchet ms",verdana,sans-serif;
	color: #444;
	display: block;
	height: 15px;
	padding: 5px;
	text-decoration: none;
	text-align: center;
	margin: 0 5px;
	}

#navigation li a:hover {
	color: #000;
	}

.home #navigation .home,.schedule #navigation .schedule,.classes #navigation .classes,.bootcamp #navigation .bootcamp,.reiki #navigation .reiki,.location #navigation .location,.about #navigation .about,.news #navigation .news {
	font-weight: 700;
	}




/* Body Content */

.content {
	color: #666;
	float: left;
	font: 11px/22px "lucida grande","trebuchet ms",verdana,sans-serif;
	padding: 0px 10px 2px 10px;
	width: 525px; /* width of right conent 590 */
/*	height: 565px;
	overflow: auto;	*/
	}

.content h2 {
	font: 18px "lucida grande","trebuchet ms",verdana,sans-serif;
	padding: 2px 0 1px 0;
	color: #008F70;
	width: 350px;
	}

.content p {
	padding: 0 0 7px 0;
	}

.content p a:link {
	color: #09c;
	text-decoration: none;
	}

.content p a:visited {
	color: #8a0;
	text-decoration: none;
	}
	
.content h3 {
	font: 14px "lucida grande","trebuchet ms",verdana,sans-serif;
	color: #E09515;
	padding: 5px 0 2px 0;
	}

.content .navi_trails {
	color: #9c0;
	padding: 0;
	}

.content .navi_trails a {
	font: 11px/22px "lucida grande","trebuchet ms",verdana,sans-serif;
	text-decoration: none;
	color: #999 !important;
	}

.content .navi_trails a:hover {
	color: #222 !important;
	}

.content .navi_trails span {
	color: #666;
	font: 700 12px/22px "lucida grande","trebuchet ms",verdana,sans-serif;
	}



/* Footer */

#footer {
	border-top: 1px solid #EC008C;
	clear: both;
	font: 10px "lucida grande","trebuchet ms",verdana,sans-serif;
	color: #555;
	width: 785px;
	margin: 0 auto;
	padding: 10px 0;
	text-align: center;
	}

#flashfooter {
	clear: both;
	font: 10px "lucida grande","trebuchet ms",verdana,sans-serif;
	color: #fff;
	width: 785px;
	margin: 0 auto;
	padding: 10px 0;
	text-align: center;
	}

#flashfooter a {
	font: 10px "lucida grande","trebuchet ms",verdana,sans-serif;
	color: #fff;
	display: block;
	height: 15px;
	padding: 5px;
	text-decoration: none;
	text-align: center;
	margin: 0 5px;
	}

#flashfooter li a:hover {
	color: #000;
	}


/* Fixes */

/* Cleafix */

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

.clearfix {display: inline-table;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */









/* 3 - Top */

#top {
	padding: 10px 0 0 0;
	margin: 0 auto;
	text-align: left;
	width: 785px;
	}

/* Blue Info Boxes Main Page */

.left {
	float: left;
	width: 235px; /* left column pushes right content */
	margin: 0 0 0 0px;
	}

.left #subnavigation {
	margin: 0 0 10px 0;
	list-style: none;
	padding: 0 0 0 0px;
	}

.rightside {
	float: right;
	margin: 0 0 0 10px;
	}



#subnavigation a {
	font: 12px/20px "lucida grande","trebuchet ms",verdana,sans-serif;
	padding: 0 0 0 10px;
	color: #666;
	text-decoration: none;
	}

#subnavigation a:hover {
	color: #111;
	}

#subnavigation ul {
	margin: -3px 0 0 0;
	}

#subnavigation ul a,#subnavigation ul span {
/*	background: url(../images/bullet_blue.jpg) no-repeat 12px 5px; */
	font: 10px/18px "lucida grande","trebuchet ms",verdana,sans-serif;
	padding: 0 0 0 23px;
	}

/*	.overview #navigation .home,.schedule #navigation .schedule,.classes #navigation .classes,.bootcamp #navigation .bootcamp,.location #navigation .location,.about #navigation .about {
	background: url(../images/bullet_blue.jpg) no-repeat center left;
	font-weight: 700;
	color: #444;
	}
*/

#top .rightside .box {
/*	background: #0099cc;*/
/*	url(../images/box_blue.jpg) no-repeat top left; */
/*	mel change  0099cc */
	background: #fff; 
	margin: 0 0 10px 0;
	width: 175px;
	}

#top .rightside .box.quote {
/*	background-image: url(../images/box_blue_long_quote.jpg);*/
	}

#top .rightside .box.blue.quote {
/*	background-image: url(../images/box_blue_long_quote.jpg);*/
	}

/* home.right.boxes */
.home #top .rightside .box {
/*	background-image: url(../images/box_blue.jpg);*/
	width: 380px;
	padding: 8px 10px 0 10px;
	height: 159px;
	}

#top .rightside .box .closing {
/*	background: url(../images/box_blue_long_close.gif) no-repeat bottom left;*/
	min-height: 90px;
	padding: 7px 10px 1px 10px;
	}

#top .rightside .box.blue {
/*	background-image: url(../images/box_blue_long.jpg);*/
	}

#top .rightside .box.blue .closing {
/*	background-image: url(../images/box_blue_long_close.gif); */
	}

.box h1 {
	border-bottom: 1px dotted #E09515;
/*	color: #fff;*/
/*	mel change 008F70 */
	color: #008F70;
	font: 16px/20px "lucida grande","trebuchet ms",verdana,sans-serif;
	margin: 0 0 2px 0;
	padding: 0 0 4px 0;
	}

.box.blue h1 {
	border-color: #77c0e6;
	}

.box h1 span {
	visibility: hidden;
	}

.box h3 {
/*	color: #fff;*/
/*	mel change 008F70 E09515*/
	color: #008F70;
	font: 10px/15px "lucida grande","trebuchet ms",verdana,sans-serif;
	margin: 0 0 2px 0;
	padding: 0 0 0px 0;
	}

.box.blue h3 {
	border-color: #77c0e6;
	}

.box h3 span {
	visibility: hidden;
	}


.rightside p {
/*	mel change */
	color: #666;
	font: 11px/22px "lucida grande","trebuchet ms",verdana,sans-serif;
	margin: 0 0 10px 0;
	padding: 0 0 0 10px;
	}

.box p {
/*	mel change was fff*/
	color: #666;
	font: 12px/18px "lucida grande","trebuchet ms",verdana,sans-serif;
	padding: 0;
	}

.box p a {
/*	mel change was fff */
	color: #666;
	}

/*form*/
span.label,span.spacer,span.multiple span {width:120px;float:left;} 
span.multiple {float:right;} 
span.button {padding-left:230px;} 
div.clear {clear:both;padding-top:5px;} 

/* Table Debug */
/*
table { margin: 3px; padding: 2px; border: solid 2px blue }
td { padding: 2px; border-style: solid; border-width: 1px; border-color: gray gray silver silver }
*/