/*
Document   : style
Created on : 10-Jun-2009, 14:27:06
Author     : Neil
Description:
Purpose of the stylesheet follows.
*/

/*
TODO customize this sample style
Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/

#map {
    float: left;
    width: 400px;
    height: 300px;
    margin-top: 10px;
    margin-bottom: 10px;
    margin-left: 10px;
    margin-right: 10px;
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    padding-right: 0px;
}

#topImage {
    width: 100%;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-bottom-color: #999999;
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    padding-right: 0px;
}

.wrapper {
    min-width: 750px;
    text-align: left;
    margin: 30px auto;
    voice-family: "\"}\"";
    voice-family:inherit;
    width: 65%;
    border-top-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 1px;
    border-right-width: 1px;
    border-top-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    border-right-style: solid;
    border-top-color: #999999;
    border-bottom-color: #999999;
    border-left-color: #999999;
    border-right-color: #999999;
    background-repeat: repeat-y;
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    padding-right: 0px;
}

html>body .wrapper {
    width: 65%;
}

.content {
    width: 100%;
    display: block;
    float: left;
    background-color: #E8DAB3;
}

.galleryContainer {
    text-align: center;
}

p {
    margin-top: 10px;
    margin-bottom: 10px;
    margin-left: 10px;
    margin-right: 10px;
    font-family: Arial,Helvetica,sans-serif;
    font-weight: lighter;
    word-spacing: 2px;
    line-height: 20px;
    color: #222222;
}

ul {
    margin-top: 10px;
    margin-bottom: 10px;
    margin-left: 10px;
    margin-right: 10px;
    font-family: Arial,Helvetica,sans-serif;
    font-weight: lighter;
    word-spacing: 2px;
    line-height: 20px;
    color: #222222;
}

ol {
    margin-top: 10px;
    margin-bottom: 10px;
    margin-left: 10px;
    margin-right: 10px;
    font-family: Arial,Helvetica,sans-serif;
    font-weight: lighter;
    word-spacing: 2px;
    line-height: 20px;
    color: #222222;
}
.pdf {
    background: url(pdf.jpg) no-repeat right top;
    padding-right: 12px;
}

.external {
    background: url(external.jpg) no-repeat right top;
    padding-right: 12px;
}

.email {
    background: url(email.jpg) no-repeat right top;
    padding-right: 12px;
}

a {
    color: #658FAB;
    text-decoration: none;
}

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

.info {
    background: #FFFFFF;
    width: 96%;
    float: left;
    border-top-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 1px;
    border-right-width: 1px;
    border-top-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    border-right-style: solid;
    border-top-color: #999999;
    border-bottom-color: #999999;
    border-left-color: #999999;
    border-right-color: #999999;
    padding-top: 0%;
    padding-bottom: 0%;
    padding-left: 0%;
    padding-right: 0%;
    text-align: left;
    margin-top: 2%;
    margin-bottom: 2%;
    margin-left: 2%;
    margin-right: 2%;
}

.subinfo {
    width: 48%;
    float: left;
    padding-top: 0%;
    padding-bottom: 0%;
    padding-left: 0%;
    padding-right: 0%;
    text-align: left;
    margin-top: 1%;
    margin-bottom: 1%;
    margin-left: 1%;
    margin-right: 1%;
}

#gallery {
    text-align: center;
    margin-top: 5px;
    margin-bottom: 5px;
    margin-left: 5px;
    margin-right: 5px;
    background-position: center;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 5px;
    padding-right: 5px;
    height: 500px;
}

#gallery a img {
    border-top-style: none;
    border-bottom-style: none;
    border-left-style: none;
    border-right-style: none;
    border-top-width: 0px;
    border-bottom-width: 0px;
    border-left-width: 0px;
    border-right-width: 0px;
}

#galleryMainImage {
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 5px;
    padding-right: 5px;
    max-width: 70%;
}

.pictureLeft {
    margin-left: 10px;
    margin-right: 10px;
    margin-bottom: 10px;
    float: left;
    border: 1px solid black;
}

.pictureRight {
    margin-left: 10px;
    margin-right: 10px;
    margin-bottom: 10px;
    float: right;
    border: 1px solid black;
}

.frontPictureRight {
    margin: 10px;
    float: right;
    border: 1px solid black;
}

.pictureSubInfo {
    margin-left: 10px;
    margin-right: 10px;
    margin-bottom: 10px;
    border: 1px solid black;
}

#full {
    max-width: 95%;
    max-height: 500px;
}

img.preload {
    display: none;
}

.topImage {
    background-color: #E7CD83;
    height: 150px;
    background-position: left;
    background-repeat: repeat-y;
    background-image: url(horizontalCreamToWhiteFade.png);
}

.woodlandsImage {
    background-repeat: no-repeat;
    width: 100%;
    background-image: url(headerImage.png);
    height: 150px;
    float: left;
    background-position: right top;
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    padding-right: 0px;

}

body {
    background-repeat: repeat;
    text-align: center;
    background-color: #ffffff;
    background-repeat: repeat-x;
    background-image: url(verticalSkyBlueToWhiteFade.png);
}

.topImage h1 {
    color: #ffffff;
    font-family: Tahoma;
    font-size: 35px;
    font-style: normal;
    font-variant: normal;
    font-weight: lighter;
    text-align: left;
    margin-top: 90px;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
    padding-top: 10px;
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 0px;
    word-spacing: 2px;
}


.topImage a {
    color: #FFFFFF;
    text-decoration: none;
}

.topImage a:hover {
    color: #DDDDDD;
    text-decoration: none;
}


.topImage h2 {
    float: right;
    color: #FFFFFF;
    font-family: Tahoma;
    font-size: 18px;
    font-style: normal;
    font-variant: normal;
    font-weight: lighter;
    text-align: right;
    margin-top: 10px;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 10px;
    padding-top: 0px;
    padding-left: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    word-spacing: 2px;
}

.navBar h2 {
    font-size: 17px;
    color: #ffffff;
    text-align: left;
    font-family: Tahoma;
    font-weight: lighter;
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    padding-right: 0px;
}

.navBar a {
    padding-left: 5px;
    padding-right: 5px;
    color: #ffffff;
    text-decoration: none;
}

.navBar a:hover {
    color: #e9c275;
}

.navBar {
    width: 100%;
    background-color: #B85C3D;
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
    padding-top: 2px;
    padding-bottom: 2px;
    padding-left: 0px;
    padding-right: 0px;
}

.footer {
    float: left;
    display: block;
    margin: 0;
    padding: 0;
    width: 100%;
    text-align: center;
    font-family: Verdana,Arial,Helvetica,sans-serif;
    line-height: 25px;
    font-weight: lighter;
    font-style: oblique;
    font-variant: small-caps;
    background-color: #E8DAB3;
}

table {
    float: left;
    margin-top: 10px;
    margin-bottom: 10px;
    margin-left: 10px;
    margin-right: 10px;
}

th {
    min-width: 250px;
    background-color: #B85C3D;
    color: #ffffff;
    font-family: Tahoma;
    font-weight: lighter;
    text-align: center;
}

tr {
    font-family: Arial,Helvetica,sans-serif;
    color: #222222;
    font-weight: lighter;
    text-align: center;
}

tr.d0 td {
    background-color: #eeeeee;

}

tr.d1 td {
    background-color: #dddddd;
}

.emailler {
    margin: 5px auto;
}

.emailler p {
    text-align: left;
}

.emailler textarea {
    width: 98%;
    max-width: 98%;
}

.emailler input {
    width: 98%;
}

.emailler .button {
    width: 30%;
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    padding-right: 0px;
    margin-left: 10px;
    margin-right: 10px;
}

h3 {
    text-align: center;
    margin-top: 10px;
    margin-bottom: 25px;
    margin-left: 10px;
    margin-right: 10px;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 22px;
    font-weight: lighter;
    word-spacing: 2px;
    line-height: 20px;
    color: #222222;
}

.middleSplit {
    float: left;
    width: 49.5%;
}

#designStatement {
    color: #888;
    font-family: Tahoma;
    font-size: 8pt;
    line-height: 15pt;
    display: block;
}

#thumbNails {
    min-height: 100px;
    height: 100px;
}