html, body
{
    height:         100%;
    margin:         0;
    padding:        0;
}

body
{
    text-align:         center;
    background-color:   #EFEFEF;
    font-family:        Tahoma, Verdana;
    line-height:        1.6em;
    color:              #777;
    font-size:          13px;
}

/* Main Containers */

#header
{
    position:   relative;
    width:      960px;
    font-family:Tahoma,Verdana;
    color:      #5F5F5F;
    text-align: left;
    height:     auto !important;
    margin:     30px auto;
    padding:    15px 25px;
    overflow:   hidden;
    background: url( '../images/content-bottom.png' ) #fff bottom center no-repeat;
}

#content
{
    position:   relative;
    width:      960px;
    font-family:Tahoma,Verdana;
    color:      #5F5F5F;
    text-align: left;
    height:     auto !important;
    margin:     0 auto;
    padding:    30px 25px;
    overflow:   hidden;
    background: url( '../images/content-bottom.png' ) #fff bottom center  no-repeat;
}

/* Header */

#logo
{
    float:      left;
    margin:     5px;
}

#top-links
{
    float:          left;
    width:          500px;
    margin:         8px 0 0 80px;
    font-size:      16px;
    line-height:    1.8em;
}

    #top-links .col
    {
        width:      250px;
        float:      left;
    }

    #top-links a
    {
        clear:      both;
        display:    block;
    }

#top-right
{
    float:          right;
    margin:         5px 20px 5px 0;
}

/* Footer */

#footer
{
    color: #333;
    overflow: auto;
    margin: 10px 0 20px 0;
}

/* Links */

a:link      { color: #61A3E3; text-decoration:underline; }
a:visited   { color: #61A3E3; text-decoration:underline; }
a:hover     { color: #A4BBD1; text-decoration:underline; }
a:active    { color: #A4BBD1; text-decoration:underline; }

.bold       { font-weight: bold; }

/* Headings */

h2          { color: #909090; }
h3          { color: #61A3E3; }

/* Image */

.img-border { border: 5px solid #efefef; }

/* Paragraph classes */

.sub-heading
{
    color:      #61A3E3;
    font-size:  14px;
}

/* Body Containers */

.main-left
{
    float: left;
    text-align: justify;
    width: 360px;
    
}

.main-center
{
    float: left;
    width: 350px;
    text-align: center;
    margin: 0 25px;
}

.main-right
{
    float:      left;
    width:      187px;
    text-align: center;
}

.content-wide
{
    float: left;
    text-align: justify;
    width: 730px;
}

.content-thin-right
{
    float:      right;
    width:      190px;
    text-align: center;
}

.main-right-wide
{
    float: left;
    width: 540px;
    margin-left: 50px;
}

#browse-left
{
    float: left;
    text-align: justify;
    width: 720px;
}

#browse-right
{
    float:      right;
    width:      220px;
    text-align: left;
}

/* Adverts */
.left-advert
{
    clear: both;
    display: block;
    text-align: center;
    margin-bottom: 15px;
}

/* Misc. */

/* Main Page: Local Hire Sizes */

.hire4  { font-size: 1.4em; }
.hire3  { font-size: 1.2em; }
.hire2  { font-size: 1.0em; }
.hire1  { font-size: 0.8em; }

/* Option List Dropdown */

#optionList
{
    text-align: center;
    margin:     5px 0 20px 0;
}

/* Listing */

.label
{
    clear: left;
    float: left;
    font-weight: bold;
    width: 120px;
    margin: 10px 0;
}

.details
{
    float: left;
    width: 220px;
    margin: 10px
}

#testimonials
{
    clear: both;
    padding-top: 30px;
}

    label
    {
        float: left;
        display: block;
        width: 150px;
        text-align: left;
        font-weight: bold;
    }

    .field
    {
        display: block;
        clear: both;
        margin-bottom: 5px;
    }

    .input
    {
        width: 220px;
    }

#boxes
{
    list-style: none;
}

    #boxes li
    {
        clear: both;
        display: block;
        margin-left: 0;
        padding: 8px;
        height: 98px;
        width: 720px;
        line-height: 1.4em;
    }

    #boxes li.featured
    {
        background: url( '/images/featured-listing.jpg' ) no-repeat;
    }

    #boxes li a
    {
        font-size: 16px;
    }

    #boxes li div
    {
        padding-top: 3px;
    }