/* Stylesheet for freemanoffroad.com */

/* -----------------------------------------------------------------------------
Global element default changes.
*/
body {
    padding: 0;
    margin: 0;
    text-align: center;
}

div, td {
    font-family: Arial, Helvetica;
    font-size: 13px;
    font-weight: bold;
}

p {
    text-align: left;
    line-height: 110%;
    padding-top: 10px;
    padding-bottom: 5px;
}

h2 {
    font-size: 140%;
    font-weight: bold;
    letter-spacing: 105%;
    padding: 10px 0px 5px 0px;
    color: #990000;
    text-align: left;
}

a:link, a:active, a:visited {
    color: #000099;
    text-decoration: underline; 
}

a:hover {
    color: #990000;
    text-decoration: none;
}

/* Container element to provide content width and centering. */
.container {
    width: 750px;
    margin-left: auto;
    margin-right: auto;
    padding: 10px 0px;
    overflow: hidden;
    font-size: 100%;
    /* border: 1px solid #ff0000; */
}

/* Header section with logo and menu -----------------------------------------*/
div#head {
    height: 111px;
    background-image: url("img/header-bg.png");
    background-repeat: repeat-x;
}

img#logo {
    float: left;
    margin: 30px 20px 0px 15px;
}

div#menu {
    margin-top: 55px;
    font-size: 100%;
    font-weight: bold;
}

div#menu ul {
}

div#menu ul li {
    display: block;
    float: left;
    padding: 3px 8px;
    margin-left: 3px;
    border-right: 1px solid #999999;
    border-bottom: 1px solid #999999;
    font-size: 110%;
}

div#menu ul li.menuMe {
    color: #990000;
}

/*
div#menu ul li:before {
    DOES NOT WORK IN IE (8 and ?)
    content: "\00BB \0020";
}
*/

div#menu a:link, a:active, a:visited {
    color: #3A3A3A;
    text-decoration: none; 
}

div#menu a:hover {
    color: #990000;
    text-decoration: underline; 
}

/* Large photo section below header ------------------------------------------*/
div#photo {
    height: 250px;
    background-color: #333333;
}

/* Main content section ------------------------------------------------------*/
div#content {
    background-image: url("img/content-bg.png");
    background-repeat: repeat-x;
}

div#left {
    float: left;
    padding-top: 15px;
    text-align: left;
    margin-right: 20px;
}

div#center {
    float: left;
    padding-top: 15px;
    text-align: left;
    margin-right: 20px;
}

div#right {
    float: right;
    padding-top: 15px;
    text-align: left;
}

ul.bigList {
    text-align: left;
}

ul.bigList li {
    display: list-item;
    list-style-image: url(img/bigList.png);
    list-style-position: outside;
    margin-left: 35px;
    padding-left: 10px;
    font-size: 120%;
    line-height: 150%;
}

ul.list {
}

ul.list li {
    display: list-item;
    list-style-image: url(img/list.png);
    list-style-position: inside;
}


/* Page footer styles --------------------------------------------------------*/
div#footer {
    background-image: url("img/footer-bg.png");
    background-repeat: repeat-x;
}

div#footer div {
    text-align: center;
}

#footer ul {
}

#footer ul li {
    display: inline;
    padding: 0px 8px;
    margin-left: 3px;
    font-size: 90%;
    font-weight: normal;
    color: #363636;
}

#footer ul li.phone {
    font-size: 110%;
    font-weight: bold;
}

#footer ul li.email {
    list-style-position: outside;
    list-style-image: url(img/email.png);
}

/* Page specific style tweaks. ---------------------------------------------- */
#index p {
    text-align: center;
    font-size: 99%;
}

#index div#left {
    width: 60%;
    padding-top: 25px;
    margin-right: 20px;
}

#index div#right {
    margin-right: 10px;
}

#why p {
    font-weight: normal;
    line-height: 120%;
    font-size: 110%;
}

#index div#left {
    width: 60%;
    margin-right: 20px;
}

#index div#right {
    float: left;
    padding-top: 25px;
    margin-right: 1px;
}

#details td#left {
    width: 31%;
    margin: 0;
    padding: 0px 10px;
    vertical-align: top;
}

#details td#center {
    margin: 0;
    padding: 0px 10px;
    border-left: 1px solid #aaaaaa;
    vertical-align: top;
}

#details td#right {
    float: right;
    width: 31%;
    margin: 0;
    padding: 0px 10px;
    border-left: 1px solid #aaaaaa;
    vertical-align: top;
}

#details ul.bigList li {
    font-size: 100%;
    padding-bottom: 12px;
}

/* Custom testimonial quote block. ------------------------------------------ */
blockquote {
    -moz-background-clip: border;
    -moz-background-inline-policy: continuous;
    -moz-background-origin: padding;
    font-family: 'Georgia',Verdana,helvetica,sans-serif;
    font-weight: normal;
    font-size: 120%;
    font-style: italic;
    line-height: 140%;
    position: relative;
}

.bqstart {
    color: #777777;
    float: left;
    font-family: 'Georgia',Verdana,helvetica,sans-serif;
    font-size: 500%;
    font-style: normal;
    height: 45px;
    margin-bottom: -50px;
    margin-top: -20px;
    padding-top: 30px;
    padding-right: 10px;    
}

.bqend {
    color: #777777;
    float: right;
    font-family: 'Georgia',Verdana,helvetica,sans-serif;
    font-size: 500%;
    font-style: normal;
    height: 25px;
    margin-top: 0;
    padding-top: 25px;
}

/* Various style components. ------------------------------------------------ */
img.border {
    border: 1px solid #000000;
}

.footnote {
    font-size: 80%;
    color: #696969;
}