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

#contact-left
{
    float:left;
    width:690px;
    padding-right:10px;
}

#contact-right
{
    float:left;
    width:230px;
    padding-left:10px;
}

.contact-form
{
    background:#EDF2F6;
    padding-top:20px;
    padding-bottom:20px;
}

.contact-form label
{
    display:block;
    color:#333;
    padding-top:5px;
    font-size:100%;
    font-family:"Trebuchet MS",Trebuc8et,Arial;
}

.contact-form-row
{
    width:690px;
    padding-top:4px;
    padding-bottom:4px;
}

.contact-form-left
{
    float:left;
    width:100px;
    text-align:right;
}

.contact-form-right
{
    width:570px;
    float:left;
    padding-left:20px;
    text-align:left;
}

.contact-form-input
{
    width:200px;
    border:1px solid #CACACA;
    height:20px;
    font-size:110%;
    font-family:"Trebuchet MS",Trebuchet,Arial;
    color:#333;
}

.contact-form-textarea
{
    width:400px;
    height:100px;
    border:1px solid #CACACA;
    font-family:"Trebuchet MS",Trebuchet,Arial;
    color:#333;
}

.contact-form-submit
{
    width:153px;
    height:27px;
    background:url(../graphics/contact/submit.jpg) no-repeat;
    border:0;
    cursor:pointer;
}

.contact-details-box
{
    width:180px;
    padding:20px;
    background:#EDF2F6;
}

.contact-details-box-row
{
    width:180px;
    padding-top:5px;
    padding-bottom:10px;
}

.contact-details-box-left
{
    float:left;
    width:25px;
    padding-right:15px;
}

.contact-details-box-right
{
    float:left;
    width:140px;
}

.contact-details-box-right p
{
    font-size:80%;
    color:#0A2972;
    margin:0;
    padding:0;
}