/***********************************************************
Blue:      #166298
Green:     #5c730e
Orange:    #ba600a
***********************************************************/
@import url('Resets.css');

body {
    background: url('../images/bodybkg.gif') repeat-y center top; 
    font: 62.5% Century Gothic, Arial, Sans-Serif;
    margin: 0 auto;
    text-align: center;
    width: 800px;
}
h1, h2, h3, h4, h5, h6 { font-family: Century Gothic, Arial, Sans-Serif; }
h1 { font-size: 4em; font-weight: bold; }
h2 { font-size: 4em; font-weight: bold; }
h3 { font-size: 1.6em; }
h4 { font-size: 1.6em; color: #fff;}
h5 { font-size: 1.4em; }
input { background: #fff; font: 1em Century Gothic, Arial, Sans-Serif; }
label { font: 1em Century Gothic, Arial, Sans-Serif; color: #fff; } 
option { padding-left: 5px; }
p { line-height: 18px; }
select { background: #fff; width: 100%; }
#wrapper { text-align: left; }

/* TOP NAVIGATION
************************************************************/
#nav ul { padding: 30px 0 0 30px; }
#nav li { float: left; margin: 0 6px 0 0; }
#nav a {
    background: #fff; 
    color: #166298;
    cursor: pointer;
    display: block;
    font: 1.5em Verdana, Arial, Sans-Serif;
    font-weight: bold;
    padding: 1px 15px;
    text-align: center;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    -webkit-border-top-right-radius: 5px;
    -webkit-border-top-left-radius: 5px;
}
#nav a:hover { color: #ba600a; cursor: pointer; }

/* MAIN CONTENT AREA
************************************************************/
#logo { background: url('../images/logo.gif'); font-size: 0; height: 160px; margin: 0 auto; }
#main { background: #fff; padding: 0 43px 17px 43px; -moz-border-radius: 15px; -webkit-border-radius: 15px; }

/* BLUE BOX
************************************************************/
.blue {
    background: url('../images/bluegradient.gif') 0 0 repeat-y; 
    color: #fff;
    float:left;
    font: 1em Century Gothic, Arial, Sans-Serif;
    width: 335px;
}

.blue a { color: #fff; font-size: 1.4em; }
.blue a:hover { text-decoration: underline; }
.blue h2, .blue h4 { margin-bottom: 10px; }
.blue h4 { font-size: 1.8em; margin-bottom: 15px; }
.blue h5 { color: #fff; font-size: 1.8em; font-weight: bold; margin-bottom: 10px; }
.blue p { font-size: 1.2em; }
.blue p a { font-size: 1em; }
.blue #search-now { 
    background: #fff;
    border: none; 
    color: #166298;
    cursor: pointer; 
    display: block;
    float: right;
    font-size: 1.8em;
    margin-top: 10px;
    padding: 2px 10px; 
}
.blue #search-now:hover { background: #166298; color: #fff; text-decoration: none !important; }
.blue .button {
    border: none; 
    color: #166298;
    cursor: pointer; 
    float: right;
    font-size: 1.8em;
    padding: 1px 10px; 
}
.blue .button:hover { background: #166298; color: #fff; }
.blue .dropdown { 
    color: #166298; 
    font-size: 1.8em;
    margin: 10px 0; 
    padding-left: 5px;
}
.blue-top div { background: url(../images/tl.gif) no-repeat top left; }
.blue-top { background: transparent url(../images/tr.gif) no-repeat top right; }
.blue-bottom div { background: url(../images/bl.gif) no-repeat bottom left; }
.blue-bottom { background: transparent url(../images/br.gif) no-repeat bottom right; }
.blue-top div, .blue-top,
.blue-bottom div, .blue-bottom { width: 100%; height: 20px; font-size: 1px; }
.blue-content { margin: 0 15px; min-height: 29em; padding: 0 15px; }

/* GREEN BOX
************************************************************/
.green {
    background: url('../images/greengradient.gif') repeat-y top left; 
    font: 1em Century Gothic, Arial, Sans-Serif;
    margin: 0 0 0 378px;
}
.green a { color: #fff; }
.green a:hover { text-decoration: underline; }
.green h1 { color: #fff; font-size: 1.8em; font-weight: bold; margin-bottom: 10px; }
.green h2 { color: #fff; font-size: 1.8em; font-weight: bold; margin-bottom: 10px; }
.green p { color: #fff; font-size: 1.2em; }
.green label { display: block; font-size: 1.5em; font-weight: bold; margin-top: 10px; }
.green span { color: #fff; font-size: 1.4em; }
.green .button {
    border: none; 
    color: #5c730e;
    cursor: pointer; 
    float: right;
    font-size: 1.8em;
    padding: 1px 10px; 
}
.green .button:hover { background: #5c730e; color: #fff; }
.green .checkbox { background: transparent !important; margin-right: 5px; }
.green .dropdown { color: #5c730e; font-size: 1.8em; }
.green .price-range-text { display: block; float: left; width: 90px; }
.green .price-text-box { margin-bottom: 5px; }
.green .text-box { color: #5c730e; font-size: 1.8em; width: 70px; }
.green-top div { background: url(../images/tl.gif) no-repeat top left; }
.green-top { background: transparent url(../images/tr.gif) no-repeat top right; }
.green-bottom div { background: url(../images/bl.gif) no-repeat bottom left; }
.green-bottom { background: transparent url(../images/br.gif) no-repeat bottom right; }
.green-top div, .green-top,
.green-bottom div, .green-bottom { width: 100%; height: 20px; font-size: 1px; }
.green-content { margin: 0 15px; min-height: 29em; padding: 0 15px; }

/* GRAY BOX
************************************************************/
#gray {
    background: #fff url('../images/graybkg.jpg');
    font-size: 1em;
    height: 130px;
    margin-top: 28px;
    padding: 80px 350px 0px 40px;
}
#gray p { color: #fff; font-size: 1.2em; }

/* RESULTS
************************************************************/
#results { font-size: 1em; }
#results p a { color: #166298; font-size: 1.4em; }
#results p a:hover { color: #ba600a; }
#results h3 { color: #166298; margin-bottom: 10px; }
.result { 
    color: #000; 
    border-bottom: 1px solid #166298; 
    font-size: 1.2em; 
    margin-top: 10px;
}
.result a { color: #166298; font-size: 1.6em; font-weight: bold; }
.result a:hover { color: #ba600a; }
.result p { line-height: 24px; }
.result img { float: left; margin: 0 10px 10px 0; width: 150px; }
.pager {
    margin-top: 8px;
    overflow: hidden;
}
.pager a { 
    background: #ecf4f9;
    border: 1px solid #166298;
    color: #166298;
    display: block;
    float: left;
    font: 1.4em bold Century Gothic, Arial, Sans-Serif;
    margin-right: 5px;
    padding: 2px 5px;
}
.pager .page-selected {
    background: #166298;
    color: #fff;
}
.short-desc { float: right; width: 300px; }

/* DETAILS
************************************************************/
#details { font-size: 1em; }
#details h2 { color: #166298; font-size: 2em; margin: 10px 0; }
#details h5 { color: #166298; margin: 6px 0; }
#details p { color: #166298; font-size: 1.4em; margin-left: 20px; }
#details img { margin-bottom: 10px; }
#details-left { float: left; width: 350px; }
#details-right { margin-left: 351px; }
#details ul li { margin-bottom: 8px; }
#contact-form { background: #ecf4f9; padding: 20px; }
#contact-form input { width: 250px; }
#contact-form label { color: #166298; display: block; }
#contact-form p { margin: 0; padding: 3px 0; }
#contact-form textarea { height: 250px; width: 300px; }
#contact-form input, #contact-form textarea { border: 1px solid #166298; padding: 2px 5px; }
#contact-form #submit { color: #fff; background: #166298; width: auto; }
#contact-form #submit:hover { color: #166298; cursor: pointer; background: #ecf4f9; }

/* MAP
************************************************************/
#map-legend { color: #166298; font: 1.4em Century Gothic, Arial, Sans-Serif; margin-bottom: 10px; }
#pins { color: #166298; font: 1.4em Century Gothic, Arial, Sans-Serif; margin-bottom: 10px; }
#pins p:first-child { margin-left: 0; }
#pins p { float: left; margin-left: 42px; }
.VE_Pushpin_Popup_Title { text-align: left; }
.VE_Pushpin_Popup_Title a { color: #166298; display: block; font-weight: bold; }
.VE_Pushpin_Popup_Title a:hover { color: #ba600a; }
.VE_Pushpin_Popup_Body { color: #000; font-size: .9em; text-align: left; }

/* LEGAL
************************************************************/
#legal { font-size: 1em; padding: 15px; text-align: left; width: 410px; }
#legal h2 { color: #166298; font-size: 2em; margin-bottom: 10px; text-align: center; }
#legal p { color: #166298; font: 1.2em Century Gothic, Arial, Sans-Serif; margin-bottom: 15px; }

/* FOOTER
************************************************************/
#footer { color: #fff; font-size: 1.2em; margin: 10px 0; }
#footer a { color: #fff;  }
#footer a:hover { text-decoration: underline; }
#fheo-logo { display: block; float: right; }

/* VALIDATION
************************************************************/
ul.validation-summary-errors {
    background: #FFEBE8;
    border: 1px solid #CC0000;
    font-size: 1.2em;
	margin-bottom: 5px;
	padding: 5px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}
ul.validation-summary-errors li { margin-bottom: 3px !important; }
.error { color: #ff0000 !important; }
.field-validation-error {
    color: #ff0000;
}
.input-validation-error {
    background-color: #ffeeee !important;
}

/* GLOBAL CLASSES
*************************************************************/
.dropdown { font-family: Century Gothic, Arial, Sans-Serif; width: 100%; }
.clear { clear: both; }
.strip { background: #ecf4f9; }