*
{
    padding:0;
    margin: 0;
}


body
{
    font-family: Arial, Helvetica, sans-serif;
    font-size:0.8em;
}



/* text classes */
p
{
    margin-bottom: 15px;
    line-height:140%;
}

.required /* contact us page required text */
{
    color: red;
}

.attention
{
    padding: 10px 0;
    border-top: 2px solid #000099;
    border-bottom: 2px solid #000099;
    font-size:115%;
}

.contactfield /* changes form text to sans-serif*/
{
    font-family: Arial, Helvetica, sans-serif;
}

.dropdown
{
    width:120px;
}

.contactfield
{
    padding:1px;
}

.intro
{
    font-size:1.5em;
    color:#CCC;
}

h1,h2
{
    border-top: 1px solid #CCC;
    padding-top:10px;
    color:#333;
    margin: 0px 0 10px 0;
    font-weight:normal;
    font-size: 2.2em;
}

h3
{
    font-size: 1.3em;
}

#header h1 /* keeps header of page hidden unless stylesheets are disabled */
{
    display:none; 
}

.navlink /* text style for navigation bar */
{
    font-size:1em;
    color:#FFF;
    text-decoration:none;
}


/* layout divs */
#container
{
    width:1000px;
    margin: 0 auto 0 auto;
    height:auto;
    border:1px solid #CCC;  
}

#header
{
    width:1000px;
    height:160px;
    overflow:hidden;
    background: url(../images/header.jpg) no-repeat center;
    margin:0 auto 0 auto;
}

#nav
{
    width:1000px;
    margin: 0 auto 0 auto;
    height:20px;
    padding:0;
}

#uspimage /* container div for main image underneath navigation */
{
    width:1000px;
    height:210px;
    margin:0 auto 0 auto;
}

#content /* container div for left and right columns */
{
    width:970px;
    height:auto;
    margin:0px auto 20px auto;
    border-top:1px solid #CCC;
}

#contenttext /* left column */
{
    width:475px;
    height:auto;
    float:left;
    margin: 0 0 0 0px;
}

#images /* right column */
{
    border-top: 1px solid #ccc;
    padding-top:15px;
    width:475px;
    height:auto;
    float:left;
    margin: 0 0px 0 20px;
    display:inline;
}

#homeimages /* right column for home page*/
{
    width:475px;
    height:auto;
    float:left;
    margin: 0 0px 0 20px;
    display:inline;
}

#clear
{
    width:1000px;
    display:block;
    height:1px;
    clear:both;
}

#footer
{
    width:1000px;
    margin:10px auto 0 auto;
}



/* image classes */

.serviceimage /* index page image */
{
    background: url(../images/mainimage.jpg) no-repeat center;
}

.aboutimage /* about page image */
{
    background: url(../images/aboutusimage.jpg) no-repeat center;
}

.motimage /* mot page image */
{
    background: url(../images/motimage.jpg) no-repeat center;
}

.servicingimage /* servicing page image */
{
    background: url(../images/servicingimage.jpg) no-repeat center;
}

.fleetimage /*fleet page image*/
{
    background: url(../images/fleetimage.jpg) no-repeat center;
}

.conditioningimage /* air conditioning page image */
{
    background: url(../images/conditioningimage.jpg) no-repeat center;
}

.diagnosticsimage /* diagnostics page image */
{
    background: url(../images/diagnosticsimage.jpg) no-repeat center;
}

.bodyshopimage /* bodyshop page image */
{
    background: url(../images/bodyshopimage.jpg) no-repeat center;
}

.goodgarageimage /* good garage page image */
{
    background: url(../images/goodgarageimage.jpg) no-repeat center;
}

.findusimage /* find us page image */
{
    background: url(../images/findusimage.jpg) no-repeat center;
}

.contactimage /* contact page image */
{
    background: url(../images/contactimage.jpg) no-repeat center;
}

.ourservicesimage /* our services page image */
{
    background: url(../images/ourservicesimage.jpg) no-repeat center;
}

.recoveryimage /* our services page image */
{
    background: url(../images/recoveryimage.jpg) no-repeat center;
}


/* list styles */
ul
{
    width:900px;
    margin:0 auto 0 auto;
    padding:0 0 0 2px;
}

li /* list style for navigation bar */
{
    background:url(../images/tab.gif) no-repeat center;
    display:block;
    float:left;
    width:88px;
    height:20px;
    margin-right:2px;
    text-align:center;
}

#content ul
{
    width:400px;
    margin:-8px 0 25px 0;
}

#content li /* list style for content */
{
    background:url(../images/listbg.jpg) no-repeat;
    width:450px;
    float:none;
    height:auto;
    margin:0px 0 10px 0px;
    padding: 0 0 0 15px;
    text-align:left;
}



/* link styles */
#nav a:link
{
    display:block;
    width:88px;
    height:20px;
    color: #FFF;
    text-decoration:none;
}

#nav a:visited
{
    display:block;
    width:88px;
    height:20px;
    color: #FFF;
    text-decoration:none;
}

#contenttext a:link
{
    color: #000099;
    text-decoration:none;
    border-bottom: 1px dotted #000;
}

#contenttext a:visited
{
    color: #000066;
    text-decoration:none;
    border-bottom: 1px dotted #000;
}

#contenttext a:hover
{
    color: #333;
    text-decoration:none;
    border-bottom: none;
}

#homeimages a img
{
    margin-top:10px;
    border:0;
    text-decoration: none;
}

#images a img
{
    margin-top: 0;
    border: 0;
    text-decoration: none;
}

#footer a img
{
    margin-right:10px;
    border:0;
}

.tableheader
{
    font-weight: bold;
    background: #000099;
    color: #FFF;
}

.firstcol
{
    width: 245px;
}

td
{
    padding:5px;
}

table
{
    width:100%;
    margin-bottom:20px;
}