﻿* {
	margin: 0;
	padding:0;
}
html, body {
	height: 100%;
}

body {
    background-image: url(images/body-bg.jpg);
    background-repeat: repeat-x;
    background-color: #dde7f6;
    font-family:Arial;
    font-size:12px;
}

a:link {
    color:#2389c9;
}
a:visited {
    color:#2389c9;
}
a:hover {
    color:#a29061;
}

.wrapper {
    width: 681px;
    min-height: 100%;
    height: auto !important;
    height: 100%;
    margin: 0 auto -50px; /* the bottom margin is the negative value of the footer's height */
    background-image: url(images/wrapper-bg.jpg);
    background-position: bottom;
    background-repeat: repeat-x;
    background-color:#ffffff;
}

.push {
	height: 50px; /* .push must be the same height as .footer */
}

.footer { 
	height: 50px; /* .push must be the same height as .footer */
    background-image: url(images/footer.jpg);
    width:681px;
    margin:auto;    
}


#top {
    width: 681px;
    height: 185px;
}

#top-edge {
    background-image: url(images/top-edge.jpg);
    background-position:bottom;
    background-repeat: no-repeat;
    height:35px;
    width:681px;
}

#header {
    width: 661px;
    height: 123px;
    background-image: url(images/header.jpg);
    text-align:right;
    padding-right: 20px;
    font:Verdana;
    font-size:18px;

    color:#2389c9;
}

#menu{ /* nothing in here right now */
    text-align:center;
    margin:auto;
    width:681px;
    background-color:#ffffff;
    height:25px;
}

#menu .Item {
    /* CSS class for non-selected Menu Item */
    background-image: url(images/menu-back.jpg);
    color:#ffffff;
    font-family:Arial;
    font-size:12px;
    height:25px;
    width:169px;
    border-left:1px solid white;
}

#menu .ItemSelected, #menu .ItemHover
{
  /* CSS class for hovering and selected Menu Item
     ... which can be split up, of course! */
    background-image: url(images/menu-item-hover.jpg);
    color:#ffffff;
    font-family:Arial;
    font-size:12px;
    width:169px;
}

#menu .Item a, #menu .ItemHover a, #menu .ItemSelected a
{
  /* CSS class for hovering and selected Menu Item
     ... which can be split up, of course! */
    color:#ffffff;
    font-family:Arial;
    font-size:12px;
    padding-top:4px;
    height:21px;
}


/* CSS classes for standard Links, only valid inside the #menu DIV */
#menu a, #menu a:visited
{
  background: transparent ! important;
  display: block;
}

#menu a:hover, #menu a:active, #menu a:focus
{
  background: transparent ! important;
  display: block;
}


.sub {
    background-color:#2389c9;
    width: 164px;
    height:18px;
    padding-top:3px;
    text-align:left;
    font-family:Arial;
    font-size:12px;
    border-bottom:1px solid #ffffff;
    border-left:1px solid #ffffff;
    border-right:1px solid #ffffff;
    color:#ffffff;
}

.subhov {
    background-color:#a29061;
}

.sub a:link, .sub a:visited {
    color:#ffffff;
    padding-left:5px;
}

.bigimage {
    height:140px;
}

#middle {
    width: 681px;
}

#left {
    width:200px;
    float:left;
    padding-bottom:20px;
}

.box {
    width:200px;
    height:300px;
    margin-top:20px;
    margin-left:20px;
    margin-right:20px;
    float:left;
}
.box a:link, .box a:visited 
{
    text-decoration:none;
}
.box a:hover 
{
    color:#a29061;
    text-decoration:underline;
}

#right {
    float:left;
    width:421px;
    margin-top:20px;
    margin-left:40px;
    text-align:justify;
}

h3 {
    color:#a29061;
    padding-bottom: .5em;
    font-family:Century Gothic;
}

p {
    font-family:Arial;
    font-size:12px;
}

.listboxtitle {
    padding-left:12px;
    padding-top:8px;
font-family:Arial;
    font-size:12px;
    font-weight:bold;
    color:#2389c9;
 }

.listboxnumbers {
    float:left;
    font-family:Arial;
    font-size:12px;
    color:#888888;
    line-height:1.5em;
    text-align:right;
    width:25px;
    padding-right:5px;
}

.listboxlist {
    float:left;
    font-family:Arial;
    font-size:12px;
    color:#333333;
    line-height:1.5em;
}

#footerleft {
    float:left;
    width:130px;
    font-family:Arial;
    font-size:10px;
    text-align:left;
    padding-left:10px;
    padding-top:12px;
}
#footercenter {
    float:left;
    width:399px;
    font-family:Arial;
    font-size:10px;
    text-align:center;
    padding-top:12px;
}
#footerright {
    float:left;
    width:130px;
    font-family:Arial;
    font-size:10px;
    text-align:right;
    padding-right:10px;
    padding-top:12px;
}

.address {
    font-family:Arial;
    font-size:12px;
    color:#a29061;
}
.phone 
{
    font-size:18px;
    font-family:Arial;
}

.dollar 
{
    color:#2389c9;
    font-weight:bold;
}

.price 
{
    text-align:right;
    }

.faretable 
{
    width:480px;
    padding-left:5px;
    padding-right:5px;
}   
.details 
{
    padding:10px;
} 