/* General
-------------------------*/

#content {
   position: relative;
}

br.pagebreak { clear: both; }

/* Advertisements
--------------------------*/

#main-ads {
   position: absolute;
   top: 0;
   left: 0;
   margin-right: 10px;
}

#secondary-ads {
   margin: 0 0 0 auto;
}

/* Front Page Slideshow
-----------------------------*/

#product-showcase {
   width: 690px;
   position: relative;
   padding: 0;
   left: 260px;
}

.showcase-slide {
   width: 690px;
   height: 250px;
   color: white;
}

#product-showcase .showcase-slide a {
   color: white;
}

#product-showcase .showcase-slide h1,
#product-showcase .showcase-slide h2 {
   position: absolute;
   color: white;
   font-weight: bold;
}

#product-showcase .showcase-slide .description {
   position: absolute;
}

/* WELCOME SLIDE */
#welcome-slide {
   background: #FFA31F url('welcome-feature.jpg') no-repeat top left;
   position: relative;
}

#welcome-slide h1 {
   line-height: 250px;
   text-align: center;
   vertical-align: center;
   font-size: 5em;
   display: block;
   width: 690px;
}

#welcome-slide p {
   vertical-align: center;
   width: 690px;
   text-align: center;
   position: absolute;
   top: 175px;
   font-size: 1.2em;

}

/* CITRUS SLIDE */
#citrus-slide {
   background: #FFA31F url('citrus-feature.jpg') no-repeat top left;
   position: relative;
}

#citrus-slide h1 {
   left: 20px;
   top: 20px;
   font-size: 30px;
}

#citrus-slide h2 {
   left: 22px;
   top: 56px;
   font-size: 20px;
}

#citrus-slide p {
   font-size: 1.3em;
}

#citrus-slide .description {
   left: 50px;
   width: 420px;
   height: 50px;
   top: 100px;
}

/* WAG SLIDE */
#wag-slide {
   position: relative;
   background: #0094FF url('wag-feature.jpg') no-repeat top left;
}

#wag-slide h1 {
   top: 30px;
   left: 30px;
   font-size: 35px;
}

#wag-slide h2 {
   top: 80px;
   left: 70px;
   font-size: 20px;
}

#wag-slide .description {
   font-size: 1.2em;
   top: 120px;
   left: 70px;
   width: 400px;
}

/* Araneae Slide */
#araneae-slide {
   background: #B6FF00 url('araneae-feature.jpg') no-repeat top left;
   position: relative;
}

#araneae-slide h1 {
   top: 30px;
   left: 30px;
   font-size: 40px;
}

#araneae-slide h2 {
   top: 70px;
   left: 30px;
   font-size: 20px;
}

#araneae-slide p {
   font-size: 18px;
   margin: 0;
}

#araneae-slide .description {
   top: 60px;
   right: 30px;
   width: 360px;
}

#araneae-slide p.learn-more {
   text-align: right;
}

/* Slide Navigation */
ul#slide-nav {
   position: absolute;
   top: 5px;
   right: 0;
   margin: 0;
   padding: 0;
   z-index: 100;
   list-style: none;
}

ul#slide-nav li {
   display: inline;
   padding-right: 5px;
}

ul#slide-nav a {
   text-decoration: none;
   color: #FFD1A4;
}

ul#slide-nav a:hover {
   color: white;
}

ul#slide-nav li.nav-element a {
   font-size: 1.4em;
}

ul#slide-nav li.nav-element a.activeSlide {
   color: white;
}

/* Front Page Features
--------------------------*/

#features {
   margin-top: 30px;
   border-top: 1px solid #FFDAA3;
   padding-top: 30px;
}

.feature {
   display: block;
   width: 300px;
}

#content .feature h2 {
   font-size: 1.2em;
   font-weight: bold;
}

#news-feature { float: left; margin-right: 25px; }
#products-feature { float: left; margin-right: 25px; }
#sponsor-feature { float: right; }

/* Product List */
ul#product-list {
   margin: 0;
   padding: 0;
   list-style: none;
}

ul#product-list li h3 {
   font-weight: bold;
   font-size: 1em;
   color: #FFA31F;
   margin: 0;
}

ul#product-list li h3 a {
   color: #FFA31F;
   text-decoration: none;
}

ul#product-list li h3 a:hover {
   text-decoration: underline;
}

ul#product-list li {
   padding-left: 45px;
}

#product-list li {
   background-repeat: no-repeat;
   background-position: top left;
   min-height: 32px;
   margin-bottom: 2em;
}

#product-list li.citrus-alarm-clock {
   background-image: url('citrus-icon.png');
}

#product-list li.web-album-generator {
   background-image: url('wag-icon.png');
}

#product-list li.araneae {
   background-image: url('araneae-icon.png');
}

/* News Feature */
#news-feature dt {
   margin-bottom: 1em;
   color: #FFA31F;
}

#news-feature dd {
   margin-left: 0;
   padding-left: 1em;
}