/* 
    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;
}

#services-left
{
    float:left;
    width:700px;
    padding-right:30px;
}

#services-right
{
    float:left;
    width:200px;
    padding-left:10px;
}

.services-case-study-box
{
    width:191px;
    padding-top:10px;
}

.services-case-study-box-header
{
    background:url(../graphics/services/case_study_holder.jpg) no-repeat;
    width:191px;
    height:35px;
}

.services-case-study-box-content
{
    width:189px;
    border-left:1px solid #CACACA;
}

.services-case-study-box-content p
{
    margin:0;
    padding-top:10px;
    padding-left:10px;
    padding-right:10px;
    padding-bottom:10px;
    font-family:"Trebuchet MS",Trebuchet,Arial;
    background:url(../graphics/services/case_study_divider.jpg) no-repeat bottom #f5f5f5;
}

.services-case-study-box-content p a:link, .services-case-study-box-content p a:visited
{
    color:#567EB9;
    text-decoration:none;
}

.services-case-study-box-content p a:hover
{
    color:#ff7f00;
    text-decoration:none;
}



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

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

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

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

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

.services-widget-top
{
    width:191px;
    height:8px;
    background:url(../graphics/services/services_widget_top.jpg) no-repeat;
    font-size:0%;
}

.services-widget-middle
{
    width:191px;
    background:url(../graphics/services/services_widget_middle.jpg) repeat-y;
}

.services-widget-bottom
{
    width:191px;
    height:7px;
    background:url(../graphics/services/services_widget_bottom.jpg) no-repeat;
    font-size:0%;
}


/* ADDITIONAL SERVICES PAGE FEATURE BOXES (As Landing Page)*/
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%;
}