﻿@charset "utf-8";
/* 
-----------------------------------------------------------------------
Commerce Real Estate Solutions Base CSS
Author: Michael Easley
Last Updated: 07/10
----------------------------------------------------------------------- */
body{
background:#777777;
margin:0;
padding:0
}
object { display:block; }
/* =Columns
----------------------------------------------------------------------- */
.column1{
padding:0 0 0 0.83em
}
.four-column {width:24%; margin-right:1%; float:left;}
.maincolumn{
float:left;
margin-left:0.67em;
width:51.83em
}
#mast{
margin:0 0 1.50em 0
}

#column3{
padding:0 0.83em 0 0
}
#crg_container{
background:#ffffff
}
#header{
background:#003366;
height:90px;
width:950px;
float:left;

}
#logo{
width:280px;
float:left;
padding:24px 0 0 10px;
background:none;
}
#sidebar {background:#333;padding:5px; width:220px; color:#FFFFFF}
#sidebar h5 {color:#fff}
#sidebar a {color:#fff}
#sidebar ul {list-style:none;margin:0 0 10px 0;padding:0;}
#sidebar ul li {margin:0; background:none; padding:0 0 5px}
/* =Navigation
----------------------------------------------------------------------- */
#nav-box{
width:590px;
margin:45px 6px 0 0;
padding:0;
float:right;
font:bold 13px droid sans, sans-serif;

}
#nav-box li{

display:inline;
list-style:none;
margin:0 4px 0 0;
padding: 0 8px 0 0;
border-right:1px solid #fff;
}
#nav-box li#end {border:0; margin-right:0}
#nav-box a{text-decoration:none; padding:2px; color:#fff}
#nav-box a:visited{color:#fff}
#nav-box a:hover{background-color:#ffd700; color: #000}
.subnav{
border-bottom:1px solid #808080;
margin:0;
padding:0;
width:100%
}
.subnav li{
border-top:1px solid #808080;
list-style:none;
margin:0;
padding:0.25em 0
}
.subnav li a{
color:#000000;
text-decoration:none
}
.subnav li a:hover{
background:#000000;
color:#ffffff
}
.subnav li ul{
border-top:1px solid #808080;
margin:0;
padding:5px 0 0 20px
}
.subnav li ul li{
border:none
}
/* =Home Page
----------------------------------------------------------------------- */
#index-content{width:660px; padding:0 10px; float:left;}
#top-content{float:left; position:relative; width:950px; margin-bottom:18px; overflow:none}

#featured-property {float:left; margin:0 0 18px 0; width:100%}
#featured-property img {float:left; margin-right:10px; width:330px; height:220px}
#featured-property ul {float:left; margin:0; padding:0}
#featured-property ul li {list-style:none; padding:0; margin:0;}

#cushwake-info{width:640px; float:left; background:#E5E6E8; padding:10px}
#cushwake-info ul li a {color:#333}
#cw-right {float:left; width:320px;}
#cw-right ul {padding:0; margin:0; list-style:none list-style:none}
#cw-right ul li {display:inline; float:left; width:150px; }
#cw-right ul li a {color:#333}
#cw-left {float:left; width:320px;}
#cw-left ul {padding:0; margin:0; list-style:none}
#cw-left ul li {float:left; display:inline; width:150px; padding:0 0 10px 0}



#carousel-nav {position:absolute; right:410px; top:230px; z-index:50}
#carousel-nav a { border: 1px solid #fff; color: #fff; background: #000; text-decoration: none; margin: 0 5px; padding: 3px 5px}
#carousel-nav a.activeSlide { color: #3695CD }
#carousel-nav a:focus {outline: none}

#carousel{float:left; width: 545px; height:270px}
#carousel div {float:left; height:100%;}
#carousel div p {width: 220px; color:#FFF; height:95px; background: #3695CD; position:absolute; left:10px; top:10px}
#carousel div p a{text-decoration:none;color:#fff; display:block; height:90%;padding:5px}
#carousel div p a:hover {color:#fff; background:#58A7D6}
#carousel-btn {background:#000; padding: 0 3px; margin:5px 0 0 0; display:inline-block}
#intro {width:285px;float:left; background:#E5E6E8;height:250px; padding:10px; margin:0; line-height:1.4}
#front-btns {float:left;width:100px; height:270px}
#front-btns {margin:0; padding:0}
#front-btns li {margin:0; padding:0; list-style-type:none; float:left; height:90px}
#front-btns li a {margin:0; padding:0}


ul#social-media-icons {margin:0 0 18px 0;padding:0}
ul#social-media-icons li{
display:inline-block;
padding:0;
background:none;
margin:0 26px 0 0
}
ul#social-media-icons li#social-networking-end{margin:0}

#rss-feed {list-style:none; margin:0}
#rss-feed li {margin:0 10px 0 0; padding:0 0 20px 0}
#rss-feed a:visited {color:#666666}


/* =Properties
----------------------------------------------------------------------- */
.property-search-nav{
background:#333333;
height:90px;
margin:0 0 10px 0;
padding:5px 10px;
width:170px
}
#mapping-search-bubble{
height:300px;
max-width:301px;
overflow:auto
}
#find-properties{

color:#111111;
float:left;
font-size:18px;
height:23px;
padding:5px 0 2px 0;
width:200px
}
.property-search-header{
background:#E5E6E8;
float:left;
height:33px;
margin-bottom:1em;
padding-left:5px;
width:710px
}
.property-search-nav ul{
display:inline;
list-style:none;
margin:0;
padding:0
}
.property-search-nav ul li{
color:#ffffff;
float:left;
padding:0;
width:50px
}
.property-search-nav ul li#center{
margin:0 0 0 10px
}
.property-search-nav ul li#last{
float:right
}
.property-search-nav ul li a{color:#ffffff}

/* =Agent Profile
----------------------------------------------------------------------- */
.agent-prop-search-header{
background:#E5E6E8;
display:inline;
float:left;
height:33px;
margin:0 0 12px 10px;
padding-left:5px;
width:910px
}
.sort-by{
float:right;
margin:0 5px 0 0;
padding:0;
text-align:right;
font:400 12px "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Verdana, Tahoma, sans-serif;
}

#major-use-heading{
margin-bottom:0
}
.major-use{
border:1px solid #000000;
padding:5px;
width:135px
}
.major-use input{
border:0px
}
.agent-info {list-style:none; padding:0; margin:0;}
.agent-info li {padding:0 0 10px 0}

/* =Mapping 
----------------------------------------------------------------------- */
.mapping p{
background:#ffffff;
margin:0;
padding:0
}
/* =Executive Team
----------------------------------------------------------------------- */
.executivecolumn{
float:left;
margin-right:11.92em;
width:11.75em
}
.executivecolumn p,.executiveemail{
padding:0.25em
}

/* =Asset Services
----------------------------------------------------------------------- */
#slideshow{margin-bottom:1.5em; width:100%; float:left; }

/* =Footer
----------------------------------------------------------------------- */
#footer{
background:#333;
color:#fff;
height:54px;
margin:15px 0 0 0;
padding:15px 0 0 0;
width:950px;
float:left;
}
#footer a:visited{
color:#cccccc
}
#footer p{float:left; width: 490px; margin:0 0 0 10px}
#footer ul{
float:right;
margin:0;
text-align:left;
width:400px;
padding:0
}
#footer ul li{
color:#fff;
display:inline-block;
list-style:none;
margin:0;
padding-left:5px;

}
#footer-nav ul{
margin:0;
padding:0
}
#footer a,#footer-nav li a:link,#footer-nav li a:visited{
color:#fff
}
/* =Headings
----------------------------------------------------------------------- */
h1{
background:#E5E6E8;
color:#666;
padding:7px 0 7px 4px;
font:bold 16px 'Droid Sans', arial, serif;
}
h2 {font:bold 16px 'Droid Sans', arial, serif; color:#333; line-height:24px}
h3{
background:#E5E6E8;
color:#333333;
padding-top:5px
}
h4{
border-bottom:1px solid #cccccc;
color:#333333;
font-weight:bold;
padding:0.25em 0
}
.research-list h4{
margin-bottom:0.75em
}
/* =Tables
----------------------------------------------------------------------- */
tr.available-space-row td{
background:#666666;
color:#ffffff
}
.column-border td{
background:#ccc;
border-right:1px solid #ffffff;
padding:0.5em
}
.column-border th{
background:#efefef
}
.column-border-client td{
background:#ffffff;
border-right:1px solid #333333;
border-top:1px solid #333333;
padding:0.5em
}
.even-col{
background:#efefef;
color:#333333
}
.fact-tables{
border-collapse:collapse;
text-align:left
}
.fact-tables td{
border-bottom:1px solid #ffffff;
padding:0.5em
}
table.identify td{
padding:0px;
text-align:left
}
table.identify a{
color:#000000;
text-align:left
}
#property-table table{
border-collapse:collapse;
table-layout:auto
}
#property-table td{
border-top:1px solid #ccc;
padding:0.75em 0;
vertical-align:top
}
#property-table td#col-1{
padding-right:30px
}
#property-table td#col-2{
padding-right:1.5em
}
.no-border td{
border:0
}
.odd-col{
background:#ccc;
color:#333333;
font-weight:bold
}
.odd-col-client{
background:#ccc;
color:#333333
}
.apartments-head-1{
background:#666666;
border-right:1px solid #ffffff;
color:#ffffff;
font-weight:bold
}
.apartments-head-2{
background:#666666;
color:#ffffff;
font-weight:bold
}
.available-space-row,table.identify{
border-collapse:collapse
}
#last_row{
padding-bottom:10px
}
/* =Lists
----------------------------------------------------------------------- */
.client-list li{
margin:0;
padding:0.38em 0 0 0
}

.letter-menu-list ul{
border-top:1px solid #cccccc;
margin:0;
padding:5px 0
}
.letter-menu-list li{
display:inline;
list-style:none;
margin:0;
padding-right:10px
}

.mainlist li{
background:url("/list_button.gif") no-repeat 0 .4em;
padding:0 0 0.25em 1em
}
.mainlist ul{
list-style-type:none;
margin:0;
padding:0 0 1.5em 0
}

div#affiliations ul {padding:0;margin:0}
div#affiliations ul li {
background:none;
display:inline;
padding:0;
margin:0 8px 0 0
}


/* =Links
----------------------------------------------------------------------- */
a{
color:#333333
}
a:visited{
color:#666666
}
a:hover{
text-decoration:none
}
/* =Forms
----------------------------------------------------------------------- */
input{
border:1px solid #000000;
margin:0 2px 0 0
}
select{
margin:2px 2px 1px 0;
padding:0
}
textarea{
margin:2px 2px 1px 0;
padding:0;
vertical-align:top
}
.crgform fieldset{
border:3px double #878177;
margin:20px 0;
padding:15px 0.75em
}
.crgform form{
border:1px solid #666666;
font-family:Arial,Sans-Serif;
padding:0.75em
}
.crgform form ul li{
margin:0 0 0.75em 0
}
.crgform label{
color:#000000;
display:block;
font:1em Arial,Helvetica,sans-serif
}
.crgform legend{
background:#ffffdd;
border:1px solid #878177;
color:#1c1c1c;
padding:2px 5px
}
.contactform{
border:1px solid #bfbfbf;
margin-bottom:1.5em;
padding-bottom:1.5em
}
.contactform li{
float:left;
margin:0 1.5em 0 0;
padding:0.5em 0 0 1.5em
}
.contactform .txtfield{
float:left
}
.contactform textarea{
height:150px;
width:645px
}
.contactform ul label{
color:#333333;
display:block;
padding:0.25em 0
}
.research-list li{
background:none;
margin:0;
padding:0 0 0.75em 0
}
.research-list ul{
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0;
padding:0
}
.sitemap li{
margin-left:4.17em
}
.sitemap ul{
font-size:1.3em
}
.crgform form ul,.client-list ul,.contactform ul{
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0
}
#map-search-legend {
list-style:none;
padding:0;
margin:0 0 10px 0;
float:left;
width:100%;
}
#map-search-legend li {display:inline}
#map-search-legend img{
float:left;
padding-right:3px
}
#map-search-legend p{
float:left;
padding-top:5px;
margin:0 10px 0 0;
}
/* =Miscellaneous
----------------------------------------------------------------------- */
.bottom-padding{
padding-bottom:0.5em
}
.bottom-space{
margin-bottom:1.3em
}
.clearleft{
clear:left
}
.clearright{
clear:right
}
.buttoncontainer{
padding-bottom:1.5em
}
.floatleft{
float:left
}
.floatright{
float:right
}
.rightalign{
text-align:right
}
.page-height{
height:31.25em
}
.top-padding{
padding-top:0.5em
}

