* {
        margin: 0px;
        padding: 0px;
}
body {
        background: #FBF2C6 url(images/bkgd.gif) repeat-x;
        font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
        font-size: 90%;
        color: #333333;
}
a {
        color: #CC0000;
}
a:hover {
        text-decoration: none;
}
#container-outer {
        width: 920px;
        margin-right: auto;
        margin-left: auto;
        background: url(images/bkgd-main.gif) repeat-y;
}
#container-inner {
        background: url(images/bkgd-branding.gif) no-repeat;
        width: 920px;
}

/* Branding and Main Image */

#branding, #branding-sub {
        width: 860px;
        padding: 12px 30px;
        height: 64px;
}
#branding {
        background: url(images/home-toprightcorner.jpg) no-repeat 850px bottom;
}
#branding-sub {
        background: url(images/sub-toprightcorner.jpg) no-repeat 850px bottom;
}
#branding img.logo, #branding-sub img.logo {
        float: left;
        margin-left: 30px;
}
#branding form, #branding-sub form {
        width: 345px;
        float: right;
        height: 40px;
        padding-top: 10px;
        padding-right: 40px;
}
#branding label, #branding-sub label {
        float: left;
        width: 120px;
        margin-right: 12px;
        font-size: 70%;
        text-transform: lowercase;
        letter-spacing: 1px;
        margin-top: 5px;
}
#branding input.username, #branding-sub input.username {
        width: 120px;
        font-family: Verdana, Arial, Helvetica, sans-serif;
        height: 20px;
}
#branding input.password, #branding-sub input.password {
        width: 120px;
        font-family: Verdana, Arial, Helvetica, sans-serif;
        height: 20px;
}
#branding input.button, #branding-sub input.button {
        float: left;
        margin-top: 20px;
}
#main-image, #sub-image {
        width: 860px;
        margin-right: 30px;
        margin-left: 30px;
        clear: both;
}
#main-image {
        height: 213px;
        margin-top: -8px;
        background: url(images/home-flash.jpg) no-repeat;
}
#sub-image {
        height: 56px;
        background: url(images/sub-flash.jpg) no-repeat;
}
#main-image h2 {
        width: 360px;
        font-size: 200%;
        color: #FFFFFF;
        margin-left: 35px;
        padding-top: 25px;
        line-height: 1em;
}
#main-image h3 {
        color: #FCE679;
        font-size: 140%;
        width: 360px;
        line-height: 1em;
        margin-top: 8px;
        margin-bottom: 15px;
        padding-top: 25px;
        margin-left: 35px;
}
#main-image img {
        margin-left: 110px;
}

/* Top Navigation */

#navigation {
        width: 860px;
        margin-left: 30px;
        margin-right: 30px;
}

ul#topnav {
        width: 860px;
        list-style: none;
        float: left;
        height: 34px;
        margin-top: 10px;
}
ul#topnav li {
        float: left;
}
a .alt {
        display: none;
}
a#topnav-who, a#topnav-demo, a#topnav-testdrive, a#topnav-signup, a#topnav-testimonials, a#topnav-faqs, a#topnav-contact, a#topnav-news {
        display: block;
        height: 34px;
        background-position: 0 0;
}
a#topnav-who {
        width: 137px;
        background-image: url(images/nav-who.gif);
}
a#topnav-demo {
        width: 127px;
        background-image: url(images/nav-demo.gif);
}
a#topnav-testdrive {
        width: 123px;
        background-image: url(images/nav-testdrive.gif);
}
a#topnav-signup {
        width: 143px;
        background-image: url(images/nav-signup.gif);
}
a#topnav-news {
        width: 143px;
        background-image: url(images/nav-news.gif);
}
a#topnav-testimonials {
        width: 143px;
        background-image: url(images/nav-testimonials.gif);
}
a#topnav-faqs {
        width: 90px;
        background-image: url(images/nav-faqs.gif);
}
a#topnav-contact {
        width: 97px;
        background-image: url(images/nav-contact.gif);
}
a#topnav-who:hover, a#topnav-demo:hover, a#topnav-testdrive:hover, a#topnav-signup:hover, a#topnav-testimonials:hover, a#topnav-faqs:hover, a#topnav-contact:hover, a#topnav-news:hover {
    background-position: 0 -34px;
}

/*  Main Content Area */

#main-content  {
        width: 840px;
        margin-right: 40px;
        margin-left: 40px;
        clear: both;
        padding-top: 20px;
        padding-bottom: 900px;
}
#left-column {
        float: left;
        width: 282px;
        padding-bottom: 20px;
}
.brown-box {
        width: 282px;
        position: relative;
        background: url(images/bkgd-box-bottom.gif) no-repeat bottom;
        margin-bottom: 15px;
        padding-bottom: 10px;
}
.brown-box h4 {
        background: url(images/bkgd-box-h4.gif) no-repeat;
        color: #FFFFFF;
        font-size: 170%;
        padding: 5px 15px;
}
.brown-box p {
        background: url(images/line-dotted-horizontal-box.gif) no-repeat top;
        color: #FFFFFF;
        padding: 5px 15px;
}
.brown-box p.brown-button {
        background: none;
        padding: 0px 15px;
}
#right-column {
        float: right;
        width: 520px;
        padding-bottom: 20px;
}
#right-column h2 {
        color: #CC0000;
        font-size: 140%;
        margin-top: 5px;
}
#right-column h3 {
        font-size: 110%;
        margin-top: 5px;
        line-height: 1.2em;
}
.map {
        float: right;
        margin-left: 20px;
        border: 1px solid #CCCCCC;
}
p.byline {
        font-size: 85%;
        font-weight: 700;
        padding-bottom: 5px;
}


p.clip {
        font-size: 85%;
}

p.small-print {
        font-size: 75%
}

#right-column p {
        margin-bottom: 10px;
        line-height: 140%;
}
#right-column ul {
        list-style: none;
        margin-bottom: 6px;
        margin-left: 20px;
        margin-top: 8px;
}
#right-column ul li {
        background: url(images/bullet-arrow.gif) no-repeat 0px 3px;
        padding-left: 20px;
        padding-bottom: 4px;
}
img.subphoto {
        margin-bottom: 15px;
}
#breadcrumb {
        background: url(images/line-dotted-horizontal.gif) repeat-x bottom;
        padding-bottom: 10px;
        margin-bottom: 25px;
}
#breadcrumb p {
        font-size: 85%;
        margin: 0px;
        padding: 0px;
        color: #999999;
}
#gold-box {
        float: right;
        width: 150px;
        background: url(images/bkgd-subnav-h4.gif) no-repeat;
        margin-bottom: 15px;
        margin-left: 25px;
        margin-top: 10px;
}
#gold-box h4 {
        font-size: 120%;
        color: #453A05;
        background: url(images/line-dotted-horizontal-subnav.gif) no-repeat bottom;
        margin: 0px;
        padding: 10px 0px 0px 15px;
}
#gold-box ul {
        background: url(images/bkgd-subnav-bottom.gif) bottom;
        margin: 0px;
        padding: 5px 0px 15px;
        list-style: none;
}
#gold-box ul li {
        background: url(images/bullet-diamond.gif) no-repeat 0px 6px;
        padding: 0px 0px 5px 10px;
        margin-top: 5px;
        margin-right: 15px;
        margin-left: 15px;
}
#gold-box ul li a {
        font-weight: 700;
}

/*  Footer */

#footer {
        width: 860px;
        margin-right: 30px;
        margin-left: 30px;
        text-align: center;
        background: url(images/line-dotted-horizontal.gif) repeat-x;
        padding-top: 18px;
        padding-bottom: 18px;
        font-size: 85%;
        color: #666666;
        clear: both;
}
#footer a {
        color: #666666;
}
#footer a:hover {
        text-decoration: none;
}
p.quote {
        font-size: 110%;
        border-top: 1px solid #E0E0DC;
        padding-top: 15px;
}

p.para {
	padding: 9px 0 3px 0;
}
