html
{
    background: #f3f3f3;
}

body 
{
    color: #444;
    font-family: Arial, Sans-Serif;
    font-size: 62.5%;
    line-height: 1.6;
}

/* Typography */
/* ********** */

h1
{
    color: #fff;
    font-family: "freight-sans-pro",sans-serif;
    font-size: 3em;
}

h2
{
    color: #72b84c;
    font-family: "freight-sans-pro",sans-serif;
    font-size: 2.2em;
    font-weight: 100;
}

h3
{
    font-family: "freight-sans-pro",sans-serif;
    font-size: 2em;
    font-weight: 100;
}

p
{
    font-family: "facitweb",sans-serif;
    font-size: 1.3em;
    margin: 10px 0;
}

a:link
{
    color: #72b84c;
    outline: 0;
    text-decoration: none;
}

a:visited
{
    color: #72b84c;
    outline: 0;
    text-decoration: none;
}


a:hover
{
    color: #72b84c;
    outline: 0;
    text-decoration: underline;
}


a:active
{
    color: #72b84c;
    outline: 0;
    text-decoration: none;
}


.green
{
    color: #72b84c;
}

.red
{
    color: #f30d0d;
}

strong
{
    font-weight: bold;
}

/* Lists */

ul
{
    margin: 10px 0;
}

ul li
{
    font-family: "facitweb",sans-serif;
    font-size: 1.3em;
    list-style-type: square;
    margin: 0 0 0 30px;
}

.home-service ul li
{
    background: url(../i/tick.jpg) no-repeat 0 .4em;
    margin: 0 0 0 10px;
    padding: 0 0 0 20px;
    list-style-type: none;
}

/* Structure */
/* ********* */

#wrapper
{
    background: #fff;
    margin: 0 auto;
    width: 960px;
}

#header
{
    height: 60px;
    padding: 30px;
}
 
#banner
{
    height: 400px;
    width: 960px;
}    

#content
{
    overflow: auto;
    padding: 20px 30px;
}

#more-info-banner
{
    background: #e8f3dd;
    clear: both;
    height: 60px;
    padding: 10px 30px;
}

#footer
{
    padding: 5px 30px 1px 30px;
}
    
/* Header */
/* ****** */

#logo
{
    background: url(../i/logo.jpg) no-repeat;
    float: left;
    height: 57px;
    width: 288px;
}

#logo a:link
{
    
    display: block;
    height: 57px;
    width: 288px;
}

#nav
{
    float: right;
    height: 25px;
    padding: 18px 0 0 0;
    width: 580px;
}

/* Footer */
/* ****** */

#footer p
{
    font-size: 1.1em;
}

/* Navigation */
/* ********** */

#nav
{
    text-align: right;
}

#nav ul
{
    margin: 0;
}

#nav ul li
{
    border-right: solid 1px #d3d6dc;
    display: inline;
    font-family: "pragmatica-web-condensed",sans-serif;
    font-size: 1.7em;
    margin: 0 0 0 10px;
    padding: 0 10px 0 0;
}

#nav ul li#nav_tel
{
    border: none;
    color: #72b84c;
    padding: 0;
}

#nav ul li a:link
{
    color: #8e8e8e;
    text-decoration: none;
}

#nav ul li a:visited
{
    color: #8e8e8e;
    text-decoration: none;
}

#nav ul li a:hover
{
    border-bottom: solid 3px #72b84c;
    color: #8e8e8e;
    text-decoration: none;
}

#nav ul li a:active
{
    color: #8e8e8e;
    text-decoration: none;
}

/* Active */

#body_hom #nav_hom a, #body_abo #nav_abo a, #body_fac #nav_fac a, #body_off #nav_off a, #body_loc #nav_loc a
{
    border-bottom: solid 3px #72b84c;
}


/* Home Page */
/* ********* */

#home-content
{
    padding: 30px;
}

#home-services
{
    height: 380px;
}

.home-service
{
    float: left;
    height: 250px;
    margin: 0 30px 0 0;
    width: 280px;
}

.home-service.last
{
    margin: 0;
}

.home-service ul
{
    margin-top: 15px;
}

.home-service img
{
    margin-top: 10px;
}

.home-service-content
{
    height: 325px;
}

.btn-read-more
{
    height: 32px;
    width: 120px;
}

.btn-read-more a:link
{
    background: url(../i/btnHomeReadMore.jpg) no-repeat;
    display: block;
    height: 32px;
    width: 120px;
}

.btn-read-more a:hover
{
    background-position: 0 -32px;
}

/* More Info Banner */
/* **************** */

#more-info-banner p
{
    margin: 0
}

#info-heading
{
    color: #314466;
    font-weight: bold;
    font-size: 2em;
}

/* About Page */
/* ********** */

#about-benefits
{
    bottom: 0;
    color: #fff;
    height: 100px;
    margin: 0 60px 130px 0;
    padding: 20px;
    position: absolute;
    right: 0;
    width: 240px;
}

#about-benefits h2
{
    color: #fff;
}
#about-benefits ul 
{
    border-bottom: solid 1px #888;
    margin: 10px 0 15px 0;
    padding: 0 0 15px 0;
}


#about-benefits ul li
{
    background: url(../i/tick.png) no-repeat 0 .2em;
    font-weight: 200;
    font-size: 1.4em;
    list-style-type: none;
    margin: 0;
    padding: 0 0 0 1.2em;
}

#about-benefits a
{
    font-weight: 200;
}

#about-benefits a:link
{
    color: #fff;
    text-decoration: none;
}

#about-benefits a:visited
{
    color: #fff;
    text-decoration: none;
}

#about-benefits a:hover
{
    color: #fff;
    text-decoration: underline;
}

#about-benefits a:active
{
    color: #fff;
    text-decoration: none;
}

/* Our Offices */
/* *********** */

#page-heading
{
    background: #72b84c;
    height: 40px;
    padding: 0 30px 10px 30px;
}

#top-content
{
    border-bottom: solid 1px #eee;
    height: 300px;
    padding: 30px;
    position: relative;
}

    #office-banner
    {
        float: left;
        width: 550px;
    }
    
        #office-banner img
        {
            border: solid 1px #ccc;
        }
    
    #gallery
    {
        background: #f5f5f5;
        float: right;
        height: 260px;
        padding: 20px;
        width: 280px;
    }
    
        .gallery-row
        {
            height: 74px;
            margin-bottom: 19px;    
        }
        
        .gallery-row.last
        {
            height: 74px;
            margin-bottom: 0;    
        }    
        
        .gallery-row img
        {
            border: solid 1px #ccc;
            float: left;
            margin: 0 20px 0 0;
        }
        
        .gallery-row img.last
        {
            float: right;
            margin: 0;
        }    
        
#content-left
{
    float: left;
    width: 550px;
}

#content-right
{
    float: right;
    width: 320px;
}

/* Availability Table */

table
{
    border: solid 1px #ccc;
    font-family: "facitweb",sans-serif;
    font-size: 1.3em;
    margin: 0 0 20px 0;
    width: 550px;
}

thead
{
    background: #f1f1f1;
}

td
{
    border: solid 1px #eee;
    padding: 4px 4px 2px 8px;
}

/* Location */
/* ******** */

#map
{
    border: solid 1px #ccc;
}

#map-address
{
    background: url(../i/tp.png) repeat;
    bottom: 0;
    border: solid 1px #ddd;
    height: 112px;
    margin: 0 50px 50px 0;
    padding: 8px 20px 20px 20px;
    position: absolute;
    right: 0;
    width: 260px;
}

#map-address p
{
    color: #72b84c;
    font-family: "freight-sans-pro",sans-serif;
    font-size: 1.8em;
    margin: 0;
}

#map-address ul 
{
    float: left;
    width: 170px;
}

#map-address ul li
{
    list-style-type: none;
    margin: 0;
}

#map-address img
{
    bottom: 0;
    float: right;
    margin: 0 10px 10px 0;
    position: absolute;
    right: 0;
}

#map-link
{
    font-size: 1em;
    float: right;
    margin: 1px 2px 0 0;
}

/* Side Boxes */
/* ********** */

#help-box, #location-box
{
    border: solid 1px #eee;
    margin: 10px 0 30px 0;
    padding: 10px 20px;
}

#help-box h3, #location-box h3
{
    border-bottom: solid 1px #eee;
    font-size: 2.2em;
    padding-bottom: 10px;
}

#help-tel
{
    color: #72b84c;
    font-size: 2.6em;
}

#location-box img
{
    border: solid 1px #eee;
}