@charset "UTF-8";
/* CSS Document */

/* pink #d77e9a  purple #b685a3  gray #77787d  red #9c233f  peach #fff1e6 */

body, html {font-family: Arial, Helvetica, sans-serif}

a:link {color: #b685a3;	text-decoration: none;}
a:visited {color: #b685a3; text-decoration: none;}
a:hover {color: #77787d; text-decoration: underline;}

#wrapper {margin: auto; width: 1024px; padding: 0; z-index:1; position:relative; text-align: center; /* for IE */}


/* header divs */
#signup {margin: auto; height: 65px; width: 1024px; background-image: url(images/header1.jpg); background-repeat:no-repeat;}
#signup_container {margin: auto; width: 900px;}
.signup {margin-top: 5px; color: #d77e9a; font-family: Arial, Helvetica, sans-serif; font-size: 9pt; font-style: bold; float:right;}

#skybar {margin: auto; height: 64px; width: 1024px; position: relative; }

#header {margin: auto; height: 158px; width: 1024px; position: relative; background-image:url(images/leafheart_banner.jpg); background-repeat:no-repeat; background-position: center; }

#header_container {margin: auto; width: 900px; height: 158px;}

#logo {margin: 60px 0 0 650px; width: 286px; height: 263px; z-index:20001; position: absolute;}

#PNG {margin: 0; position:absolute; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='image.png', sizingMethod='scale');}

#nav {margin: auto; height: 35px; width: 900px; position: relative; z-index: 20000;}
.navtext {margin-top: 8px; font-family: Arial, Helvetica, sans-serif; font-size: 9pt; font-weight: bolder; float:left;}
 .navtext a:link {color: #ffffff; text-decoration:none;}
 .navtext a:visited {color: #ffffff; text-decoration:none;}
 .navtext a:hover {color: #d77e9a; text-decoration:underline;}

#nav_bottom {border-bottom: dotted 1px;}

#container {margin-left: auto; margin-right: auto; padding: 0; width: 1024px; background-color:#fff1e6; z-index: -1; background-image:url(images/leafheart_footer.jpg); background-position: bottom; background-repeat: no-repeat; height: 600px; min-height: 570px;}

* html #container {height:100%; /* Because IE6 is dumb. */} 

#container2 {margin-left: auto; margin-right: auto; padding: 0; width: 1024px; height: 800px; position: relative; background-color:#fff1e6; z-index: -25; background-image:url(images/leafheart_footer.jpg); background-position: bottom; background-repeat: no-repeat;}

#containerLong {margin-left: auto; margin-right: auto; padding: 0; width: 1024px; height: 1575px; position: relative; background-color:#fff1e6; z-index: -25; background-image:url(images/leafheart_footer.jpg); background-position: bottom; background-repeat: no-repeat;}

#containerLong1800 {margin-left: auto; margin-right: auto; padding: 0; width: 1024px; height: 3800px; position: relative; background-color:#fff1e6; z-index: -25; background-image:url(images/leafheart_footer.jpg); background-position: bottom; background-repeat: no-repeat;}

#main_Container {margin: auto; width: 900px;}

* html #main_Container {height:100%; /* Because IE6 is dumb. */} 

#right {margin: auto; margin-top: 75px; width: 370px; float: right; z-index:4; clear: both;}

#rightSkinny {margin: auto; margin-top: 75px; width: 300px; float: right; z-index:4; clear: both;}

#left {width: 500px; height: 600px; float: left; margin-top: 0;}

#leftWide {width: 600px; height: 575px; float: left; margin-top: 0;}

#purchase {width: 550px; height: 240px; float: left; margin-top: 0;}

#purchaseLong {width: 550px; height: 495px; float: left; margin-top: 0;}


#leftWideLong {width: 600px; height: 1505px; float: left; margin-top: 0;}

#leftWideLong1800 {width: 600px; height: 3800px; float: left; margin-top: 0;}




.body {font: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: normal; margin-bottom: 10px; line-height: 20px; color: #000000; width: 550px;}

.bodyHome {font: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: normal; margin-bottom: 10px; line-height: 20px; color: #000000; width: 500px;}

.body2 {font: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: normal; margin-bottom: 25px; line-height: 20px; color: #77787d; width: 550px;}

.body3 {font: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: normal; line-height: 20px; color: #000000; width: 550px; position: relative; margin-top: 10px;}

.bodySkinny {font: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: normal; line-height: 20px; color: #000000; width: 370px; margin-top: 10px;}

.bodySkinny2 {font: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: normal; line-height: 20px; color: #000000; width: 270px; margin-top: 10px;}

.bodySkinny2Gray {font: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: normal; line-height: 20px; color: #77787d; width: 270px; margin-top: 10px;}


.homeBlurb {font: Arial, Helvetica, sans-serif; font-size:14px; font-weight: bold; color: #77787D; line-height: 18px;}

.homeBlurb ul li {list-style: disc; padding-bottom: 10px; margin-left: 0px;}

.BlurbBig {font: Arial, Helvetica, sans-serif; font-size:16px; font-weight: bold; color: #b685a3; line-height: 20px;}

.H1 {font: Arial, Helvetica, sans-serif; font-size:17px; font-weight: bold; color: #77787D; line-height: 22px; }

.H2 {font: Arial, Helvetica, sans-serif; font-size:22px; font-weight: bold; color: #d77e9a; line-height: 26px;}


.skybar {font: Arial, Helvetica, sans-serif; font-size:15px; font-weight: bold; color: #ffffff; line-height: 18px; padding-top: 5px; margin-left: 70px;}


/* Slideshow Divs */
#show {margin: auto; width: 500px;}
.show_text {font-family: Arial, Helvetica, sans-serif; margin-top: -50px; z-index: 2200;}

#show div.slideshow {left: 0px; top: 0px;}

#show div.slideshow div.shadow {
    background: url(../css/slideshow-shadow.png);
    height: 350px;
    left: 0;
    position: absolute;
    top: 0;
    width: 500px;
    z-index: 1000;
  }
#show div.slideshow ul {
    bottom: 0;
    overflow: hidden;
    padding-top: 0px;/* 10px when usig */
    position: relative;
    left: -10px;
	margin-top: -100px;
    z-index: 1001;
  }
  #show div.slideshow ul a {
	background: url(../css/slideshow-ul-a.png);
    cursor: pointer;
    display: block;
    height: 0px;/* 80px when using */
    padding: 2px;
    position: relative;
    top: 0px;/* 100px when using */
    width: 100px;
  }
  
  #show div.slideshow ul a:hover {
    top: -10px !important;
  }
  #show div.slideshow ul img {
   border: 0;
    padding: 2px 2px 6px 2px;
  }
  

  #show div.slideshow ul li {
   float: left;
   list-style: none;
   margin-right: 6px;
  }
  #show div.slideshow ul li.a img { background-color: #D77E9A;}
  #show div.slideshow ul li.b img { background-color: #D77E9A;}
  #show div.slideshow ul li.c img { background-color: #D77E9A;}
  #show div.slideshow ul li.d img { background-color: #D77E9A;}
  #show div.slideshow ul li.e img { background-color: #D77E9A;}

.action {font: Arial, Helvetica, sans-serif; font-size:16px; font-weight: bold; color: #77787D; margin: auto; margin: 325px 0 10px 0px; line-height: 22px; width: 200px; z-index:100;}


/* END Slideshow Divs */



/* footer divs */

#footer_wrapper {margin: auto; padding: 0; background-color: #9c233f; min-height: 180px; border-top: 1px dotted; width: 1024px;}
#footer_container {margin: auto; padding: 0; width: 900px;}
#footer_home_message {margin: 0; padding: 0;}
#footer_home_message_inside {margin: auto; padding: 15px 50px 0 50px; text-align: center; line-height: 20px; font-size: 75%; font-family: Arial, Helvetica, sans-serif; font: normal; color: #FFFFFF;}
#footer_quote {margin: auto; padding: 75px 0 0 0; width: 1000px;}
#footer_links {margin: auto; padding: 0;}
#footer_copyright {margin: auto; padding: 0; width: 600px; text-align: center; font-size: 10px; color: #FFFFFF;}
#footer_copyright a, hover, visited, active {color: #FFFFFF;}
#light {margin: auto; padding: 20px 0 0 0; font-size: 1px; color: #f7f5ea; height: 10px; width: 900px;}
#light a, hover, visited, active {font-size: 1px; color: #FFFFFF;} .nav {font-family: Arial, Helvetica, sans-serif; font-size: 12px; padding-top:180px; font-weight: bold;}
 .footer_links a:link{color: #ffffff; text-decoration:none;}
 .footer_links a:visited{color: #ffffff; text-decoration:none;}
 .footer_links a:hover{color: #d77e9a; text-decoration:underline;}