@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.1px;
	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: 22px;
	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;
}

#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: 5px;
	z-index: 100;
	width: 450px;
	min-height: 500px;
}
.mainText p, .rightText p {
	margin-bottom: 10px;
	font-size: small;
	margin-right: 20px;
}
.rightText img {
	margin-right: 20px;	
	border: #030000 solid 1px;
	margin-top: 100px;
}
p.mainTextIndent  {
	margin-left: 20px;
	margin-bottom: 5px;	
}
.ital {
	font-style:italic;
	font-size: small;
	color: #5B2A31;
}
.mainText 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 {
	font-size: medium;
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-weight: bold;
	margin-top: 15px;
	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: 60px;
}
#secNav .secNavItem {
	display: inline;
	margin-right: 40px;
	
}


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

#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;
}
.clear {
	clear: both;
}
.rightText {
	width: 400px;
	top: 740px;
	margin-left: 40px;
	position: absolute;
	right: 0px;
	margin-right: 40px;
}
.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: 60px;
}

/* 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 {
	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 #services {
	position: absolute;
	top: 84px;
	right: 180px;
list-style-type:none;
}
.mainNav #benefits {
	position: absolute;
	top: 110px;
	right: 80px;
	list-style-type:none;
}
#homepage .mainNav #home a {
	background-position: -199px 0px;
	color: #f3f3f1;
}
#fengshuipage .mainNav #what a {
	background-position: -199px 0px;
	color: #f3f3f1;
}#servicespage .mainNav #services a {
	background-position: -199px 0px;
	color: #f3f3f1;
}#benefitspage .mainNav #benefits a {
	background-position: -199px 0px;
	color: #f3f3f1;
}
#secNav a:link, #secNav a:visited {
	font-size: small;
	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 {
	font-size: medium;
	font-weight: bold;
 	padding-left: 20px;
}
.mainText .services1 li a:link, .services1 li a:visited {
	color: #62433b;
	list-style-type: none;	
	text-decoration: none;
	
}
.mainText .services1 li a:hover {
	color: #030000;
	background-image:url(../feng-shui_images/symbolsmall.jpg);
	background-position:left center;
	background-repeat: no-repeat;
	text-decoration: underline;
}	

.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 {
background-image:url(../feng-shui_images/symbolsmall.jpg);
	background-position:left center;
	background-repeat: no-repeat;
	color: #030000;
	}
.mainText .services1 li#active a {
	color: #030000;	
}
.mainText .services1 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;
}
