body
{
    background-image: url("./images/bg.jpg");
    padding: 0;
    margin: 0;
}

div#top
{
    position: relative;
    z-index: 0;
    margin: 0;
    padding: 0;
    background: url("./images/dp.gif") repeat;
}

.diamondplate
{
    background: url("./images/dp.gif") repeat;
}

.gradient
{
    width: 100%;
    height: 100%;
    background: url('./images/diamondPlateFade.png') repeat-x bottom;
}

img#logo
{
    display: inline;
    width: 40%;
}

#logoLink
{
    margin: 1% 0% 1.5% 30%;
}

div#info
{
    display: block;
    color: #FFFFFF;
    font-family: serif;
    text-align: right;
    float: right;
    margin-top: 3%;
    margin-right: 1.5%;
}

ul.nav
{
    list-style-type:none;
    margin: 0 0 4% 0;
    padding:0;
    overflow:hidden;
}

ul.fix
{
    display: inline;
}

li.nav
{
    float: left;
    width: 16.666%;
}

a.nav:link,a.nav:visited
{
    display:block;
    width:100%;
    font-weight:bold;
    color:#FFFFFF;
    background-color: #404040;
    background-image: url(./images/fade.png);
    background-repeat: x;
    background-position: bottom;
    text-align:center;
    padding: 5px 0px 5px 0px;
    text-decoration:none;
    text-transform:uppercase;
}

a.nav:hover,a.nav:active
{
    /*background-color: #909090;*/
    background-image: url(./images/fade2.png);
    background-repeat: x;
    background-position: bottom;
}

.clear
{
    clear: both;
}

div#content
{
    width: 100%;
}

#title
{
    color: #FFFFFF;
    text-align: center;
    font-family: serif;
    font-size: 3.0em;
    text-decoration: underline;
    margin-bottom: 2%;
}

#text
{
    color: #DDD;
    font-family: sans-serif;
    text-indent: 2%;
    margin-left: 7.5%;
    margin-right: 7.5%;
    font-size: 1.5em;
}

#carLeft
{
    float: left;
    margin-left: 7.5%;
    margin-right: 2.5%;
    margin-top: 5%;
    width: 40%;
}

#truckRight
{
    float: right;
    margin-left: 2.5%;
    margin-right: 7.5%;
    margin-top: 5%;
    width: 40%;
    text-align: right;
}

.itemBox
{
    width: 95%; /* 85%*/
    margin-left: 2.5%;
    margin-right: 2.5%;
    margin-bottom: 25px;
    color: #FFFFFF;
}

.itemPic
{
    width: 9%;
    /*margin: 0% 1.25% 0% 1.25%;*/
    padding: 0% .5% 0% .5%;
    float: left;
    background-image: url(../images/bg.jpg);
    background-repeat: repeat;
}

.itemDescripL
{
    width: 21.5%;
    margin: 2% 1.25% 2% 1.25%;
    float: left;
    padding: 0 0 0 1%;
}

.itemDescripCL
{
    width: 21.5%;
    margin: 2% 1.25% 2% 1.25%;
    float: left;
    padding: 0 0 0 0;
}

.itemDescripCR
{
    width: 21.5%;
    margin: 2% 1.25% 2% 1.25%;
    float: left;
    padding: 0 0 0 0;
}

.itemDescripR
{
    width: 21.5%;
    margin: 2% 1.25% 2% 1.25%;
    float: left;
    padding: 0 0 0 0;
}

.item
{
    width: 100%;
    font-size: 1em;
    margin-bottom: 3px;
}

a.items:link,a.items:visited
{
    color:#FFFFFF;
    text-decoration:none;
    text-transform:uppercase;
}

a.items:hover,a.items:active
{
    /*background-color:#7A991A;*/
    /*background-color: #606060;*/
    text-decoration: underline;
}

.gallerypic
{
    width: 10%;
    /*border-left: 5.7%;
    border-top: 2.5%;*/
    margin-left: 5.6%;
    margin-top: 2.5%;
}

#fb
{
    position: absolute;
    right: 0px;
    top: 0px;
    z-index: 1;
}

.centered
{
    text-align: center;
}

.white
{
    color: #FFFFFF;
    font-family: sans-serif;
    font-size: 1.75em;
}

.itemTitle
{
    text-decoration: underline;
    font-variant: small-caps;
    color: #FFFFFF;
    font-size: 1.5em;
    margin-left: 3%;
    margin-top: 2%;
    margin-bottom: .5%;
}

.selected
{
    border: 2px dashed #404040;
}

.yellow
{
    background-color: #272B04;
}

.pink
{
    background-color: #47003B;
}

.blue
{
    background-color: #013054;
}

.red
{
    background-color: #580000;
}

.maroon
{
    background-color: #470300;
}

.green
{
    background-color: #00310C;
}

.brown
{
    background-color: #281B00;
}

.teal
{
    background-color: #00282E;
}

.purple
{
    background-color: #1D003B;
}

.grey
{
    background-color: #1F1F1F;
}

.fade
{
    background-image: url(../images/colors/fade.png);
    background-repeat: repeat-x;
    background-position: bottom;
}

#frame
{
    margin-left: 0%;
    height: 100%;
    display: none;
}

#deal
{
    position: absolute;
    width: 10%;
    left: 2%;
    top: 2%;
    height: 90%;
    border: 2px solid #505050;
    background: url("./images/colors/fade.png") repeat-x bottom #303030;
    overflow: auto;
}

#deal div
{
    color: #FFFFFF;
    font-variant: small-caps;
    text-align: center;
    font-style: oblique;
}

.underline
{
    border-bottom: 1px dashed #505050;
    margin-bottom: 1%;
}

#deal img
{
    width: 100%;
}