/*=================================================================================

Project:		CHOOSE 2 EVOLVE
Version:		1.0
Last Changed:	12/14/2009
Author:			Daniel Rus

=================================================================================*/


/*=================================================================================

[Table of Contents]

1. GENERAL [style for body, headers, default behaviour of paragraphs, images, links etc]
2. LAYOUT [elements used to define the layout of the site]
	2.1 HEADER
	2.2 CONTENT
	2.3 FOOTER
3. NAVIGATORS [navigation for the site]
	3.1 MAIN NAVIGATOR
4. CONTENT ELEMENTS
	4.1 HOMEPAGE
5. FORMS
	5.1 FORMS ERRORS 

/*=================================================================================*/






/* 1. GENERAL -------------------------------------------------------------------*/

body { margin: 0; padding: 0; background: #dc9b26 url(../../general/bgMain.jpg) no-repeat top center; font: normal 0.8em/1.4em Arial; }
h1 { margin: 0 0 0.8em 0; padding: 0; font: normal 2em "Trebuchet MS", Arial; color: #a551c7; }
h2 { margin: 0 0 0.8em 0; padding: 0; font: normal 1.8em "Trebuchet MS", Arial; color: #dd8700; }
h3 {  }
a { color: #dd8700; text-decoration: none; }
a:hover { color: #ffb400; }
p { margin: 1.6em 0; text-align: justify; }
img { border: 0; }
.dividerH { clear: both; height: 21px; background: url(../../general/dividerH.gif) repeat-x center; }
.clearAll { clear: both; height: 0; font-size: 0; line-height: 0; overflow: hidden; }
.clearFloat:after { content: "."; display: block; height: 0; font-size:0; clear: both; visibility: hidden; }
.clearFloat { display: inline-block; } /* Hides from IE Mac \*/ * html .clearFloat { height: 1%;} .clearFloat { display: block; } /* End Hack */
.floatLeft { float: left; padding-right: 10px; }
.floatRight { float: right; padding-left: 10px; }



/* 2. LAYOUT --------------------------------------------------------------------*/

#container { width: 980px; margin: 0 auto; }


	/* 2.1 HEADER -------------------------------*/
	
	#header {  }
	.logo { height: 89px; }
	.logo a { float: left; margin: 30px 0 0 6px; width: 270px; height: 50px; text-indent: -9999px; overflow: hidden; }
	.homeVisual { padding: 7px 0; }
	
	
	/* 2.2 CONTENT ------------------------------*/
	
	#contentHolder { background: #fdfdfd url(../../general/bgContentTop.gif) no-repeat top; }
	#content { background: url(../../general/bgContentBottom.gif) no-repeat bottom; min-height: 400px; height: auto !important; height: 400px; padding: 16px; }
	#sidebar { float: left; width: 320px; }
	#main { float: right; width: 600px; background: url(../../general/dividerV.gif) repeat-y; padding: 0 0 0 16px; }
	
	
	/* 2.3 FOOTER -------------------------------*/
	
	#footer { margin-top: 8px; padding: 20px 0 0 0; height: 166px; background: url(../../general/bgFooter.gif) no-repeat; }
	#footer ul { margin: 0; padding: 0 25px; list-style: none; float: left; background: url(../../general/dividerV.gif) repeat-y right; }
	#footer li { display: block; margin: 0; line-height: 2em; }
	#footer ul.fancy { background: url(../../general/spriteNavFooter.gif) no-repeat 25px 0; width: 192px; }
	#footer ul.fancy li { height: 30px; }
	#footer ul.fancy li a { float: left; width: 192px; height: 30px; text-indent: -9999px; overflow: hidden; }
	#footer p { margin: 20px 0 0 0; text-align: center; color: #ffffff; font: normal 0.85em/1.2em Arial; }
	#footer p a { font-weight: bold; color: #ffffff; }




/* 3. NAVIGATORS ----------------------------------------------------------------*/

	/* 3.1 MAIN NAVIGATOR -----------------------*/
	
	.navMain { height: 37px; }
	.navMain ul { margin: 0; padding: 0; list-style: none; }
	.navMain li { float: left; height: 37px; }
	.navMain a, .navMain span { float: left; height: 37px; background: url(../../general/spriteNavMain.gif) no-repeat; text-indent: -9999px; overflow: hidden; }
	.navMain a.navMain-home { width: 80px; background-position: 0 0; }
	.navMain a.navMain-philosophy { width: 117px; background-position: -80px 0; }
	.navMain a.navMain-bio { width: 60px; background-position: -197px 0; }
	.navMain a.navMain-radix { width: 74px; background-position: -257px 0; }
	.navMain a.navMain-therapy { width: 174px; background-position: -331px 0; }
	.navMain a.navMain-workshops { width: 122px; background-position: -505px 0; }
	.navMain a.navMain-events { width: 135px; background-position: -627px 0; }
	.navMain a.navMain-favorites { width: 112px; background-position: -762px 0; }
	.navMain a.navMain-contact { width: 106px; background-position: -874px 0; }
	
	.navMain a.navMain-home:hover { background-position: 0 -37px; }
	.navMain a.navMain-philosophy:hover { background-position: -80px -37px; }
	.navMain a.navMain-bio:hover { background-position: -197px -37px; }
	.navMain a.navMain-radix:hover { background-position: -257px -37px; }
	.navMain a.navMain-therapy:hover { background-position: -331px -37px; }
	.navMain a.navMain-workshops:hover { background-position: -505px -37px; }
	.navMain a.navMain-events:hover { background-position: -627px -37px; }
	.navMain a.navMain-favorites:hover { background-position: -762px -37px; }
	.navMain a.navMain-contact:hover { background-position: -874px -37px; }
	
	.navMain span.navMain-home { width: 80px; background-position: 0 -74px; }
	.navMain span.navMain-philosophy { width: 117px; background-position: -80px -74px; }
	.navMain span.navMain-bio { width: 60px; background-position: -197px -74px; }
	.navMain span.navMain-radix { width: 74px; background-position: -257px -74px; }
	.navMain span.navMain-therapy { width: 174px; background-position: -331px -74px; }
	.navMain span.navMain-workshops { width: 122px; background-position: -505px -74px; }
	.navMain span.navMain-events { width: 135px; background-position: -627px -74px; }
	.navMain span.navMain-favorites { width: 112px; background-position: -762px -74px; }
	.navMain span.navMain-contact { width: 106px; background-position: -874px -74px; }





/* 4. CONTENT ELEMENTS ----------------------------------------------------------*/
	
	/* 4.1 HOMEPAGE -----------------------------*/
	
	.titleHomeWelcome { text-indent: -9999px; height: 40px; background: url(../../general/titleHomeWelcome.gif) no-repeat; }
	.titleHomeServices { text-indent: -9999px; height: 40px; background: url(../../general/titleHomeServices.gif) no-repeat; }
	.titleHomeContact { text-indent: -9999px; height: 40px; background: url(../../general/titleHomeContact.gif) no-repeat; }
	.titleHomeTestimonials { text-indent: -9999px; height: 40px; background: url(../../general/titleHomeTestimonials.gif) no-repeat; }
	.photoEllen { float: left; width: 160px; }
	.photoEllen img { margin: 0 0 10px 0; }
	.homeInfo { float: right; width: 425px; }
	.homeContact { float: left; width: 230px; line-height: 2em; }
	.homeContact strong { color: #dd8700; font-size: 1.1em; }
	.homeTestimonials { float: right; width: 360px; }
	.services { margin: 1em 0 1em 2em; padding: 0; list-style: none; }
	.services li { padding-left: 12px; margin: 3px 0; background: url(../../general/arrow.gif) no-repeat left center; }
	.services a { color: #4d3a03; }
	.services a:hover { background-color: #edc762; }
/*	.services span { font-weight: bold; color: #dd8700; } */
  .serviceSelected { font-weight: bold; color: #dd8700; }
	.more { display: block; width: 71px; height: 20px; text-indent: -9999px; overflow: hidden; background: url(../../general/btReadMore.gif) no-repeat; }
	.titleReflectionCorner { text-indent: -9999px; height: 34px; margin-bottom: 0.5em; background: url(../../general/titleReflectionCorner.gif) no-repeat; }
	.titleFreeConsultation { text-indent: -9999px; height: 67px; background: url(../../general/titleFreeConsultation.gif) no-repeat; }
	.reflectionCorner { float: left; width: 210px; }
	.reflectionCorner p { margin: 0.5em 0; font: bold 1.2em "Trebuchet MS", Arial; color: #995c0d; text-align: left; }
	.freeConsultation { float: right; width: 360px; }
	
	
	/* 4.2 FAVORITES ----------------------------*/
	
	.features { margin: 1em 0 1em 2em; padding: 0; list-style: none; }
	.features li { padding-left: 12px; margin: 3px 0; background: url(../../general/arrow.gif) no-repeat left center; }
	.favorites { margin: 1em 0 1em 2em; padding: 0; list-style: none; }
	.favorites li { padding-left: 12px; margin: 3px 0; background: url(../../general/arrow.gif) no-repeat left center; font-size: 1.2em; font-weight: bold; font-style: italic; color: #774e2c; }
	.favorites span { font-size: 0.8em; font-weight: normal; font-style: normal; margin-left: 20px; color: #888888; background-color: #fff6d9; }
	
	
	/* 4.3 RADIX --------------------------------*/
	
	blockquote { background: #f6e8bf url(../../general/quoteEnd.gif) no-repeat bottom; width: 516px; margin: 20px auto; }
	blockquote p { background: url(../../general/quoteBegin.gif) no-repeat; margin: 0; padding: 10px 36px; text-align: center; }
	blockquote span { display: block; text-align: right; font-weight: bold; padding-top: 14px; }







/* 5. FORMS ---------------------------------------------------------------------*/

form { margin: 0; padding: 0; }
form br { clear: left; }
label { display: block; }
.formHolder { width: 430px; margin: 20px auto; }
.formField { width: 260px; padding: 4px 5px; border: 1px solid #ddaf4b; background-color: #fcefcc; margin-bottom: 7px; }
.formSelect { width: 272px; padding: 4px 5px; border: 1px solid #ddaf4b; background-color: #fcefcc; margin-bottom: 7px; }
.formTextarea { width: 410px; height: 120px; padding: 4px 5px; border: 1px solid #ddaf4b; background-color: #fcefcc; margin-bottom: 7px; }
.formButtons { margin: 15px 0; border-top: 1px dotted #cccccc; padding-top: 15px; }

	
/* 5.1 FORMS ERRORS --------------------------------------------------------------*/
span.error { color: red; }
input.error { border: 2px solid red; }
select.error { border: 2px solid red; }
div.error {	color: red; }
div.action-container { position: relative; top: -45px; cursor: pointer; }