@charset "UTF-8";
/* CSS Document */

/* Main Styles for Corporate Main */

body {
    margin: 0px 0px 0px 0px;
    padding: 0px;
    width: 100%;
    background-image: url(../../images/bg_category_page.png);
    background-color: #5a715d;
    background-repeat:repeat-x;
    font: 12px "Times New Roman" , Georgia, serif;
    color: #4c4c4c;
}


#top {
    margin: 0px 0px 0px 0px;
    padding: 0px;
    width: 100%;
    height: 100px;
    background-image: url(../../images/bg_category_header.png);
}


#wrapper {
    text-align: left;
    margin: 0px auto;
    padding: 0px; /* border: 1px solid #ffffff; */
    width: 980px;
    height: auto;
}



#main {
    margin: -100px 0px 0px 0px;
    padding: 0px;
    width: 100%; 
}


#header {
    margin: 0px 0px 0px 0px;
    padding: 0px;
    width: 100%;
    height: 100px;
}



#logo {
    margin: 35px 0px 0px 40px;
    padding: 0px;
    width: 240px;
    height: 40px;
    background-image: url(../../images/main_logo.png);
    position: absolute;
}

#logo a {
    display:block;
    padding: 0px;
    width: 240px;
    height: 40px;
}
 
/* Menu */

#menu {
    width: 600px;
    height: 50px;
    position: absolute;
    margin-left: 350px;
    margin-top: 27px;
    z-index: 1; /* border-top: 1px solid #000000; 	border-bottom: 1px solid #000000; 	border-right: 1px solid #000000; 	border-left: 1px solid #000000; */ /* background: url(images/img03.jpg) no-repeat; */
}


#menu ul {
    margin: 0;
    padding: 0px;
    list-style: none;
    text-align: center;
}

#menu li {
    display: inline;
}

#menu a {
    display: block;
    float: left;
    width: 200px;
    height: 51px;
    overflow: auto;
    text-decoration: none;
    text-align: center; /* letter-spacing: -.5px; */
    font: 24px "Times New Roman" , Georgia, Times, serif;
    background: url(../images/navbutton_off.png) no-repeat;
    color: #ffffff;
    padding-top: 8px;
    line-height: 100%;
}

#menu a:hover {
    background: url(../../images/catnavbutton_on.png) no-repeat;
    color: #ffffff; /* color: #69472c; */
}

.menu_text {
    text-decoration: none;
    text-align: center;
    text-transform: uppercase; /* letter-spacing: -.5px; */
    font-size: 9px;
    font: 9px "Arial" , sans-serif;
    line-height: 15px;
    color: #9d9571;
}


#submenu {
    width: 600px;
    height: 22px;
    position: absolute;
    margin-left: 340px;
    margin-top: 0px;
    padding-top: 6px;
    text-align: right;
}


.submenulink {
    text-decoration: none;
    text-transform: uppercase;
    text-align: right;
    font: 10px "Arial" , san-serif;
    color: #cccccc;
}




.submenulink a {
    text-decoration: none;
    color: #cccccc;
}
.submenulink a:hover {
    color: #ffffff;
    text-decoration: underline;
}



.nav_vertical {
    width: 1px;
    height: 65px;
    background: url(../../images/nav_vertical.png) no-repeat;
}

#top-banner {
    width: 677px;
    height: 272px;
    display: block;
    margin: 66px 0px 0px 18px;
    position: absolute;
}

#focus {
    width: 210px;
    height: 275px;
    display: block;
    margin: 132px 0px 0px 716px;
    padding: 0px;
    position: absolute;
}

.focus_header {
    /*width: 250px; /*height: 18px;*/
    text-transform: uppercase;
    text-align: left;
    margin-top: 0px;
    padding: 5px;
    font: 11px "Arial" , san-serif;
    color: #ffffff; /*border-top: 1px solid #5a715e;*/ /*position: relative;*/
}

.teal_header {
    background-color:#2F5664;
    text-transform: uppercase;
    text-align: left;
    margin-top: 0px;
    padding: 5px;
    font: 13px "Arial" , san-serif;
    letter-spacing:0.2em;
    color: #ffffff;
}

.purple_header {
    background-color:#4F4361;
    text-transform: uppercase;
    text-align: left;
    margin-top: 0px;
    padding: 5px;
    font: 13px "Arial" , san-serif;
    letter-spacing:0.2em;
    color: #ffffff;
}

.olive_header {
    background-color:#816E2E;
    text-transform: uppercase;
    text-align: left;
    margin-top: 0px;
    padding: 5px;
    font: 13px "Arial" , san-serif;
    letter-spacing:0.2em;
    color: #ffffff;
}

.green_header {
    background-color:#39553E;
    text-transform: uppercase;
    text-align: left;
    margin-top: 0px;
    padding: 5px;
    font: 13px "Arial" , san-serif;
    letter-spacing:0.2em;
    color: #ffffff;
}
.focus_text {
    width: 210px;
    text-align: left;
    padding: 8px;
    font: 12px "Times New Roman" , Georgia, serif;
    color: #ffffff;
}


#contentfloatholder {
    /* right faux column tab */
    float: left;
    width: 100%;
}




#maincontent {
    width: 890px;
    display: block;
    margin: 3px 0px 0px 35px;
    padding: 10px;
    display: block;
    background: #6f8173 url(../../images/bg_category_content.png) repeat-x;
}


#news {
    width: 210px;
    display: block;
    margin: 420px 0px 0px 716px;
    padding: 0px;
    position: absolute;
}

/*Divs for dividing content area into two equal halves*/
#lefthalf {
    width: 410px;
    float: left;
    min-height:200px;
    height: auto;
    padding: 10px;
}

#righthalf {
    width: 410px;
    float: right;
    min-height:200px;
    height: auto;
    padding: 10px;
}

/*Divs for dividing content area into two halves - narrower left, wider right*/
#leftnarrow {
    width: 350px;
    float: left;
    height: auto;
    padding: 10px;
}

#rightwide {
    width: 470px;
    float: right;
    height: auto;
    padding: 10px;
}

/*Divs for dividing content area into two halves - wider left, narrower right*/
#leftwide {
    width: 470px;
    float: left;
    height: auto;
    padding: 10px;
}

#rightnarrow {
    width: 350px;
    float: right;
    height: auto;
    padding: 10px;
}

/*Divs for dividing content area into two halves - narrower left, wider right*/
div.lefthalf_33percent {
    float:left;
    width:33%;
}

div.righthalf_66percent {
    float:right;
    width:66%;
}

/*Featured property boxes on commercial.aspx*/
div#FeatureProp {
    width: 365px;
    height: 550px;
    margin: 0 0 0 32px;
    padding: 0;
}

.FeatureText {
    width: 149px;
    height: 97px;
    font-family: Arial, Sans-Serif;
    font-size: 11px;
    line-height: 13px;
    padding: 5px 10px;
    float: left;
}
div#FeatureProp img {
    float: right;
    margin: 2px;
    border: 0;
}

div#FeatureProp a {
    text-decoration:none;
    color:#ffffff;
}

div#FeatureProp a.block {
    display: block;
    width: 169px;
    height: 107px;
    float:left;
    margin-left: -169px;
}


#Sansome {
    width: 363px;
    height: 107px;
    margin: 0 0 15px 0;
    padding: 0;
    background-color: #2F5664;
    color: #FFFFFF;
}
#Borel {
    width: 363px;
    height: 107px;
    margin: 0 0 15px 0;
    padding: 0;
    background-color: #4F4361;
    color: #FFFFFF;
}
#Levis {
    width: 363px;
    height: 107px;
    margin: 0 0 15px 0;
    padding: 0;
    background-color: #816E2E;
    color: #FFFFFF;
}
#University {
    width: 363px;
    height: 107px;
    margin: 0 0 15px 0;
    padding: 0;
    background-color: #39553E;
    color: #FFFFFF;
}

/* Photo Gallery for Commercial Properties */
#commercial_photos {
    width:100%; 
    clear:both; 
    float:right; 
    padding-top:20px; 
    text-align:right;
}
#commercial_photos img {
    margin-left:10px;
    border: 1px solid #999999;
}
/*Horizontal text menu for residential communities home page*/
#communities_menu {
    width: 100%;
    padding: 10px 0;
    text-align: center;
    font-size: 12px;
    color: #39553e;
    text-transform: uppercase;
}

#communities_menu a, #communities_menu a:visited {
    color: #39553e;
    text-decoration: none;
}
#communities_menu a:hover {
    text-decoration: underline;
}

/*Info panels for residentital communities home page*/
#info_panel {
    width: 890px;
    height: 520px;
    margin: 0px 0px 10px 0px;
    padding: 0;
    display: block;
    position: relative;
    text-align: center;
    color: #39553e;
    font: 11px "Arial" , san-serif;
}

div.res_info {
    display: block;
    width: 242px;
    height: 222px;
    padding: 2px;
    background: url(../../images/bg_IC_residential_tile.png) repeat-x;
    background-color: #e9e8db;
    border: 2px solid #ffffff;
}
div.res_info a {
    text-decoration: none;
    display: block;
    width: 242px;
    height: 222px;
    margin: 0;
    padding: 0;
    top: -4px;
    left: -4px;
    color: #39553e;
}

div.res_info:hover {
    border-color: #39553E;
}

#info_1 {
    position: absolute;
    top: 20px;
    left: 50px;
}

#info_2 {
    position: absolute;
    top: 20px;
    left: 320px;
}
#info_3 {
    position: absolute;
    top: 20px;
    left: 590px;
}
#info_4 {
    position: absolute;
    top: 280px;
    left: 185px;
}
#info_5 {
    position: absolute;
    top: 280px;
    left: 455px;
}



.news_text {
    width: 180px;
    text-align: left;
    padding: 8px;
    font: 12px "Times New Roman" , Georgia, serif;
    color: #4c4c4c;
}

p {
    color: #4c4c4c;
    font-weight: normal;
    line-height: 15px;
}

h1 {
    font-size: 22px;
    font-weight: normal;
    color: #39553e;
    margin:0;
}

h2 {
    font-size: 19px;
    font-weight: normal;
    color: #39553e;
}

h3 {
    font-size: 12px;
    padding-top: 0px;
    color: #39553e;
}

h4 {
    text-transform: uppercase;
    font: 9px "Arial" , san-serif;
    color: #39553e;
    padding-top: 0px;
    line-height: 10px;
    padding-bottom: 0px;
}

a img {
    border: none;
}

#banner h1 {
    font-size: 14px;
    padding: 10px 10px 0px 10px;
    margin: 0px;
}


.titl {
    font-size: 13px;
    font-weight: bold;
    color: #ffffff;
    line-height: 100%;
}

.stylized_titl {
    font-size: 9px;
    font-weight: bold;
    line-height: 100%;
}

.stylized_titl2 {
    font-size: 12px;
    font-weight: bold;
    color: #125CAC;
    line-height: 100%;
}

.more {
    text-transform: uppercase;
    font: 9px "Arial" , san-serif;
    font-weight: bold;
    color: #39553e;
    background: url(../../images/arrow_more.png) no-repeat;
    padding-top: 0px;
    line-height: 10px;
    padding-bottom: 0px;
}

.more a {
    text-decoration: none;
    color: #39553e;
}
.more a:hover {
    color: #000000;
    text-decoration: underline;
}


/* more link for reverse backgrounds */

.more2 {
    text-transform: uppercase;
    font: 9px "Arial" , san-serif;
    font-weight: bold;
    color: #ffffff;
    background: url(../../images/arrow_more.png) no-repeat;
    padding-top: 0px;
    line-height: 10px;
    padding-bottom: 0px;
}

.more2 a {
    text-decoration: none;
    color: #ffffff;
}
.more2 a:hover {
    color: #000000;
    text-decoration: underline;
}

.imgLeft {
    float: left; padding-right:15px;
}
.imgRight {
    float: right; padding-left:15px;
}

.green {
    color: #39553e;
}
.teal {
    color:#2F5664;
}
.purple {
    color:#4F4361;
}
.olive {
    color:#816E2E;
}

#footer {
    clear: both;
    padding: 0;
    width: 910px;
    height: 84px;
    margin: 10px 0px 0px 35px;
    background-image: url(../../images/bg_category_footer.png); /* border: 1px solid #ffffff; */
}


.footer_address {
    width: 600px;
    height: 84px;
    float:right;
    text-align:center;
    margin-top: 0px;
    text-decoration: none;
    text-transform: uppercase;
    padding-top: 16px;
    font: 10px "Arial" , san-serif;
    color: #9D9571;
    left: 16px;
}

#commercial_pgmenu {
    float: left;
    width: 450px;
    padding: 5px 10px;
}

.green_upper {
    text-transform: uppercase;
    font: 10px "Arial" , san-serif;
    color: #39553e;
}
.green_upper a {
    color: #39553e;
    text-decoration: none;
}
.green_upper a:hover {
    text-decoration: underline;
}
.commercial_feature_text {
    font: 11px "Arial",san-serif;
    color: #39553e;
    }
    
.clearfloats {
    clear:both;
}

.smallText {font-size:0.9em;}
.smallText2 {font-size:0.8em;}