/* 

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

Notes

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


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

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

#wrapper {	
		background: #ffffff;
		padding: 20px;
		width: 700px;
		height: 400px;
		position: absolute;
		top: 50%;
		left: 50%;
		margin-left: -382px;
		margin-top: -150px;
		}
		
/*  --------- wrapper end--------- */


/*  --------- logo start--------- */
#logo {	
		margin-left: -15px;
		margin-top: -115px;
		border: none;
		}
		
#logo img	{
		border: none;
		}

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

/*  --------- logo end--------- */

/*  --------- masthead start--------- */
#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: #ffffff;
		}

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

/*  --------- masthead end--------- */


/*  --------- navigation start--------- */
#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;
		}

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

/*  --------- navigation end--------- */


/*  --------- content start--------- */
#content {	color: #244e59;
		font: 1.3em/1.1 Verdana, Arial, sans-serif;
		text-align: left;
		margin-top: -675px;
		margin-left: 170px;
		}

#content li {
		font: 1em/1 Verdana, Arial, sans-serif;
		text-color: #244e59;
		text-align: left;
		padding: 0;
		list-style: none;
		display: inline;
		}

#content p	{
		font-size:.9em;
		margin-top: -5px;
		}

#content img { list-style: none;
		   border: 0;
		   padding: 0 10px;
		   margin-top: 20px;
		   margin-bottom: 20px;
		   margin-left: 20 px;
		   img-align: left;
	        }

#content h2{
		margin-top: 250px;
		font-size: 2em;
		}

#content h3{
		margin-left: 320px;
		font-size: 1.5em;
		}

#content object{
		margin-left: -20px;
		}

#content form{
		margin-left: 300px;
		}

#content form h3{
		margin-top: -250px;
		margin-left: 0;
		}

#content form h3.price{
		margin-top: -30px;
		margin-left: 0;
		}

/*--------------------------
        itemimage1
--------------------------*/

#itemimage	{
		list-style-type: none;
		}

#itemimage li	{
		float: left;
		margin-right: 54px;
		margin-left: -50px;
		margin-top: -120px;
		padding: 1px;
		padding-bottom: 120px;
		font: Verdana, Arial, sans-serif;
		}

#itemimage img	{
		display: inline;
		margin-left:-10px;
		}

#itemimage p	{
		margin-top: -20px;
		margin-left: -5px;
		font-size: 0.7em;
		text-align: center;}

/*--------------------------
        itemimage2
--------------------------*/

#itemimage2	{
		list-style-type: none;
		}

#itemimage2 li	{
		float: left;
		margin-right: 54px;
		margin-left: -50px;
		margin-top: -120px;
		padding: 1px;
		padding-bottom: 120px;
		font: Verdana, Arial, sans-serif;
		}

#itemimage2 img	{
		display: inline;
		margin-left:-10px;
		}

#lotion	{
		margin-top: 600px;
		margin-left: -5px;
		font-size: 1em;
		}

#itemimage2 p	{
		margin-top: -20px;
		margin-left: -5px;
		font-size: 0.7em;
		text-align: center;}

/*--------------------------
        itemimage3
--------------------------*/

#itemimage3	{
		list-style-type: none;
		}

#itemimage3 li	{
		float: left;
		margin-right: 54px;
		margin-left: -50px;
		margin-top: -120px;
		padding: 1px;
		padding-bottom: 120px;
		font: Verdana, Arial, sans-serif;
		}

#itemimage3 img	{
		display: inline;
		margin-left:-10px;
		}

#butters	{
		margin-top: 1000px;
		margin-left: -5px;
		font-size: 0.7em;
		}

#logo img	{
		border: none;
		}

#form		{
		margin-left: 400px;
		margin-top: -350px;
		font: 1.5em/1 Arial, sans-serif;
		}

#form a 	{
		text-decoration: none;
		}

#form. custom{
		margin-top: -100px;
		}

/*  --------- content end--------- */


/*  --------- footer start--------- */
#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: 750px;
		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;
		}
/*  --------- footer end--------- */


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

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

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