/* ---------------

||  monicabeltrame.ca  ||
All rights reserved. xguru, Inc.
mb_v1.css ::>

last updated February 9 2010 - v1
 
Curiosity Killed The Cat

---------------*/


html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td

		{	margin: 0; padding: 0; border: 0;
			font-weight: inherit;
			font-style: inherit;
			font-size: 100%;
			font-family: inherit;
			text-align: center;
		}


/*-------------------|     structure     |-------------------*/

/*Reset*/	*	{	margin:0; padding:0; }

body			{ 	background: url("/images/grey_bk.jpg"); background-repeat: repeat;
				font-family: "trebuchet ms", arial, helvetica, sans-serif;
				font-size: 75%;
			}

a,a:link		{ color:#af1400; text-decoration: underline; }
a:hover			{ color:#af1400; text-decoration: none; }
a:active		{ color:#c3c3c3; text-decoration : none; }


#container		{	position: relative; 
				height: 33.5em;
				background: url("/images/mb_bk1.jpg") center top no-repeat;
				margin: auto;
				padding: 0;
			}

div#header		{	position: relative;
				width: 76.667em; height: 22.083em;
				background: url("/images/mb_4.jpg") no-repeat;
				top: 0em; left: 0em;
				margin: auto;
			}

div#content		{	position: relative;
				width: 76.667em;
				background: url("/images/mb_content1.jpg") top left repeat-y;
				display:table;
				z-index: 20;
				margin-top: 19.250em;
				padding-left: 2.0em; padding-right: 2.0em;
			}

div#clip		{	position: relative;
				width: 76.667em; height: 12.5em;
				top: 0em; left: 0em;
				background: url("/images/mb_footer.jpg") no-repeat;
				clear: both;
			}
	


/*-------------------|     navigation     |-------------------*/

#topnav1			{	position:relative;
					top: 15px; left: 130px;
					width: 650px; height: 30px;
				}

ul#topnav1			{ 	margin-top: 0px; margin-left:0px;
					list-style: none;
				}

ul#topnav1 a			{ height:30px; background:url("/images/topnav.png") 0 0 no-repeat; }

ul#topnav1 li, ul#topnav1 a 	{ display: block; position: absolute; }

ul#topnav1 span			{ display: none; }

ul#topnav1 .home		{ left:0px; }
ul#topnav1 .home a		{ width:55px; background-position: -0px 0px; }
ul#topnav1 .home a:hover, ul#topnav1 .home a.selected { background-position: -0px -30px; }

ul#topnav1 .thaiyoga		{ left:195px; top:0px; }
ul#topnav1 .thaiyoga a		{ width:160px; background-position: -195px 0px; }
ul#topnav1 .thaiyoga a:hover, ul#topnav1 .thaiyoga a.selected { background-position:-195px -30px; }

ul#topnav1 .personal		{ left:365px; }
ul#topnav1 .personal a		{ width:155px; background-position: -365px 0px; }
ul#topnav1 .personal a:hover, ul#topnav1 .personal a.selected { background-position: -365px -30px; }

ul#topnav1 .zumba		{ left:530px; top:0px; }
ul#topnav1 .zumba a		{ width:120px; background-position: -530px -0px; }
ul#topnav1 .zumba a:hover, ul#topnav1 .zumba a.selected { background-position:-530px -30px; }


/*                    /\/\/\/\/\/\                    */

#topnav2		{	position:relative;
				top:170px; left: 130px;
				width: 650px; height:30px;
			}

ul#topnav2		{ 	margin-top: 0px; margin-left:0px;
				list-style:none;
			}

ul#topnav2 a		{ height:30px; background:url("/images/bottomnav.png") 0 0 no-repeat; }

ul#topnav2 li, ul#topnav2 a 	{ display:block; position:absolute; }

ul#topnav2 span		{ display:none; }

ul#topnav2 .physical		{ left:25px; }
ul#topnav2 .physical a		{ width:170px; background-position: -25px 0px; }
ul#topnav2 .physical a:hover, ul#topnav2 .physical a.selected { background-position: -25px -30px; }

ul#topnav2 .about		{ left:205px; }
ul#topnav2 .about a		{ width:125px; background-position: -205px 0px; }
ul#topnav2 .about a:hover, ul#topnav2 .about a.selected { background-position: -205px -30px; }

ul#topnav2 .older		{ left:340px; }
ul#topnav2 .older a		{ width:110px; background-position: -340px 0px; }
ul#topnav2 .older a:hover, ul#topnav2 .older a.selected { background-position: -340px -30px; }

ul#topnav2 .services		{ left:460px; }
ul#topnav2 .services a		{ width:90px; background-position: -460px 0px; }
ul#topnav2 .services a:hover, ul#topnav2 .services a.selected { background-position: -460px -30px; }

ul#topnav2 .contact	{ left:550px; top:0px; }
ul#topnav2 .contact a	{ width:100px; background-position: -550px -0px; }
ul#topnav2 .contact a:hover, ul#topnav2 .contact a.selected { background-position:-550px -30px; }



/*-------------------|     footer elements     |-------------------*/


div#xfooter	{	position: relative;
			width: 76.667em; height: 4.5em;
			top: 0em; left: 0em;
			font-family: arial, helvetica, san serif; color: #000000; text-align: left;
			clear: both;
		}


/*-------------------|     subnav classes     |-------------------*/

#subnav		{	width: 71em;
			background-color: transparent;
			margin: 0 0 0.5em 0;
			font-size: 1.0em;
			text-align: left;
			color:#49534d; font-weight:normal;
			 
		}

#subnav		a,a:link 	{ font-size: 1.0em; color:#e0c63d; text-decoration: none; font-weight:normal; } 
#subnav		a:hover		{ font-size: 1.0em; color:#49534d; text-decoration: underline; font-weight:normal; }


/*-------------------|     content formatting     |-------------------*/


h1 		{	font-size: 3.2em;
				margin: 1.5em 0 0.5em 0;
			color: #49534d;
			text-align: left;
		}

h2 		{	font-size: 2.2em;
				margin: 1.5em 0 0.5em 0;
			color: #49534d;
			text-align: left;
		}

h3		{	font-size: 1.6em;
				margin: 1.5em 2.0em 1.5em 0;
			color: #49534d;
			text-align: left;
		}

p		{	font-size: 1.2em;
				margin: 0.25em 4.0em 1.5em 0;
			color: #49534d;
			text-align: left;
		}
blockquote	{	margin-left: 3.5em;
		}

#content li	{	font-size: 1.2em;
			margin: 0.25em 6.0em 0.8em 4.0em;
			color: #49534d;
			text-align: left;
		}

/*-------------------|          blockquote positioning          |-------------------*/

blockquote.flash 	{ font-size: 1.0em;
				text-align: center;
				line-height: 1.2em;
				padding: 0 5.0em 2.0em 2.0em;
				margin: 0;
				float: right;
				clear: both;
				z-index: -1;
			}
blockquote.flash img	{ border: #000000 .025em solid;
				display: block;
				margin: 0 0 1.2em 0;
			}
blockquote.flash em	{ font-style: normal; }
blockquote.flash h3	{ font-size: 1.2em; text-align:center; font-style: normal; }



/*-------------------|     table for performance schedule     |-------------------*/

#tp	{	margin: 1.5em 0 1.5em 0;
		padding: 1.25em;
		width: 71em; text-align:left;
		border-collapse: collapse;
	}
#tp th	{	font-size: 1.5em; font-weight:bold;
		color: #000000; text-align:left;
		background: transparent;
		border-top: 0.125em solid #e0c63d;
		border-bottom: 0.125em solid #e0c63d;
	}
#tp td  	{ font-size: 1.2em; font-weight:normal;
		color: #000000; text-align:left;
		line-height:1.8em; vertical-align:top;
		background: transparent;
		padding: 0 0 1.25em 0;
	}
#tp td.alt  	{ font-size: 1.2em; font-weight:normal;
		color: #000000; text-align:left;
		line-height:1.8em; vertical-align:top;
		border-top: 0.125em solid #e0c63d;
	}


/*-------------------|     table for rates     |-------------------*/

#rates	{	margin: 1.5em 0 1.5em 8.0em;
		padding: 1.25em;
		width: 40em; text-align:left;
		border-collapse: collapse;
	}
#rates th	{	font-size: 1.5em; font-weight:bold;
		color: #000000; text-align:left;
		background: transparent;
		border-top: 0.125em solid #990000;
		border-bottom: 0.125em solid #990000
	}
#rates td  	{ font-size: 1.3em; font-weight:normal;
		color: #000000; text-align:left;
		line-height:1.4em; vertical-align:top;
		background: transparent;
		padding: 0 0 1.25em 0;
	}
#rates td.alt  	{ font-size: 1.2em; font-weight:normal;
		color: #000000; text-align:left;
		line-height:1.8em; vertical-align:top;
		border-top: 0.125em solid #e0c63d;
	}

/*-------------------|     images     |-------------------*/

.img			{	border: 1px solid #555555; margin: 0px 0px 0px 0px; }
.imgr			{	border: 1px solid #555555; margin: 0px 0px 20px 10px; }
.imgrw			{	border: 1px solid #ffffff; margin: 0px 0px 20px 10px; }
.imgl			{	border: 1px solid #555555; margin: 0px 20px 10px 0px; }
.imgt img		{	border: 2px solid #000000; margin: 0px 0px 0px 0px; }
.imgt a:link img	{	border: 2px solid #000000; margin: 0px 0px 0px 0px; }
.imgt a:hover img	{	border: 2px solid #49534d; margin: 0px 0px 0px 0px; }