/* CSS Document */

/**

 * Stylesheet

 * @author Matthew Holmes

 * @version 0.1 7 April 2005

 * This stylesheet generates layout and overall look and feel.

 */



/* Generic Selectors */

body {

    margin: 0 0 0 50%;

    background-color: #fff;

}



/* Surrounds the whole html page */

#container {

    position: relative;

    width: 760px;

    margin: 0 0 0 -380px;

}



/* Header contains logo, clouds, submenu */

#header {

    width: 760px;

    height: 278px;

}



#logo {

    position: absolute;

    top: 0px;

    left: 0px;

    width: 254px;

    height: 101px;

}



#clouds {

    position: absolute;

    top: 0px;

    left: 254px;

    width: 506px;

    height: 101px;

    background: url('../frontimages/clouds.jpg') no-repeat;

}



#submenu {

    position: absolute;

    top: 42px;

    left: 380px;

}



#footer {

    position: relative;

    width: 760px;

    margin: 0 0 0 -380px;

}



/* Pseudo Classes */



/* Change this one if you wanting to have different text colour */

/**

 * #000000  = Black

 * #CCCCCC  = Grey

 */

 

p, td {

    font: 11px Arial, Helvetica, sans-serif;

    font-weight: normal;

    color: #9A9A9A;

}



/**

 * Main links

 */

a, a:hover {

    font: 11px Arial, Helvetica, sans-serif;

    font-weight: normal;

    color: #0260A8;

    text-decoration: none;

}



a:hover {

    text-decoration: underline;

}



/**

 * Top bar menu links 

 */

a.submenu, a.submenu:hover {

    font: 11px Arial, Helvetica, sans-serif;

    font-weight: normal;

    color: #fff;

    text-decoration: none;

}



a.submenu:hover {

    text-decoration: underline;

}



/* General Classes */



/* Used in between the Home and Contacts menu */

.submenu-divider {

    font: 11px Arial, Helvetica, sans-serif;

    font-weight: normal;

    color: #11AFF0;

}



#menu {

    position: absolute;

    top: 101px;

    left: 0px;

    width: 254px;

}





#contact_back {

    width: 254px;

    height: 22px;

    background: url('../frontimages/bg-contact.jpg') no-repeat;

}



#slogan-banner {

    position: absolute;

    top: 101px;

    left: 254px;

    width: 489px;

    height: 176px;

    background: url('../frontimages/slogan-banner.jpg') no-repeat;

}



#small-car {

    position: absolute;

    top: 15px;

    left: 137px;

}



#footer-divider {

    position: absolute;

    top: 15px;

    left: 254px;

}



#copyright {

    position: absolute;

    top: 25px;

    left: 275px;

}



.footer_divider {

    font: 11px Arial, Helvetica, sans-serif;

    font-weight: normal;

    color: #0260A8;

}



.copyright_text {

    font: 11px Arial, Helvetica, sans-serif;

    font-weight: normal;

    color: #AEAEAE;

}



/* Change this for each page title if needed */

.title1 {

    font: 15px Arial, Helvetica, sans-serif;

    font-weight: bold;

    color: #AEAEAE;

}



.slogan {

    font: 11px Arial, Helvetica, sans-serif;

    font-weight: normal;

    color: #8CC400;

}



hr {

    border-top: 1px solid #DCDCDC;

}