/*
	filename: Default.css
	author: zliniguez
	purpose: provides style detail for site; loads core/reset stylesheets
*/

@import url("reset.css");

/*---------- COLORS ---------*/
/* #4d8abe = light blue      */
/* #ce4553 = AIA red         */
/* #f0e8da = tan background  */
/* #968e7e = dark tan font   */
/*---------------------------*/

/* =TYPOGRAPHY */
body {
    background-color: #8C7D70;
    font-family: "Microsoft Sans Serif";
    padding: 0;
}

div#content p {
    color: #333333;
    font-family: Arial;
    font-size: 1.3em;
    line-height: 1.5em;
    margin: 10px 0;
}
div#content p.home {
    color: #968e7e;
    font-size: 1.3em;
    font-weight: bold;
    line-height: 2em;
}

/* =HEADLINES */
div#content h2, div#content h3 {
    font-family: Arial;
    text-transform: uppercase;
}
div#content h2 {
    color: #990000;
    font-size: 1.4em;
    margin: 15px 0 0 0;
}
div#content h3 {
    color: #4d8abe;
    font-size: 1.5em;
    margin: 30px 0 0 0;
}
div#content h3.top, div#content h4.top { margin-top: 13px; }
div#content h4 {
    color: #4e4b41;
    font-size: 1.4em;
    margin: 30px 0 0 0;
}
div#content h5 {
    color: #4d8abe;
    font-size: 1.2em;
    margin: 0 0 -5px 0;
}
div#content h5.error { color: #ff0000; }

/* =NAVIGATION */
div#navigation-container {
    background-color: #ffffff;
    border-right: 1px dotted #000;
    float: left;
    margin-left: 20px;
    margin-right: 20px;
    padding-right: 30px;
    width: 165px;
}
ul#navigation {
    list-style-type: none;
    padding-top: 10px;
    margin-left: -15px;
    width: 100%;
}
ul#navigation li {
    font-size: 11px;
    padding: 8px 5px;
    border-bottom: 1px dotted #000;
    text-transform: uppercase;
}
ul#navigation li span {
    display: block;
}

/* =LISTS */
div#content ul, div#content ol {
    font-size: 1.3em;
    position: relative;
    left: 20px;
}
div#content dl {
    font-size: 1.3em;
    margin-bottom: 10px;
}
div#content dl dt {
    font-weight: bold;
}
ul.no-show {
    list-style-type: none;
    margin-left: -20px;
    margin-top: 5px;
}
ul.no-show li {
    line-height: 1.8em;
}
ul.highlight li { 
    color: #ce4553; 
    line-height: 1.3em;
}

/* =LAYOUT */
div#container 
{
    background-color: #fff;     
    border: 3px solid #000;
    margin-top: 20px;
    margin: 0 auto;
    width: 875px;    
}
div#header {
    background-color: #fff;
    border-bottom: 1px dotted #000;
    padding: 20px;
    text-align: center;
    width: auto;
}
div#content-container {
    padding: 12px 0 20px 0;
    margin-top: 10px;
    width: 100%;
}
div#content 
{
    background-color: #fff;
    width: 100%;
    margin: 0 auto;    
}
div#inner-content {
    float: left;
    width: 575px;    
}
div#sponsors {
    background-color: #fff;
    padding: 10px 0;
    width: 100%;
}
div#sponsors-container {
    clear: both;
    margin: 0 auto;
    width: 570px;
}
div#sponsors ul {
    display: table;
    list-style-type: none;
    margin: 0 auto;
    white-space: nowrap;
}
div#sponsors ul li {
    border-left: 1px solid #e2d3b9;
    display: table-cell;
    padding: 0 20px;
}
div#sponsors ul li a { 
    display: block; 
    width: auto;
}
div#sponsors ul li.last {
    border-right: 1px solid #e2d3b9;
}
img.sponsor-image { 
}

div#footer {
    color: #464646;
    padding: 0;
    text-align: center;
    width: 100%;
}
.callout-right {
    float: right;
    margin-left: 5px;
    margin-bottom: 5px;
}
div.dotted-line {
    border-top: 1px dotted;
    margin: 10px 0;
    width: 100%;
}
table tr td {
    font-size: 1.2em;
}

/* =LINKS */
a { color: #968e7e; }
a:hover { color: #ce4553; }
ul.highlight a { color: #ce4553; }
ul#navigation a:link, ul#navigation a:visited, ul#navigation:active {
    color: #968e7e;
    font-weight: bold; 
    text-decoration: none;
}
ul#navigation a:hover {    
    color: #ce4553;
}

.error-marker { color: #ff0000; font-size: 1.4em; font-weight: bold; }
.error-summary { font-weight: bold; width: 98%; border: 1px solid #ff0000; padding: 8px; display: block; background-color: #EFD1D1; font-size: 1em; }

.info-message { 
    font-size: 1.1em; background-color: #fff; border: 1px solid #45A8DF; padding: 10px; font-weight: bold; display: block;
}

.btn-upload {
    font-size: .8em;
    padding: 0px;
}

fieldset { 
    padding: 10px;
}

/*--------------------------------*/
/*-------- PAGE SPECIFIC ---------*/
/*--------------------------------*/

/* =HOME */
div#content p.column-left, div#content p.column-right {
    color: #968e7e;
    float: left;
    font-weight: bold;
    width: 47%;
}
div#content p.column-left { margin-right: 30px; }
h3.home-pull-link { 
    position: relative;
    top: -40px;
    text-align: right;
    text-transform: uppercase;
}

div#slideshow-container {
    height: 210px;
}
ul#home-slideshow {
    list-style-type: none;
    margin-left: -20px;
}
ul#home-slideshow li {
}

/* =ARCHITECTS */
ul#architects {
    list-style-type: none;
    margin-left: -20px;
    margin-top: 10px;
}
ul#architects li {
    border-bottom: 1px dotted;
    padding-bottom: 20px;
    padding-top: 15px;
}
ul#architects li dl {
    
}
ul#architects li dl dt {
    font-size: .7em;
}
ul#architects li dl dd {
    font-size: .7em;
}
ul#architects li dl dd.address {
    float: left;
}
ul#architects li dl dd.logo {
    float: right;
}
div#content p.small-highlight {
    font-size: 1.1em;
}
div#content p.small-highlight cite { font-style: normal; }

/* =HOMES */
div#home-container {
    border-top: 1px dotted;
    border-bottom: 1px dotted;
    margin-top: 25px;
    margin-bottom: 15px;
    padding: 20px 0 0 0;
}
div#home-container h3 { 
    display: inline;
    float: left;
    margin-top: -5px;
    padding: 0;
    width: 330px;
}
div#home-container h4.sIFR { 
    display: inline;
    padding: 0; 
    margin: -5px 0 0 0;  
    width: 335px;
}
div#home-container h5.sIFR { 
    display: inline;
    padding: 0; 
    margin: -5px 0 0 0;  
}
div#home-container p { padding: 10px 0; }
div#home-container span#home-images {
    float: right;
    margin-left: 3px;
}
div#home-container span#home-images img { border: 1px solid #fff; }

select.homes-list {
    float: left;
    margin-left: 50px;
}

div.tour-prev, div.tour-next { 
    font-size: 1.2em;
    font-weight: bold;
    text-transform: uppercase;
}
div.tour-prev a, div.tour-next a { color: #000; }
div.tour-prev {
    float: left;
}
div.tour-next {
    float: right;
}

div#sponsor-container {
    margin-bottom: 10px;
}
div#sponsor-container ul { border-top: 1px dotted #a0a0a0; list-style-type: none; position: relative; left: 0px; }
div#sponsor-container ul li { float: left; padding: 0px; text-align: center; width: 48% }
div#sponsor-container ul li a { display: inline-block; }
div#sponsor-container ul li.sponsor-silver, div#sponsor-container ul li.sponsor-bronze, div#sponsor-container ul li.sponsor-contributor, div#sponsor-container ul li.sponsor-builder { height: 25px; line-height: 25px; margin-bottom: 5px; }
div#sponsor-container ul li.sponsor-silver a, div#sponsor-container ul li.sponsor-bronze a { font-size: 1.1em; font-weight: bold; margin-top: 5px; }
div#sponsor-container ul li.sponsor-silver a img.sponsor-image, div#sponsor-container ul li.sponsor-bronze a img.sponsor-image { vertical-align: middle; }
div#sponsor-container ul li.sponsor-contributor { font-size: .9em; font-weight: bold; }
div#sponsor-container ul li.sponsor-builder { font-size: .9em; }
div#sponsor-container ul li.wide { margin-bottom: 0px;  padding-top: 8px; width: 100%; }
div#sponsor-container ul li.short { height: 25px; padding-top: 0px; margin-bottom: 25px; margin-bottom: 2px; }

/* =TOUR-MAP */
iframe#google-map {
    border: 1px solid #968e7e;
    height: 300px;
    width: 100%;
}
#google-map-link { font-weight: bold; }

/* =Q&A */
div#qa {
    margin-top: -15px;
}

    div#qa img { 
        float: right;
        border: 1px solid;
        margin: 0px 0px 0px 10px;
        position: relative;
    }
    
    div#qa h4 {
        border-top: 1px solid;
        clear: both;
        padding-top: 15px;
    }
        
    div#qa img+p {
        margin-top: -10px;
    }
    
    div#qa em {
        display: block;
        border-bottom: 1px solid #CDCDCD;
        font-size: .9em;
        margin-bottom: 5px;           
        margin-top: 20px;
    }

/* =TICKETS */
table#ticket-locations {
}
table#ticket-locations tr td { width: 33%; padding-right: 100px; }
table#ticket-locations tr td dl dt { margin-bottom: -8px; }
table#ticket-locations tr td dl dd { font-family: Arial; font-size: .8em; }

table#tickets-purchase { 
    width: 450px;   
}
table#tickets-purchase tr td {
    font-family: Arial;
}
table#tickets-purchase tr td input[type="text"], table#tickets-purchase tr td select { 
    display: block;
    margin: 5px 10px 5px 0;
    width: 98%;
}
table#tickets-purchase tr td input.txt-zip, table#tickets-purchase tr td select.ddl-tickets { width: 100px; }

/* =FORMS */
.error-summary { width: 480px; border: 1px solid #ff0000; padding: 8px; display: block; background-color: #EFD1D1; font-size: .9em; margin-bottom: 9px; }
.btn-confirm, .btn-back, .btn-order {
    font-family: Arial;
    font-size: 1.2em;
    font-weight: bold;
    margin: 10px 0;
    padding: 10px 5px;
}
.btn-confirm {
    border: 1px solid #4d8abe;
}
.btn-back {
    border: 1px solid #ff0000;
    float: right;
}
.btn-order {
    border: 1px solid #88eda4;
    float: left;
}

/* =MISC */
img#sustainable {
    float: left;
    padding: 3px;
    border: 1px solid #c0c0c0;
    margin-right: 10px;
}

ul#tour-photos {
    list-style-type: none;
    margin-left: -20px;
    width: 100%;
}
ul#tour-photos li {
    float: left;
    margin-right: 3px;
}
ul#tour-photos li img { 
    border: 1px solid #a0a0a0;
}