@charset "utf-8";

/* Created by Benny P (www.sturdybubbles.com)

/* Index
--------------------------------------------------
	1. Defaults (includes resets)
	2. Structure
		2.1 General (used throughout)
		2.3 Navigation Column
		2.4 Content Area
			2.4.1 What is Feng Shui?
			2.4.2 Three Lucks
			2.4.3 Consultations
			2.4.4 Three Schools of Feng Shui
			2.4.5 Geomancy
			2.4.6 Electromagnetic Fields
			2.4.7 Chemicals
			2.4.8 Preparing For A Consultation
			2.4.9 Costs
			2.4.10 Before you buy a new home
			2.4.11 Before you buy your new business
			2.4.12 Workshops
			2.4.13 Salt Lamps
			2.4.14 Soapnuts
			2.4.17 About Me
			2.4.18 Contact
		2.5 Right Stripe
		2.6 Footer

/* Colours
--------------------------------------------------
	logo red = #d71b35;
	page background texture approximation = #f8edd9;
	
*/


/*	1. Defaults (includes resets)
--------------------------------------------------*/
* {
	margin: 0;
	padding: 0;
	border-collapse: collapse;
}
body {
	background-color: #f8edd9;
	background-image: url(../images/bg-tile-100.jpg);
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
}
img {
	border-style: none;
	display: block; /* IE6 and below bug fix for gaps between images */
}
p 	{ 
	margin-bottom: 15px;
}
h2  { 
	font-size: 21px; /* this is the default size. it's used here to control browers text size changes */
	text-align: left;
	margin-bottom: 15px;
}
h3	{
	font-size: 16px; /* this is the default size. it's used here to control browers text size changes */
	text-align: left;
	margin-bottom: 15px;
}
fieldset { 
	border: none;
} 
a {
	text-decoration: none;
	color: #d71b35;
	font-weight: bold;
}
a:hover {
	text-decoration: underline;
}
 

/*	2. Structure
--------------------------------------------------*/
/*	2.1 General (used throughout)
--------------------------------------------------*/
.clear	{
	clear: both;
}
.relative-parent {
	position: relative; /* parent for absolute position element */
}
.bold-text { 
	font-weight: bold;
}
.italic-text {
	font-style: italic;
}
.quote { 
	font-weight: bold;
}
.testimonial {
	font-family:"Times New Roman", Times, serif;
}
.testimonial span {
	font-size: 30px; 
	fontfont-weight: bold;
	line-height: 26px;
}
.coloured-table {
	border-collapse: collapse;
	text-align: left;
}
.coloured-table td {
	border: solid;
	border-width: 1px;
	border-color: #CCCCCC;
	padding: 10px;
}
.coloured-table ul {
	padding-left: 1em;
}
.coloured-table-heading-row {
	background-color: #d61936;
	color: #FFFFFF;
	font-weight: bold;
}
.coloured-table-row-stripe {
	background-color: #ffede2
}
#coming-soon,
#afsc-logo,
#salt-lamps-photo,
#soatnuts-photo {
	/* add centered images */
	display: block;
    margin-left: auto; 
    margin-right: auto;
}


/*	2.3 Navigation Column
--------------------------------------------------*/
#page-wrap {
	width: 958px; /* should be 955 but had to at 3px for layout to work in IE6 */
	background-image: url(../images/bg-tile-100.jpg);	
	margin: auto; 
}
#navigation-column {
	float: left;
	width: 260px;
}
#navigation {
	margin-top: 30px;
	background-color: #d71b35;
}
#navigation ul {
	padding-bottom: 8px; /* used to space out coloured sections */
}
#navigation ul li {
	list-style: none;  /* removes bullets (amongst other things) */
	line-height: 15px; /* works in all tested browsers */
	text-indent: 38px; /* 40px minus the 2px padding on the link style */
	font-size: 12px;
	font-weight: normal;
}
#navigation ul li a { 
	padding-left: 2px;
	padding-right: 3px;
	color: #fbebc5;
	text-decoration: none;
	font-weight: normal;
}

/* section backgrounds */
#sec-feng-shui 		{ 	background-color: #d71b35;
						background-image: url(../images/navigation/nav-bg-feng-shui.jpg);		}
#sec-consultations  { 	background-color: #dc242e;
						background-image:url(../images/navigation/nav-bg-consultations.jpg);	}
#sec-before-you-buy	{	background-color: #e02c29;
						background-image:url(../images/navigation/nav-bg-before-you-buy.jpg);	}
#sec-workshops		{	background-color: #e83b1e;
						background-image:url(../images/navigation/nav-bg-workshops.jpg);		}
#sec-products 		{	background-color: #ed4418;
						background-image:url(../images/navigation/nav-bg-products.jpg);			}
#sec-articles		{	background-color: #f5530e;
						background-image:url(../images/navigation/nav-bg-articles.jpg);			}
#sec-about-me		{	background-color: #f95a09;
						background-image:url(../images/navigation/nav-bg-about-me.jpg);			}
#sec-contact		{	background-color: #ff6501;
						background-image:url(../images/navigation/nav-bg-contact.jpg);			}

/* slightly different hover colours for each section */												
#navigation #home a:hover,
#navigation #three-lucks a:hover			{ background-color: #b10e1f; }
#navigation #consultations a:hover,
#navigation #three-schools a:hover,
#navigation #geomancy a:hover,
#navigation #emf a:hover,
#navigation #chemicals a:hover,
#navigation #preparing-for-consult a:hover,
#navigation #costs a:hover					{ background-color: #b5131a; }
#navigation #before-home a:hover,
#navigation #before-business a:hover		{ background-color: #b91818; }
#navigation #workshops a:hover				{ background-color: #bf2011; }
#navigation #salt-lamps a:hover,
#navigation #soapnuts a:hover				{ background-color: #c3250e; }
#navigation #what-your-home-says a:hover,
#navigation #clutter a:hover				{ background-color: #ca2d08; }
#navigation #about-me a:hover				{ background-color: #cd3105; }
#navigation #contact-us a:hover				{ background-color: #d23700; }

/* set current page to mouse over state */
#home-page #navigation #home,
#three-lucks-page #navigation #three-lucks,
#consultations-page #navigation #consultations,
#three-schools-page #navigation #three-schools,
#geomancy-page #navigation #geomancy,
#emf-page #navigation #emf,
#chemicals-page #navigation #chemicals,
#preparing-for-consult-page #navigation #preparing-for-consult,
#costs-page #navigation #costs,
#before-home-page #navigation #before-home,
#before-business-page #navigation #before-business,
#workshops-page #navigation #workshops,
#salt-lamps-page #navigation #salt-lamps,
#soapnuts-page #navigation #soapnuts,
#what-your-home-says-page #navigation #what-your-home-says,
#clutter-page #navigation #clutter,
#about-me-page #navigation #about-me,
#contact-us-page #navigation #contact-us 
{ 
	background-image: url(../images/navigation/current-page-arrow.gif);
	background-repeat: no-repeat;
	background-position: 17px center;
}

/*	2.4 Content Area
--------------------------------------------------*/
#main-column {
	float: left;
	margin-left: 30px;
	margin-right: 30px; 
	display: inline; /* IE double-margin bug fix */ 
	width: 600px;
}
#logo {
	margin-top: 10px;
	margin-left: 135px;
	margin-right: 140px; /* not really needed */
}
#content-area {
	background-color: #FFFFFF;
	background-image: url(../images/content-area/content-area-body.jpg);
	background-repeat: repeat-y;
	padding-left: 30px; 
	padding-right: 30px;
	padding-bottom: 20px;
	text-align: justify;
}


/*	2.4.1 What is Feng Shui?
--------------------------------------------------*/
#sunset-photo {
	float: right;
	margin-left: 15px;
}

/*	2.4.2 Three Lucks
--------------------------------------------------*/
#bamboo-photo {
	float: left;
	margin-top: 10px;
	margin-right: 15px;
}

/*	2.4.3 Consultations
--------------------------------------------------*/
#boy-photo {
	float: left;
	margin-top: 4px;
	margin-right: 15px;
}

/*	2.4.4 Three Schools of Feng Shui
--------------------------------------------------*/
#three-schools-page h3 {
	margin-top: 25px;
}
#caption {
	font-size: 11px;
}

/*	2.4.5 Geomancy
--------------------------------------------------*/
#rocks-photo {
	float: left;
	margin-top: 3px;
	margin-right: 15px;
}

/*	2.4.6 Electromagnetic Fields
--------------------------------------------------*/
#powerlines {
	float: right;
	margin-left: 15px;
}

/*	2.4.7 Chemicals
--------------------------------------------------*/
#lavender-kids-photo {
	float: right;
	margin-left: 15px;
	margin-top: 3px;
}

/*	2.4.8 Preparing For A Consultation
--------------------------------------------------*/
#preparing-for-consult-list {
	margin-left: 20px;
	margin-top: 25px;
}
#preparing-for-consult-list li {
	padding-bottom: 10px;
}
#gates-photo {
	float: left;
	margin-top: 5px;
	margin-right: 30px;
}

/*	2.4.9 Costs
--------------------------------------------------*/
#costs-page table {
	margin-top: 10px;
}
#costs-page .coloured-table td {
	vertical-align: middle;
}

/*	2.4.10 Before you buy a new home
--------------------------------------------------*/
#newspaper-photo {
	float: left;
	margin-top: 3px;
	margin-right: 15px;
}

/*	2.4.11 Before you buy your new business
--------------------------------------------------*/
#contract-photo {
	float: left;
	margin-right: 15px;
	margin-top: 4px;
}

/*	2.4.12 Workshops
--------------------------------------------------*/
#lotus-photo {
	float: right;
	margin-left: 15px;
	margin-top: 3px;
}

/*	2.4.13 Salt Lamps
--------------------------------------------------*/
#salt-lamps-photo {
	margin-top: 5px;
	margin-bottom: 5px;
}


/*	2.4.14 Soapnuts
--------------------------------------------------*/
#soatnuts-photo {
	margin-top: 5px;
	margin-bottom: 5px;
}
#soapnuts-page .coloured-table {
	width: 100%;
}
#soapnuts-page .coloured-table-heading-row td {
	vertical-align: bottom;
}
.soapnut-lists {
	padding-left: 1em; /* pulls bullets inside box */
	margin-left: 15px;
}
.soapnut-lists li {
	margin-bottom: 2px;
}

/*	2.4.17 About Me
--------------------------------------------------*/
#cheryl-photo {
	float: right;
	margin-left: 15px;
	margin-top: 2px;
}

/*	2.4.18 Contact
--------------------------------------------------*/
#envelope {
	margin-left: 30px;
	float: left;
}
#contact-details {
	margin-left: 20px;
	margin-top: 10px;
	float: left;
	font-size: 12px; 
}
#email-address {
	position: absolute;
	top: -13px;
	left: 38px;
}
#contact-form {
	margin-left: 50px;
	margin-top: 10px; 
}
#contact-form td {
	padding: 3px;
	padding-bottom: 10px;
	text-align: right;
	vertical-align: top;
	font-weight: bold;
}
#contact-name,
#contact-email,
#contact-phone,
#contact-message {
	background-color: #ffede2;
	width: 300px;;
}
#contact-message {
	height: 200px;
}
label.error {
	font-size: 12px; 
	color: #d71b35; 
	margin-top: 2px;
	margin-bottom: 5px;
	display: block;
}


/*	2.5 Right Stripe
--------------------------------------------------*/
#right-stripe {
	float: left;
	margin-top: 30px;
}


/*	2.6 Footer
--------------------------------------------------*/
#footer {
	padding-top: 20px;
	padding-bottom: 50px;
	text-align: center;
	font-size: 10px;
}
#afsc-table {
	margin-left: auto;
	margin-right: auto;
}
#afsc-table td {
	padding: 3px;
	text-align: right;
}
#copyright-wrapper {
	text-align: left;
	margin-left: 30px;
}