/*
'''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''
    SET UP
'''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''*/
/* mac hide\*/
html, body
{
    height: 100%;
    color:black;

}
/* end hide */

body
{
    padding: 0;
    margin: 0;
    text-align: center;
    min-width: 750px; /* for mozilla*/
    background-color: #ffffff;
    font-size: 80%;
    font-family: Trebuchet MS, Arial;
}

H1
{
    color:#ff0000;
    font-size:130%;
    margin-bottom:25px;

}

UL
{
    padding-left:0px;
    margin:0px;
}

#outer
{
    height: 1000000;
    min-height: 100%;
    width: 750px;
    background-color: white;
    text-align: left;
    margin: auto;
    position: relative;
}

html > body #outer
{
    height: auto;
}

#clearfooter
{
    width: 100%;
    height: 50px;
    clear: both;
}

A, A:Visited, A:Active
{
    color:black;
    text-decoration:underline;
}

A:Hover
{
    color:#00B4FF;
    text-decoration:underline;
}

/*
'''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''
    HEADER
'''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''*/
#header
{
    position: absolute;
    top: 0;
    left: 0px;
    width: 750px;
    height: 238px;
    overflow: hidden;
    color: black;
    z-index: 100;
    background-image:url('../img/header.png');
    background-repeat:no-repeat;
}

#menu
{
    position: absolute;
    width: 100%;
    height: 20px;
    bottom: 0px;
    background-color:#BC0000;
}

.quote
{
    position: absolute;
    left:120px;
    top:191px;
    border:0px;
}

.contact
{
    position: absolute;
    left:278px;
    top:191px;
    border:0px;
}

.home
{
    position: absolute;
    left:507px;
    top:191px;
    border:0px;
}

.othermakes
{
    position: absolute;
    left:249px;
    top:191px;
    border:0px;
}


.aquote
{
    position: absolute;
    left:146px;
    top:-22px;
}

.acontact
{
    position: absolute;
    left:408px;
    top:-22px;
}

.ahome
{
    position: absolute;
    left:545px;
    top:-22px;
}

.aothermakes
{
    position: absolute;
    left:273px;
    top:-22px;
}

#menu A:Hover
{
    text-decoration:none;
    color:#3EB7D6;
}

/*
'''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''
    MENU
'''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''*/
#menu a
{
    text-decoration: none;
    color:White;
}

#menu img
{
    position: absolute;
    top: 10px;
    border: none;
}

/*
'''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''
    LEFT
'''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''*/
#left
{
    position: relative; /*ie needs this to show float */
    float: left;
    width: 500px;
    margin-top: 270px; /*needed to make room for header*/
    margin-bottom: 4px; /* needed to make room for footer */
    text-align:justify;
    /*border:solid 1px black;*/
    background-color:White;

}

#left p
{
    color: black;
    line-height:30px;
}

#left ul li
{
    color: black;
    margin-left:35px;
        line-height:30px;
}


/*
'''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''
   RIGHT
'''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''*/
#right
{
    position: relative; /*ie needs this to show float */
    float: right;
    width: 220px;
    margin-top: 270px; /*needed to make room for header*/
    margin-bottom: 4px; /* needed to make room for footer */
    /*border:solid 1px black;*/
    text-align:center;
    line-height:30px;
}

#righttitle
{
    padding-top: 48px;
    padding-bottom: 32px;
    padding-left:20px;

}

#rightphoto
{
    padding-top: 108px;
    padding-bottom: 32px;

}

.right
{
    text-align:right;
    padding-right: 35px;
}

#right p 
{
    color:#135077;
}

/*
'''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''
   FOOTER
'''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''*/
#footer
{
    position: relative;
    margin: auto;
    width: 750px;
    height: 27px;
    bottom: 0px;
    clear: both;
    margin-bottom: -50px;
    background-image:url('../img/footer.jpg');
}

#footerleft
{
    margin-left: 20px;
    margin-top: 4px;
    float: left;
    color: white;
}

#footerright
{
    margin-right: 20px;
    margin-top: 4px;
    float: right;
    color: white;
}

/*
'''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''
   GENERAL STYLING
'''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''*/
div, p
{
    margin-top: 0;
}

.small
{
    font-size:80%;    
}


#contact
{
    color: black;
    margin-left: 100px;
}

#contact .left
{
    text-align: right;
    vertical-align: text-top;
    font-weight: bold;
    padding:12px;
}

#contact .right
{
    text-align: left;
    padding:12px;
}

.red
{
    color:Red;
}

.blue
{
    color:Navy;
}

/*
'''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''
   FORMS
'''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''*/

.Required
{
    color:Red;
}

.buttonstyle
{
    background-color:#135077;
    border:1px solid black;
    width:150px;
    color:White;
}

INPUT
{
    width:150px;
    border:1px solid black;
}

TEXTAREA
{
    border:1px solid black;
    width:200px;
    height:150px;
    font-family:Arial;
    font-size:8pt;
}