/* ------ General Elements ------ */
#content p
{
    margin: 10px 0 0 0;
    padding: 0;
}
#content p.first 
{
    margin: 0;
    padding: 0.8em 0 0 0;
    font-weight: bold;
    font-family: Georgia, Serif;
    font-size: 1.1em;
    border-top: dotted 1px #000;
}
.bordertop 
{
    border-top: dotted 1px #000;
}

/* ------- Mouseover Logos ------ */

div.DoubleLogo 
{
    background-position: top;
    margin-left: auto;
    margin-right: auto;
}
div.DoubleLogo:hover
{
    background-position: bottom;
}
div.DoubleLogo a
{
    display: block;
    width: 100%;
    height: 100%;
}

/* ------ 3-column Lists ------ */

#projects ul, 
#clients ul
{
    list-style: none;
    padding: 0;
    margin: 0;
}

#projects ul li, 
#clients ul li
{
    list-style: none;
    vertical-align: top;
    padding: 10px 0 0 0;
    display: inline;
    float: left;
    width: 227px;
    margin: 0 15px 0 0;
}

#projects ul li
{
    height: 185px;
    padding: 12px 0 10px 0;
    border-top: dotted 1px #000;
}

#projects a.thumbnail
{
    margin: 0;
    padding: 0;
    display: block;
    width: 225px;
    height: 125px;
    border: solid 1px #ddd;
    text-align: center;
    line-height: 125px;
    position: relative;
}
#projects a.thumbnail img
{
    vertical-align: middle;
}

#projects ul li a.goto
{
    float: right;
    margin: 0 0 0 1em;
}

#clients ul li div.DoubleLogo 
{
    margin-top: 5px;
    margin-bottom: 10px;
}

#projects ul li h4,
#clients ul li h4
{
    margin: 5px 0 3px 0;
    padding: 0 0 5px 0;
    border-bottom: dotted 1px black;
}

#client_header
{
    width: 718px;
    border-top: dotted 1px black;
    border-bottom: dotted 1px black;
    padding: 15px 0;
}
#client_logo 
{
    vertical-align: top;
    padding: 0 0 5px 0;
    display: block;
    width: 180px;
    text-align: center;
    float: left;
}
#client_details
{
    vertical-align: top;
    display: block;
    float: left;
    width: 530px;
}
#client_details p 
{
    margin: 0;
}

/* ------ PROJECT ------ */

#project,
#blogentries,
#homeBlog,
#blogentry
{
    width: 717px;
    border-top: dotted 1px #000;
    border-bottom: dotted 1px #000;
    padding: 15px 0;
}
#project_header 
{
    border-bottom: dotted 1px #000;
    display: block;
    padding: 0 0 15px 0;
    margin: 0 0 10px 0;
}

#project #project_clientlogo 
{
    vertical-align: top;
    padding: 0 0 5px 0;
    display: block;
    width: 180px;
    text-align: center;
    float: left;

}
#project #project_details 
{
    margin: 0;
    padding: 0 0 0 0;
    display: block;
    float: left;
    vertical-align: top;
    width: 525px;
}
#project #project_details h4 
{
    padding: 0;
    margin: 0;
}

#project #project_details p
{
    padding: 6px 0 0 0;
    margin: 8px 0 0 0;
    border-top: dotted 1px #000;
}

ul.project_disciplines
{
    list-style: none;
    padding: 6px 0 0 0;
    margin: 8px 0 0 0;
    border-top: dotted 1px black;
}
ul.project_disciplines li
{
    margin: 0;
    padding: 0;
}
ul.project_disciplines li a
{
    margin: 0 1em 0 0;
    font-weight: bold;
}
ul.project_disciplines li a:after
{
    content: " : ";
}

ul.project_people
{
    list-style: none;
    margin: 0;
    padding: 0;
    display: inline;
}
ul.project_people li
{
    margin: 0;
    padding: 0;
    display: inline;
}
ul.project_people li a
{
    margin: 0;
    font-weight: normal;
}
ul.project_people li a:after
{
    content: "";
}

/* ------ PEOPLE ------ */

div.people
{
    text-align: center;
    width: 717px;
    border-top: dotted 1px #000;
    padding: 10px 0 0 0;
}
div.people ul
{
    list-style: none;
    margin: 8px 0 0 0;
    padding: 0;
}
div.people ul li
{
    margin: 0 14px 10px 0;
    padding: 0;
    display: block;
    width: 105px;
    float: left;
}
div.people ul li a
{
    font-weight: bold;
}
div.people ul li a.PersonPhoto
{
    width: 105px;
    height: 135px;
    display: block;
}
div.people ul li a.PersonPhoto img
{
}

div.people-extended
{
    width: 717px;
    border-top: dotted 1px #000;
    padding: 8px 0 0 0;
}
div.people-extended ul
{
    list-style: none;
    margin: 8px 0 0 0;
    padding: 0;
}
div.people-extended ul li
{
    margin: 0 25px 0 0;
    padding: 0;
    display: block;
    width: 84px;
    float: left;
    text-align: center;
}
div.people-extended ul li a
{
    font-weight: bold;
}
div.people-extended ul li a.ExtendedFamilyPersonPhoto
{
    height: 104px;
    display: block;
    text-align: center;
}
div.people-extended ul li a.ExtendedFamilyPersonPhoto img
{
}

/* ------ PERSON ------ */

#person
{
    width: 710px;
    border-top: dotted 1px #000;
    padding: 15px 0;
}
#person_header 
{
    border-bottom: dotted 1px #000;
    display: block;
    padding: 0 0 15px 0;
    margin: 0;
}

#person #person_photo
{
    display: block;
    float: left;
    width: 225px;
}
#person #person_details 
{
    margin: 0;
    padding: 0;
    display: block;
    float: left;
    vertical-align: top;
    width: 450px;
}
#person #person_details h2 
{
    margin: 1em 0 0.5em 0;
    padding-bottom: 0.5em;
    border-bottom: dotted 1px #000;
}
#person #person_details p
{
    margin: 0;
    padding: 0;
}

#person #person_contacts
{
    list-style: none;
    margin: 0;
    padding: 0;
}
#person #person_contacts li
{
    margin: 0.5em 0;
    padding: 0;
}
#person #person_contacts li label
{
    font-weight: bold;
    margin: 0 1em 0 0;
}
#person #person_contacts li a
{
    text-decoration: underline;
}
#person #person_contacts li a:hover
{
    color: #66cc33;
}

/* ----- BLOG ENTRIES ---- */

#blogentries a.goto
{
    float: right;
}
H2.BlogH2
{
    float: left;
}
.BlogRSS 
{
    padding: 1em 0 0.8em 0;
    margin: 0 19px 0 0;
    float: right;
}
.BlogRSS img
{
    border: 0;
}

#blogentries
{
    /* Height is defined above */
    padding: 0;
    border-top: none;
}
#blogentry
{
    margin: 0;
    padding: 1em 0;
    border-top: dotted 1px #000;
    border-bottom: dotted 1px #000;
}

#blogentries ul
{
    margin: 0;
    padding: 0;
    list-style: none;
}

#blogentries ul li
{
    margin: 0;
    padding: 1em 0;
    border-top: dotted 1px #000;
    clear: both;
}

p.BlogText
{
    /*
    display: block;
    */
}


.BlogLeft 
{
    width: 225px;
    display: block;
    float: left;
    vertical-align: top;
    padding: 0 2em 0 0 ;
    margin: 0 0 1em 0;
}
.BlogRight 
{
    width: 463px;
    display: block;
    float: left;
    vertical-align: top;
    margin: 0 0 1em 0;
}

.BlogRight h3
{
    font-family: Georgia, Serif;
    padding: 0;
    margin: 0;
}

.BlogRight a.BlogAuthor
{
    margin-right: 0.5em;
    border-right: solid 1px #ccc;
    padding-right: 0.5em;
    text-decoration: underline;
}
.BlogRight a.BlogAuthor:hover
{
    color: #66cc33;
}


.BlogRight .BlogDate
{
    color: #66cc33;
}

.BlogRight p.BlogText
{
    margin: 0;
    padding: 1.2em 0 0 0;
}
.BlogRight p.BlogText a
{
    text-decoration: underline;
}
.BlogRight p.BlogText a:hover
{
    color: #66cc33;
}

.BlogOlderNewer 
{
    display: block;
    float: right;
    padding: 1.5em 14px 1em 0;
    font-weight: bold;
}
.BlogOlderNewer .BlogOlder
{
    margin: 0 0 0 1.5em;
}
.BlogBackToIndex 
{
    margin: 0 14px 0 0;
}

/* ---- Home ---- */

.homeContactusGoto img
{
    border: 0;
    vertical-align: middle;
    padding: 0 0 3px 3px;
}

.homeFirstBlog h4 
{
    margin: 0;
    padding: 0.5em 0 0 0;
}
.homeFirstBlog p 
{
    margin: 0 !important;
    padding: 0;
    display: block;
}
.homeFirstBlog p.homeFirstBlogText
{
    border-top: dotted 1px #000;
    margin: 0.5em 0 0 0 !important;
    padding: 0.5em 0 0 0 !important;
}
a.homeFirstBlogThumb
{
    margin: 0;
    padding: 0;
    display: block;
    width: 225px;
    height: 125px;
    border: solid 1px #ddd;
    text-align: center;
    vertical-align: middle;
}
#homeBlog
{
    /* Height is defined above */
    border-bottom: none;
    padding-bottom: 0; /* Override */
}
#homeBlog ul
{
    margin: 0;
    padding: 0;
    list-style: none;
    display: block;
    float: left;
    width: 473px;
}
#homeBlog ul li
{
    margin: 0 0 0.5em 0;
    padding: 0 0 0.5em 0;
    border-bottom: dotted 1px #000;
}
#homeBlog a.goto
{
    float: right;
    margin: 0 0 0 1em;
    padding: 4px 0 0 0;
}

#homeBlog ul li h4
{
    margin: 0;
    padding: 0;
    float: left;
}
a.homeBlogAuthor 
{
    margin-right: 0.5em;
    border-right: solid 1px #ccc;
    padding-right: 0.5em;
}
.homeBlogDate
{
    color: #66cc33;
}

/* ---- Contact Us ---- */

div#contactUsForm
{
    padding: 1em 0 0 0;
    border-top: dotted 1px #000;
}

#contactUsForm label, div.contactusLabel, div.recaptchaLabel
{
    vertical-align: top;
    width: 5em;
    display: block;
    float: left;
    margin: 0;
    font-weight: bold;
    padding: 3px 1em 0 0;
}
div.recaptchaLabel
{
    width: 4.7em;
}
#contactUsForm label:after
{
    content: ":";
}
#contactUsForm input.text, #contactUsForm textarea.text
{
    width: 300px;
}
#contactUsForm input.text, #contactUsForm textarea.text, #contactUsForm select.text
{
    margin: 0 0 1em 0;
}
.contactUsThankYou, .contactUsError
{
    padding: 1em 0;
    margin: 0;
/*
    border-top: dotted 1px #000;
*/
}
.contactUsError
{
    color: #cc0000;
}
.contactUsDirections 
{
    border-top: dotted 1px #000;
}
.contactUsDirections a
{
    text-decoration: underline;
}
.contactUsDirections a:hover
{
    color: #66cc33;
}

/* About Us */

.dictionary
{
    font-family: Georgia, Serif;
    font-size: 1.1em;
    display: block;
    margin: 0;
    padding: 0.8em 0 0 4px;
    border-top: dotted 1px #000;
}
.dictionary-1
{
    font-family: Arial, Sans-Serif;
    font-weight: bold;
    margin: 0 2px 0 -4px;
}
.dictionary-2
{
    margin: 0 2px 0 0;
}
.dictionary-3
{
    font-style: italic;
    margin: 0 4px 0 0;
}

div.aboutUs
{
    
/*
    width: 720px;
*/
}
.aboutUs h2 
{
    margin: 0 0 10px 0;
    padding-bottom: 10px;
    border-bottom: dotted 1px #000;
}
.aboutUs p
{
    margin: 0 0 0.8em 0 !important;
}
.aboutUs a 
{
    text-decoration: underline;
}
.aboutUs a:hover
{
    color: #66cc33;
}