@charset "UTF-8";

/*Created April 2009 by Casey Gerdes; Lotus Design Service; www.LotusDesignService.com  */
/* COLORS 
Red buttons and main link color: 62433b (Note - this is what the color reads; in photoshop, it is a darker color that is tinted down in opacity. Original # is 411e23
Main Nav hover color - blue: #384150
Main body copy - almost black: #030000
Secondary Nav main color - dark yellow/green: #747152
Secondary Nav hover color - blue:  #384150
Container background - yellow:   #e8d99c
Body background - teal:  #253841
lighter red accent color: color: #5B2A31;



*/

/* some generic code to start with*/ 

* {
	margin: 0;
	padding: 0;
	font-size: 11px;
	line-height: 1.5em;
	font-weight: normal;
}
/*eliminates borders around images used as links */
a img {
	border: none;	
}
/*the following code gets rid of dotted borders around links in Firefox */
a {
	outline: 0;
}
a:focus {
	outline: none;
}




/* Setting some main body and container styles */

body {
	background-color: #253841;
	text-align: center;
	margin-right: 0px;
	margin-left: 0px;
}
.container {
	width: 1024px;
	
	margin-right: auto;
	margin-left: auto;
	background-color: #e8d99c;
	text-align: left;
	position: relative;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 1.1em;
	color: #030000;
	background-attachment: scroll;
	background-image: url(../feng-shui_images/ripplephoto-w-text-650wdarker.jpg);
	background-repeat: no-repeat;
	background-position: 100% 250px;
	border-right-width: 2px;
	border-bottom-width: 2px;
	border-left-width: 2px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #6b4d41;
	border-bottom-color: #6b4d41;
	border-left-color: #6b4d41;
}
#footer {
	padding-top: 7px;
	padding-bottom: 9px;
	margin-top: 28px;
	padding-right: 60px;
	padding-left: 100px;
	border-top-style: solid;
	text-align: left;
	border-top-width: 2px;
	border-right-width: 2px;
	border-bottom-width: 2px;
	border-left-width: 2px;
	border-top-color: #CEC18B;
	border-right-color: #CEC18B;
	border-bottom-color: #CEC18B;
	border-left-color: #CEC18B;
	color: #747152;
	font-size: 11px;
}
.services1 {
	width: 400px;
	margin-left: 20px;
	padding-top: 5px;
	margin-bottom: 30px;
}
.articles1 {
	width: 400px;
	margin-left: 20px;
	padding-top: 12px;
	margin-bottom: 45px;
	margin-top: 22px;
}
#logo {
	margin-top: 10px;
	margin-left: 50px;
}
#ripple {
	position: absolute;
	top: 208px;
	right: 1px;
	z-index: 10;
}

.mainText {
	margin-top: 70px;
	margin-left: 56px;
	margin-bottom: 12px;
	z-index: 100;
	width: 450px;
	min-height: 500px;
}
.mainText p, .rightText p {
	margin-bottom: 10px;
	font-size: small;
	margin-right: 20px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}
.rightText img {
	margin-right: 20px;	
	border: #030000 solid 1px;
	margin-top: 20px;
}
p.mainTextIndent  {
	margin-left: 20px;
	margin-bottom: 5px;	
}
.bolder {
	font-weight:bold;
	
}

.ital {
	font-style:italic;
	font-size: small;
	color: #5B2A31;
}
.mainText h1, .rightText h1 {
	font-size: medium;
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-weight: bold;
	margin-top: 22px;
	margin-bottom: 0px;
	padding-bottom: 0px;
}
.mainText h2, .rightText h2{
	font-size: medium;
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-weight: bold;
	margin-top: 18px;
	margin-left: 12px;
	margin-bottom: 0px;
	padding-bottom: 0px;
	color: #62433b;
		
}
.mainText h2 #firstSubheader {
	margin-top: 0px;	
}
.mainText #firstheader {
	margin-top: 0px;
}
.mainTextBottom {
	margin-left: 54px;
	z-index: 100;
	margin-top: 22px;
}
.specialText {
	color: #6b4d41;
	font-style: italic;
	font-variant: normal;
	font-size: medium;
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;	
	position: absolute;
	left: 560px;
	top: 625px;
	width: 400px;
	text-align: center;
}

#secNav {
	position: absolute;
	top: 20px;
	right: 54px;
	font-size: 9px;
}
#secNav .secNavItem {
	display: inline;
	margin-right: 34px;

	
}


.container .mainText .testimonial .nobold, .container .rightText .testimonial .nobold {
	font-weight: normal;
	font-size: small;
	margin-left: 20px;
	margin-bottom: 10px;
}

#lotus {
	display: inline;
	text-align: right;
	margin-left: 540px;
}
h3 {
	font-style: italic;
	font-variant: normal;
	color: #62433b;
	font-size: small;
	padding-left: 25px;
	padding-right: 35px;
	text-align:left;
	margin-bottom: 10px;
}
.highlight {
	font-variant: normal;
	color: #62433b;
	font-style: normal;
	font-weight: bold;
	font-size: small;
}
.mainText img {
	float: left;
	padding-right: 12px;
	margin-left: -30px;
	margin-top: -15px;
}
.mainText img#baguaImg {
margin-top: 10px;
margin-left: 0px;
border:none;
}
.rightText img#baguaImg2 {
	border: none;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
	margin-left: 20px;
	margin-top: 0;
	
}


.clear {
	clear: both;
}
.rightText {
	width: 425px;
	top: 741px;
	/*	margin-left: 20px; */
	position: absolute;
	right: 0px;
	margin-right: 40px;
	margin-bottom: 13px;
	height: 379px;
}
.container .mainText .testimonial, .container .rightText .testimonial {
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-size: small;
	font-style: italic;
	font-weight: bold;
	font-variant: normal;
	color: #747152;
	margin-right: 95px;
	margin-left: 30px;
	margin-top: 50px;
}
.container .mainText .embedTestimonial, .container .rightText .embedTestimonial {
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-size: small;
	font-style: italic;
	font-weight: bold;
	font-variant: normal;
	color: #747152;
	margin-right: 95px;
	margin-left: 30px;
	margin-top: 20px;
}

/* TESTIMONIALS --------------------------------------------------------------------
code for the testimonials page  -----------------------------------------------------*/

.test1 {
	color: 	#62433b;
	padding-left: 30px;
	padding-right: 60px;
	padding-bottom: 12px;
}
.test2 {
	color: #747152;
	padding-bottom: 12px;
		
}

/* NAVIGATION ----------------------------------------------------------------------*/
.mainNav ul li a {
	display: block;
	text-decoration: none;
	color: #e8d99c;
	font-size: 15px;
	list-style-type:none;
	}

.mainNav a:link, .mainNav a {
	display: block;
	height: 54px;
	width: 94px;
	background-image:url(../feng-shui_images/buttons.jpg);
	background-repeat: no-repeat;
	text-align: center;
	text-decoration:none;
	padding-top:38px;
	list-style-type:none;
	color: #e8d99c;
	font-weight: bold;
	
}
.mainNav #what a:link, .mainNav #what a, .mainNav #soul a:link, .mainNav #soul a {
	height: 66px;
	padding-top: 26px;	
}

.mainNav a:hover {
	background-position: -199px 0px;
	color: #f3f3f1;
}
.mainNav #home {
	position: absolute;
	top: 70px;
	right: 380px;
	list-style-type:none;
}
.mainNavHome {
	position: absolute;
	top: 40px;
	right: 180px;
}
.mainNav #what {
	position: absolute;
	top: 65px;
	right: 280px;
	
	list-style-type:none;
}

.mainNav #workshops {
	position: absolute;
	top: 112px;
	right: 78px;
list-style-type:none;
}
.mainNav #soul {
	position: absolute;
	top: 84px;
	right: 180px;
	
	list-style-type:none;
}
#homepage .mainNav #home a {
	background-position: -199px 0px;
	color: #f3f3f1;
}
#fengshuipage .mainNav #what a {
	background-position: -199px 0px;
	color: #f3f3f1;
}
#workshopspage .mainNav #workshops a {
	background-position: -199px 0px;
	color: #f3f3f1;
}
#benefitspage .mainNav #soul a {
	background-position: -198px 0px;
	color: #f3f3f1;
}
#secNav a:link, #secNav a:visited {
	font-size: 11px;
	color: #747152;
	text-decoration: none;
}

#secNav a:hover {
	text-decoration: underline; 
	color: #384150;
}




/* LINKS ---------------------------------------------------------------------------*/


#footer a:link, #footer a:visited {
	color: #747152;
	text-decoration: none;
}

#footer a:hover {
	text-decoration: underline; 
	color: #384150;
}
.mainText .services1 ul li {
	font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;
	list-style-type: none;	
	
}
.mainText .services1 ul li a, .mainText .articles1 ul li a {
	font-size: medium;
	font-weight: bold;
 	padding-left: 18px;
}
.mainText .services1 li a:link, .services1 li a:visited, .mainText .articles1 li a:link, .articles1 li a:visited {
	color: #62433b;
	list-style-type: none;	
/*	text-decoration: none; */
	
}
.mainText .services1 li a:hover, .mainText .articles1 li a:hover {
	color: #030000;
	background-image:url(../feng-shui_images/symbolsmall.jpg);
	background-position:left center;
	background-repeat: no-repeat;
	text-decoration: underline;
}	
.mainText .articles1 ul li{
	font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;
	list-style-type: none;	
	margin-bottom: 10px;
}

.mainTextBottom a:link, .mainText a:link, .mainText a:visited {
	font-size: small;
	color: #62433b;
	text-decoration: underline;
}

.mainText a:hover {
	text-decoration: underline; 
	color: #747152;
}
.mainText .services1 li#active, .mainText .articles1 li#active {
background-image:url(../feng-shui_images/symbolsmall.jpg);
	background-position:left center;
	background-repeat: no-repeat;
	color: #030000;
	}
.mainText .services1 li#active a, .mainText .articles1 li#active a {
	color: #030000;	
}
.mainText .services1 li#active a:hover, .mainText .articles1 li#active a:hover {
	text-decoration: none;	
}
.mainText .sign {
	background-image: url(../feng-shui_images/symbolsmall.jpg);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 20px;
}
#sitemap {
	margin-left: 30px;
	margin-top: 20px;
}
#sitemap li {
	margin-bottom: 10px;	
}
#sitemap ul li {
	margin-left: 30px;	
	margin-bottom: 2px;
}
/* code for articles-elemental-characteristics page - table */
#elementYears {
	width: auto;
	border:1px #030000 solid;
	
}
#elementYears th {
	font-weight:bold;
	padding-bottom: 2	px;
	padding-top: 4px;
	padding-left: 14px;
	padding-right: 14px;
	font-size: 1.2em;

}
#elementYears td {
	font-size: .95em;
	text-align: center;
	padding-top: 2px;
	padding-bottom: 2px;
/*	border: 1px #CC9 solid;*/
	
}
#elementYears tr.light {

}
#elementYears tr.dark {
	background-color: #435A67;	
	color: #e8d99c;
}
#elementYears td.alignleft {
	text-align:left;
	font-size: 1em;
	padding-left: 10px;
	padding-top: 4px;
	padding-bottom: 4px;
	padding-right: 8px;
}
#elementYears caption {
	font-size: medium;
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-weight: bold;
	margin-top: 22px;
	margin-bottom: 0px;
	padding-bottom: 0px;	
}

