@charset "utf-8";
body  {
	margin: 0;
	padding: 0;
	text-align: center;
	color:#000;
	background-color: #bad5db;
	font-family: Arial,Geneva, Verdana,  Helvetica, sans-serif;
	font-size: 100%;
	line-height: 1.125em; /* 16x1.125=18 */
	background-image:url(images/body_bg.gif);
	height: auto;
	}

 #container {
	 position:relative;
	width: 900px;  
	height:auto;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: left; /* overrides the text-align: center on the body element. */
	padding: 0px;
	background-color:#fff;
	border: 1px solid black;
	}
	
div, h1, h2,h3, p, ul, li, label, form, input, img, span{
	margin:0; padding:0;
}

ul{	list-style-type:none;}

.spacer{
	clear:both; 
	font-size:0; 
	line-height:0;
	}	
	
#header {
	background-image: url(images/header.gif) ;
	background-repeat: no-repeat;
	height: 100px;
	width:900px;
	overflow: hidden;
	}	

#copy {
	width: 650px;
	height: auto;
	}
#hometable {
	color: #6d5549;
	font-size: 1.3em;
	line-height: 1.3em;
	padding: 0px 75px 25px 25px;}

#paypal { 
	font-size: .9em;
	padding: 10px 45px 40px 40px;}

.lastp {display: block;}

.name {	margin-left: 300px;	}

/* --- IMAGES img --- */
.right-img {padding: 45px 0 0 25px;	}
	
	/* --- Navigation -----*/	
#nav{
	width:900px;
	height:35px;
	background:url(images/nav-bar.gif) 0 0 repeat-x;
	}
	
#nav ul{	
	width:870px;
	height: auto;
	left:0px;
	top:0px;
	padding:0px 0px 0px 27px;
	_padding-left: 21px;
		
}
#nav ul li{
	background:url(images/nav/nav_div.gif) left top no-repeat;
	height:35px;
	float:left;
	padding:0  0 0 1px;
	display: inline;
}
#nav ul li a{
	display:block;
	padding:0 19px;
	font:bold 14px/35px Arial, Helvetica, sans-serif;
	color:#fff;
	text-decoration:none;
	}
	
#nav ul li a:hover{
	color:#bad5db;
	background-color:inherit;
	}
	
#nav ul li a.hover{
	display:block;
	padding:0 40px;
	font:bold 14px/35px Arial, Helvetica, sans-serif;
	text-decoration:none;
	cursor:text;
	}
	
#nav ul li.last{
	background:url(images/nav/nav_div.gif) left top no-repeat;
	padding: 0 0 0 1px;
	height:30px;
	display:inline;
	width: 00px;
	}
#nav ul li.last2{
	background:url(images/nav/nav_div.gif) left top no-repeat;
	padding: 0 0 0 1px;
	height:30px;
	display:inline;
	width: 1px;
	}


.home #nav ul li.home a{color:#bad5db;}

.my-story #nav ul li.my-story a{color:#bad5db;}

.your-reading #nav ul li.your-reading a{color:#bad5db;}

.readings #nav ul li.readings a{color:#bad5db;}

.FAQ #nav ul li.FAQ a{color:#bad5db;}

.testimonials #nav ul li.testimonials a{color:#bad5db;}

.press #nav ul li.press a{color:#bad5db;}

.contact #nav ul li.contact a{color:#bad5db;}

/* ----- End Navigation ---*/


/* -- LINKS -- */

 a:link { color:#6D554A; }
 a:visited {color: #000; }
 a:hover { color: #bad5db; }
#footer a:link { color:#000; }
#footer a:visited {color: #000; }
#footer a:hover { color: #fff; }
 
/* -- hacks and work arounds */

#clear { clear: both;
		 display:block;}

/* paragraphs p tags */
#copy p{	padding: 10px 45px 5px 40px;} 

#footer p { padding: 	5px;}

/* ---- LI UL OL ordered lists and unordered lists -- */
#copy ul {	padding: 10px 20px;}

#copy li {	list-style-type: circle;}

#homelist {
	padding: 0px 30px 0px 0px;
	margin-left: 55px;
	}

#homelist li {
	list-style-image: url(images/brown-bullet.gif);
	list-style-position: outside;
	padding-top: 5px;
	}		

#copy #faq-list li {
	list-style-type: decimal;
	margin-left: 50px;
	}

/* --- h tags headings heading -- */

h1, h2, h3, h4, h5 {
	padding: 30px 20px 0px 40px;	
	margin: 0;
	}

h2 {	padding-top: 20px;	}

h1 {    
	font-size:22px;
    line-height: 24px;
	}
	
.heading1 { color: #cddaa5; }

h2, .heading2  {    
    line-height: 18px;
	font-size:20px;
	}

h3, .heading3 {    
    line-height: 16px;
	font-size:14px;
	}

/*----- Footer ---*/
 #footer {
	width: 900px;
	height: 35px;
	background-image:url(images/footer.gif);
	}

/*-------- eliminate link or image outlines -----*/
:link img {  border: none;}

img {border: none;}

a {outline: none;}

/*----------- typography ----------------*/

#copy p, #copy li  {
	font-size: .9em;
	line-height: 1.4em;
}

#footer{font-size: .65em;
		line-height: 1.2em;
		color: #000;
		}

/*--------------media----------*/
.floatleft { 
			width: 650px;
			height:auto;
			margin: 0px 0 40px 0;}
			
.floatright { 
			width: 650px;
			height:auto;
			margin-top: 40px;
			clear:both;}

.floatright p, .floatleft p { padding: 30px 85px 30px 50px;}
.toppara p{padding: 0 30px 30px 30px;}
.imageleft {float:left;}
.imageleft{	margin: 30px 30px 0 50px;
                            }
.imageright {	margin: 30px 85px 0 30px;
                            }
.imagetop{ float:left;
		margin: 0px 30px 0 50px;	}
		
		
/* rounded corner boxes services -- */
