/* 
    Document   : home.css
    Author     : david.rosser
    Description:
        Define home specific styles here.
*/

/* =Home carousel
-------------------------------------------------------------- */  
div.container div.home div.carousel div.controls{
    position: relative;
}

div.container div.home div.carousel div.controls ul{
    list-style: none;
    padding-left: 0;
}

div.container div.home div.carousel div.controls ul li{ 
    float: left;
    padding-right: 5px;
}

div.container div.home div.carousel div.controls ul li a{ 
    background: url(points.png) no-repeat;
    display: inline-block;
    width: 15px;
    height: 14px;
}

div.container div.home div.carousel div.controls ul li a:hover,
div.container div.home div.carousel div.controls ul li a.active{
    background-position: 0 -14px;
}

div#home-carousel{
	margin-top: 10px;
    position: absolute;
    height: 200px;
    z-index: -1;
}

div#home-carousel div.carousel-container{
    width: 957px;
}

div#home-carousel div.carousel-container div.carousel{
    height: 200px;
    overflow: hidden;
    position: relative;
}

div#home-carousel div.carousel-container div.carousel ul{
    list-style: none;
    margin: 0;
    padding-left: 0;
    position: absolute;
    width: 50000px;
}

div#home-carousel div.carousel-container div.carousel ul li{
    float: left;
}


/* =A Feature
-------------------------------------------------------------- */  


/* =A Feature Carousel
-------------------------------------------------------------- */
/* 
This A Feature should be used for the large background carousel
*/
div.container div.a-feature.home.carousel{
    height: 200px;
    position: relative;
}

div.container div.a-feature.home.carousel div.carousel-content{
    position: absolute;
    top: 10px;
    right: 0;
    width: 298px;
}

div.container div.a-feature.home.carousel div.carousel-content div.titles{
    margin-bottom: 20px;
    width: 298px;
    height: 150px;
}

div.container div.a-feature.home.carousel div.carousel-content div.titles div.title.hidden{
    display: none;
}

div.container div.a-feature.home.carousel div.carousel-content div.titles div.title h1{
    font-size: 18px;
    margin: 5px;
	padding: 0;
}

div.container div.a-feature.home.carousel div.carousel-content div.titles div.title h2{
    font-size: 14px;
    margin: 20px 0 0 0;
	padding: 0;
}