/* 

STYLE SHEET FOR www.dandybodycare.com
Created by Caren Young
www.carenyoung.com

Table of Contents

	1. defaults
	2. structure
	3. links and navigation
	4. fonts
	5. images

Notes

*/* *		* *		
   *		 *
  * *		 *
   * 		* *



/* --------- 1. defaults  --------- */

* {
		margin: 0;
		padding: 0;
		}
body {	
		line-height: 1.5em;
		background: #24424c;
		font-size: 62.5%;
		font-family: Arial, sans-serif;
		}
		
/*  --------- 2. structure  --------- */

#wrapper {	
		background: #ffffff;
		padding: 20px;
		width: 700px;
		height: 400px;
		position: absolute;
		top: 50%;
		left: 50%;
		margin-left: -382px;
		margin-top: -150px;
		}
		
#logo {	
		margin-left: -25px;
		margin-top: -115px;
		border: none;
		}
		
#logo img	{
		border: none;
		}

#logo h1	{
		margin-left: -99999px;
		}

#masthead {	
		background: #5092aa;
		font: 1.3em/1 Arial, sans-serif;
		text-color: #24424c;
		text-align: right;
		width: 225px;
		height: 15px;
		padding: 0;
		margin-top: -25px;
		margin-left: 495px;
		}
		
#masthead li {	
		display: inline;
		padding: 0 13px;
		margin-left: -25px;
		}

#masthead a:link, #masthead a:visited {
		text-decoration: none;
		}

#masthead a:hover {
		text-decoration: underline;
		color: #faa61a;
		}

#masthead a:active {
		color: #ffffff;
		}

#masthead a:link {
		color: #24424c;
		}

#masthead a:visted {
		color: #24424c;
		}

#navigation {
		font: 1.5em/1.1 Arial, sans-serif;
		text-color: #ffffff;
		width: 150px;
		height: 441px;
		margin-top: -20px;
		margin-left: -20px;
		background: #5092aa;
		}

#navigation a:link, #navigation a:visited {
		text-decoration: none;
		}

#navigation a:link {
		color: #ffffff;
		}

#navigation a:visted {
		color: #fa691a;
		}

#navigation a:hover {
		color: #faa61a;
		}

#navigation ul {	
		list-style: none;
		}

#navigation li{
		margin-left: -30px;
		text-color: #ffffff;
		}

#navigation form{
		color: #ffffff;
		font-size: .9em;
		}

#content {	color: #244e59;
		font: 1.5em/1.1 Arial, sans-serif;
		width: 550px;
		top: 50%;
		left: 50%;
		margin-top: -425px;
		margin-left: 150px;
		}

#content img { 
		  list-style: inline;
		  padding: 0 10px;
		  margin-top: 10px;
		  margin-left: -5px;
	        border: none;
		}

#content li	{
		display:inline;
		text-decoration: none;
		padding: 0 40px;
		margin-left: -25px;
		}

.h2		{
		margin-top: 40px;
		}

#footer { 	
		background: #5092aa;
		font: 1.3em/1 Arial, sans-serif;
		text-color: #24424c;
		text-align: right;
		width: 225px;
		height: 15px;
		padding: 0;
		margin-left: 495px;
		margin-top: 30px;
		color: #ffffff;
		}

#footer li {	
		display: inline;
		padding: 0 2px;
		}

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

#footer a:hover {
		color: #faa61a;
		text-decoration: underline;
		}

#footer a:active {
		color: #ffffff;
		}

#footer a:link {
		color: #ffffff;
		}

#footer a:visted {
		color: #ffffff;
		}

#footer p	{
		margin-left: -275px;
		}

	/* float-clearing rules */
.separator {
		clear: both;
		}

.separatorInvisible {
		clear: both;
		height: 1px;
		}

.clearFix:after {
    	content: "."; 
    	display: block; 
    	height: 0; 
    	clear: both; 
    	visibility: hidden;
		}