﻿/**********************************/
/*Full width Features / Promo section */
/**********************************/
#divTopPromo
{
    height: 311px; 
    border-top: solid 1px #444444;
    float: left;
}

#divTopPromoInner
{
    width: 948px;
    height: 311px;
}

 #featureContentArea
 {
     height: 292px;
     width: 948px;
 }
 
 #slidesContainer
 {
    display: block;
    float: left;
    width: 930px;
    height: 295px;
    overflow: hidden;   
 }

#featureNavBar
{
    height: 18px;
    background-image: url('../images/navBarBG.jpg');
    background-repeat: repeat-x;
    text-align: center;
    white-space: nowrap;
    padding: 0px;
    margin: 0px;
    width: 948px;
    float: left;
    clear: both;
    margin-left: 5px;
}

#featureNavControls
{
    display: inline;
    position: relative;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0px;
    margin-bottom: 0px; 
    text-align: center;  
    padding: 0;
}

#buttons
{
    display: inline;
    white-space:nowrap;
    text-align: center;
    list-style-type:none;
    padding: 0;
    top: 0px;
    margin-left: auto;
    margin-right: auto;
    height: 17px;
    width: 100%;
}

#buttons li
{
    text-align: center;
    height: 17px;
    width: 24px;   
    background-image: url('../images/navItem.jpg');
    display: inline-block;
    top: 0;
    padding: 0;
}    

#buttons li a
{
    text-decoration: none;
    font-weight: bold;
}                

#buttons li.active
{
    text-align: center;
    height: 17px;
    width: 24px;
    background-image: url('../images/navItemSelected.jpg');
    display: inline-block;
    top: 0;
    padding: 0;
}

.navButtonImage
{
    display: none;
    position: absolute;
    top: 0;
    /* float: left; */
    width: 16px; 
    height: 19px; 
    clear: none; 
}                    


/**********************************/
/*Models Section*/
/**********************************/
#divModelsAndStory
{
    height: 289px; 
    width:100%; 
    border-top: solid 1px #444444;
}

#divModels
{
    background-color: black; margin: 0; width: 603px; float: left; 
}

#divModelGuitars
{
    width: 100%; height: 100%;
}

#divStory
{
    float: right; width: 346px; height: 100%; background-color: black; border-left: solid 1px #444444;
}

#storyImg
{
    text-align: center; padding-top: 10px;
}


/**********************************/
/*News Section & Video*/
/**********************************/
#divNewsAndVideo
{
    height: 284px; 
    width: 100%; 
    border-top: solid 1px #444444
}

#divNews
{
    float:left; 
    width:603px; 
    height:100%; 
    background-color:black; 
    display:block;
}

#newsHeader
{
    float:left; width:230px;
}

#newsItemsContainer
{
    float:right; width:325px; padding-right:10px;padding-top:18px;
}

#divVideos{
    float: right; 
    width: 346px; 
    height: 100%; 
    background-color: black; 
    border-left: solid 1px #444444;
}

#videoFeaturedContainer
{
    margin: 0px; padding: 0 10px 3px 50px;
}

#spanRating
{
    float:left;font-size:10px;color:#dddddd;
}

#spanTime
{
    font-size:10px;color:#dddddd;
}

/**********************************/
/*Photos Section*/
/**********************************/
#divPhotos
{
    width: 100%; 
    background-color: black; 
    border-top: solid 1px #444444; 
    margin: 0px; 
    padding-top: 10px; 
    padding-bottom: 10px;
}


/**********************************/
/*Banner & Footer Section*/
/**********************************/
#divBanner
{
    width: 100%; 
    background-color: black; 
    border-top: solid 1px #444444; 
    text-align:center; 
    margin: 0px; 
    padding-top: 10px; 
    padding-bottom: 10px;
}

#divFooter
{
    border-top: solid 1px #444444;
}