/* Page layout */

body {
    background: url(background.jpg) no-repeat fixed top;
    font-family: Georgia, "Times New Roman", Times, serif;
    font-size: 14px;
    color: #333333;
}

div#root {
    width: 800px;
    margin: 10px auto;
    border: 1px solid #000000;
}

div#banner {
    width: 800px;
    height: 127px;
    background: url(banner.png) no-repeat;
}

div#navigation {
    width: 800px;
    height: 20px;
    padding: 5px 0px;
    background-color: #9a5e5b;
    text-align: left;
}

div#content {
    width: 760px;
    min-height: 600px;
    padding: 1px 20px;
    margin: 0px 0px;
    background: #F0F0F0;
}

div#footer {
    width: 800px;
    height: 50px;
    padding: 5px 0px;
    background-color: #9a5e5b;
    text-align: left;
}


/* Sale info */

p.description {
    text-align: justify;
    margin: 0px;
}

img.thumbnail {
    width: 100px;
    height: 100px;
    float: right;
    padding-left: 20px;
    border: none;
}

div.first_item {
    background: rgb(222, 200, 200);
    border: 1px solid #7f7f7f;
    margin: 20px 10px 0px 10px;
    height: 140px;
    width: 340px;
    padding: 10px;
    overflow: hidden;
    clear: right;
    float: right;
    display: inline;
}

div.left_item {
    background: rgb(222, 200, 200);
    border: 1px solid #7f7f7f;
    margin: 20px 10px;
    height: 140px;
    width: 340px;
    padding: 10px;
    overflow: hidden;
}

div.right_item {
    background: rgb(222, 200, 200);
    border: 1px solid #7f7f7f;
    margin: 0px 10px;
    height: 140px;
    width: 340px;
    padding: 10px;
    overflow: hidden;
    clear: right;
    float: right;
    display: inline;
}

font.nosale {
    color: #ff7f00;
}

font.available {
    color: #00ff00;
}

font.sold {
    color: #ff0000;
}


/* Navigation links */

ul.nav {
    margin: 0px;
    list-style-type: none;
    padding: 0px 20px;
}

li {
    padding: 0px 15px;
    display: inline;
}

li a:link {
    color: #eae0e0;
    text-decoration: none;
    font-weight: bold;
}

li a:visited {
    color: #eae0e0;
    text-decoration: none;
    font-weight: bold;
}

li a:hover {
    color: #000000;
    padding-bottom: 5px;
    font-weight: bold;
    text-decoration: none;
}

li a:active {
    color: rgb(255, 0, 102);
    font-weight: bold;
}