@charset "utf-8";
/* CSS Document */
/*=======@RESET STYLES=====================================================*/
html, body, div, span, object, iframe,
pre, cite, code, blockquote,
h1, h2, h3, h4, h5 , h6,
p, a, ul, ol, li, del, dt, dd, img, small,
table, tr, th, td, form, fieldset, label, legend {
  border:0;
  font-size:100.01%;
  margin:0;
  outline:none;
  padding:0;
  vertical-align:baseline;
}

body { line-height:1 }
table { border-collapse:collapse; border-spacing:0 }

.clear{clear:both;}

/*=======@DEFAULT STYLES=====================================================*/
a,a:link,a:visited, a:focus{color:#127ba2; text-decoration:none; outline:none;}
a:hover, a:active, a:hover,{color:#000;}

h2, h3, h5, h6{ color: #000; margin: 0 0 1em 0;}
h1{font-size:20px; color:#000;margin: 0 0 1em 0;}
h2{ font-size:18px; }
h3 { font-size:16px; }
h4 { font-weight:bold;}
p{color:#000; margin-bottom:15px; line-height: 1.5em;}
ul, ol{margin:1em 0;}
li{margin:0 0 0 2em; list-style-type:disc; line-height: 1.5em;}

/*=======@PAGE STYLES=====================================================*/
body{
	background:url(images/headerBack.jpg) repeat-x top; 
	color:#000; 
	font-size:17px; 
	font-family:Tahoma, Arial, sans-serif;
}
#header{
	width:800px;
	margin:0 auto;
	height:153px;
}
#logo{
	background:url(images/logo.jpg) no-repeat;
	width:255px;
	height:139px;
	float:left;
}
#header ul{
float:right;
height:auto;
width:auto;
}
#header li{
	float:left;
	margin:0 7px 20px;
	list-style:none;
}
#header li a{ display:block; text-indent:-9999px;}

#navAbout{background: url(images/navAbout.jpg); width:36px; height:37px;}
#navHealing{background: url(images/navHealing.jpg); width:42px; height:38px;}
#navYoga{background: url(images/navYoga.jpg); width:28px; height:34px;}
#navIntuitive{background: url(images/navIntuitive.jpg); width:78px; height:37px;}
#navLife{background: url(images/navLife.jpg); width:47px; height:37px;}
#navCalendar{background: url(images/navCalendar.jpg); width:51px; height:37px;}
#navStore{background: url(images/navStore.jpg); width:28px; height:36px;}
#navContact{background: url(images/navContact.jpg); width:44px; height:36px;}

#navAbout, #navYoga, #navLife, #navStore{margin:50px 0 0 0;}
#navHealing, #navIntuitive, #navCalendar, #navContact{margin:85px 0 0 0;}

#header li a:hover{background-position:bottom;}

.toplinks{width:800px; margin:0 auto 20px; text-align:left; font-size:13px; font-weight:bold; color:#2f0317;}
.toplinks span{text-decoration:underline;}
.toplinks a{color:#4b0625; font-weight:normal;}

#contentArea{width:800px; margin:0 auto; clear:both;}

/*contact form*/
#contact .input{ width:225px; margin:3px 0;}
#contact textarea{width:225px; height:80px; overflow:auto; margin:3px 0;}
#contact label.error {color: #f00; padding-left: 5px; display:block; }

#contentLeft{float:left; width:500px; height:auto; text-align:left}
#contentLeft2{float:left; width:800px; height:auto; text-align:left}
#contentRight{float:right; width:300px; height:auto;}
.imgRight{ float:right; margin:0 0 20px 15px;}

#bottomQuote{color:#5f448f; font-weight:bold; font-size:20px; text-align:center;}
#footer{ background:url(images/footerBack.jpg); width:800px; height:42px; margin:20px auto 0; display:block;}
#footer li{list-style:none; line-height:42px; float:left;}
#footer li a{color:#fff; font-size:15px; margin:0 8px !important; padding:0; display:block;}
#footer li a:hover{color:#c59fcb;}
#footerBottom{ width:800px; background:url(images/footerBottom.jpg) repeat-x; margin:0 auto; height:28px;}
#copyright{width:150px; margin:20px auto 0;}