/* 
    Document   : homepage
    Created on : 23-Feb-2010, 11:05:54
    Author     : matt
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/

root { 
    display: block;
}

.homepage-lotto-ball
{
    float:left;
    width:130px;
    padding-left:10px;
    padding-right:10px;
}
/* STRUCTURE */
#banner-container-home
{
    clear:left;
    float:left;
    width:940px;
    height:319px;
    padding-left:10px;
    padding-right:10px;
    background:url(../graphics/top_bottom_homepage.jpg) no-repeat bottom;
    margin:0;        
}

.banner-container-home-buttons
{
    float:left;
    width:220px;
}

.banner-container-home-content
{
    float:left;
    width:720px;
}

.banner-container-home-banner
{
    width:220px;
    height:75px;
    cursor:pointer;
}

.banner-container-home-button-res
{
    width:220px;
    background:url(../graphics/banner/button-residential-sales.jpg) no-repeat;
    height:75px;
    cursor:pointer;
}

.banner-container-home-button-res:hover
{
    width:220px;
    background:url(../graphics/banner/button-residential-sales-on.jpg) no-repeat;
    height:75px;
}

.banner-container-home-button-commercial
{
    width:220px;
    background:url(../graphics/banner/button-commercial-sales.jpg) no-repeat;
    height:75px;
    cursor:pointer;
}

.banner-container-home-button-commercial:hover
{
    width:220px;
    background:url(../graphics/banner/button-commercial-sales-on.jpg) no-repeat;
    height:75px;
}


.banner-container-home-button-consultancy
{
    width:220px;
    background:url(../graphics/banner/button-bespoke-software.jpg) no-repeat;
    height:75px;
    cursor:pointer;
}

.banner-container-home-button-consultancy:hover
{
    width:220px;
    background:url(../graphics/banner/button-bespoke-software-on.jpg) no-repeat;
    height:75px;
}


.banner-container-home-button-web
{
    width:220px;
    background:url(../graphics/banner/button-web-design.jpg) no-repeat;
    height:75px;
    cursor:pointer;
}

.banner-container-home-button-web:hover
{
    width:220px;
    background:url(../graphics/banner/button-web-design-on.jpg) no-repeat;
    height:75px;
}


/* HOMEPAGE WIDGET FORMATTING */
.homepage-widget-content
{
    padding-left:10px;
    padding-right:10px;
    padding-top:5px;
    padding-bottom:5px;
}

.homepage-widget-title
{
    color:#0A2972;
    font-family:"Trebuchet MS",Trebuchet,Arial;
    font-size:110%;
    padding:0;
    margin:0;
}

.homepage-widget-subtitle
{
    color:#567EB9;
    font-family:"Trebuchet MS",Trebuchet,Arial;
    margin:0;
    padding:0;
}

.homepage-widget-subtitle a:link, .homepage-widget-subtitle a:visited
{
    color:#567EB9;
    text-decoration:none;
}

.homepage-widget-text
{
   color:#333;
   padding-top:5px;
   padding-bottom:5px;
   margin:0;
}

.homepage-widget-text-testimonial
{
    color:#333;
    font-style:italic;
    font-size:95%;
    text-align:center;
}

.homepage-widget-link
{
    text-align:right;
    margin-bottom:0;
    padding-bottom:0;
}

.homepage-widget-link a:link, .homepage-widget-link a:visited
{
    color:#FF7F00;
}

/* LARGE HOMEPAGE BOX (testimonials and personal service) */
.homepage-widget-big
{
    width:340px;
}

.homepage-widget-big-top
{
    width:340px;
    height:6px;
    background:url(../graphics/widgets/testimonial_home_1.jpg) no-repeat;
    font-size:0%;
}

.homepage-widget-big-middle
{
    width:340px;
    background:url(../graphics/widgets/testimonial_home_2.jpg) repeat-y;
    min-height:280px;
}

.homepage-widget-big-bottom
{
    width:340px;
    height:6px;
    background:url(../graphics/widgets/testimonial_home_3.jpg) no-repeat;
    font-size:0%;
}

/* SMALL HOMEPAGE BOX (latest news) */
.homepage-widget-small
{
    width:240px;
}

.homepage-widget-small-top
{
    width:240px;
    height:6px;
    background:url(../graphics/widgets/latest_news_top.jpg) no-repeat;
    font-size:0%;
}

.homepage-widget-small-middle
{
    width:240px;
    background:url(../graphics/widgets/latest_news_middle.jpg) repeat-y;
    min-height:280px;
}

.homepage-widget-small-bottom
{
    width:240px;
    height:6px;
    background:url(../graphics/widgets/latest_news_bottom.jpg) no-repeat;
    font-size:0%;
}

/* ADDITIONAL LANDING PAGE FEATURE BOXES */
homepage-features
{
    width:492px;
}

.homepage-features-top
{
    width:492px;
    height:12px;
    background:url(../graphics/landing-page/features_top.jpg) no-repeat;
    font-size:0%;
}

.homepage-features-mid
{
    width:452px;
    padding-top:5px;
    padding-bottom:5px;
    padding-left:20px;
    padding-right:20px;
    background:url(../graphics/landing-page/features_mid.jpg) repeat-y;
    min-height:110px;
}

.homepage-features-mid p
{
    padding-left:30px;
    background:url(../graphics/landing-page/arrow.jpg) no-repeat center left;
    padding-top:5px;
    padding-bottom:5px;
    margin:0;
}

.homepage-features-bottom
{
    width:492px;
    height:16px;
    background:url(../graphics/landing-page/features_bottom.jpg) no-repeat;
    font-size:0%;
}