/* SELECTOR RESET
--------------------------------*/
html, body, div, span, object, iframe, a, dl, dt, dd, abbr, acronym, address, pre, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, var, center, table, fieldset, form, button, fieldset, label, legend, select, textarea,h1,h2,h3,h4,h5,h6 { margin: 0;padding: 0;border: 0;outline: 0;font-size: 100%; }

/* COMMON SELECTOR LAYOUT
--------------------------------*/
body { background: #323232; line-height: 1; color: #545454; font-size:0.6875em; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight:normal; }
blockquote, q {quotes: none;}
:focus {outline: 0;}
ins {text-decoration: none;}
del {text-decoration: line-through;}
table {border-collapse: collapse; margin: 0 auto; }
legend { font-weight:bold; }
p { padding: 5px 0; margin: 0; }
strong, b { }
img { border: 0; display:block; }
input, select { vertical-align: middle; }
button { cursor: pointer; font-family: Verdana, Arial, Helvetica, sans-serif; background:transparent; }
a:link { color: #a82929; line-height:1.1em; }
a:visited { color: #a82929; }
a:hover { color: #a82929; }
a strong { color: #a82929; text-decoration: underline; }
.cms h1,.cms h2,.cms h3,.cms h4,.cms h5,.cms h6 { font-size: 1.1em; font-weight: bold; margin: 5px 0; padding:0; }

/* COMMON SELECTOR CLASSES
---------------------------------*/
/*widths*/
.l1 { width:10px !important;}.l2 { width:20px !important;}.l3 { width:30px !important; }.l4 { width:40px !important;}.l5 { width:50px !important;}.l6 { width:60px !important;}.l7 { width:70px !important;}.l8 { width:80px !important;}.l9 { width:90px !important;}.l10 { width:100px !important;}.l12 { width:120px !important;}.l13 { width:130px !important;}.l14 { width:140px !important;}.l15 { width:150px !important; }.l16 { width:160px !important; }.l17 { width:170px !important; }.l18 { width:180px !important; }.l19 { width:190px !important; }.l20 { width:200px !important; }.l21{ width:210px !important; }.l22{ width:220px !important; }.l23{ width:230px !important; }.l24{ width:240px !important; }.l25{ width:250px !important; }.l26{ width:260px !important; }.l27{ width:270px !important; }.l28{ width:280px !important; }.l29{ width:290px !important; }.l30{ width:300px !important; }.l31{ width:310px !important; }.l32{ width:320px !important; }.l33{ width:330px !important; }.l34{ width:340px !important; }.l35{ width:350px !important; }

/*aligning*/
.text-center { text-align: center; }
.text-right { text-align: right; }
.text-left { text-align: left; }
.align-left { float:left; }
.align-right { float:right; }
.align-middle { vertical-align: middle; }
.align-baseline { vertical-align: baseline; }
.align-top { vertical-align:top; }
.align-bottom { vertical-align: bottom; }
.align-text-bottom { vertical-align: text-bottom; }
.align-text-top { vertical-align:text-top; }

/*positioning*/
.top { display:block; position:absolute; width: 100%; top:0; bottom:auto !important; }
.right { display:block; position:absolute; width: 100%; right:0; left:auto !important; }
.left { display:block; position:absolute; width: 100%; left:0; right:auto !important; }
.bottom { display:block; position:absolute; width: 100%; bottom:0; top:auto !important; }

/*display*/
.inline { display:inline !important; }
.block { display:block !important; }
.block-link { display:block; width: 100%; height: 100%; text-indent:-6000px; }
.visible { visibility:visible !important; }
.hidden { visibility:hidden !important; }
.container { overflow: hidden; width: 100%; }
.required { color:#c00; border:0; }
.num { text-align:right; }
.note { font-style: italic; font-size: 10px; margin: 0 0 0 5px; }
.cms img { display:inline; }
.cms { line-height: 1.4em; }
* html .png { visibility:hidden; }
* html .png-noscale { visibility:hidden; }

select { border: 1px solid #999; background: #FFF !important; }
input.text { padding: 2px; border: 1px solid #999; width: 130px; background: #FFF !important; }
textarea { padding: 2px; border: 1px solid #999;  width:220px; height:60px; }
input.image { }
input.checkbox { width:20px; margin: 1px 0 0 0; vertical-align:top; }
* html input.checkbox { margin-top: -3px; }
*+html input.checkbox { margin-top: -3px; }
input.radio { width:20px; margin: 2px 0 0 0; vertical-align:top; }
* html input.radio { margin-top: -3px; }
*+html input.radio { margin-top: -3px; }

.error, .error strong { color: #C00; }
h3.error { font-weight: normal; border: 1px solid #C00; background: #FBFCFC; padding: 5px; text-align:center; }
p.error { text-align: center; width: 90%; }
.success, .success strong { color: #390; }
p.success { text-align: center; width: 90%; }

.p,.m { display:none; } /*not for web display*/
.buttons { text-align:right; }

/*sprites*/


/* BODY SELECTORS
---------------------------------*/
body .top { background: url(../images/sprite-x.png) repeat-x #323232 0 0; position:absolute; left:0; height: 855px; }
.site { width: 979px; text-align:left; margin: 0 auto 0 auto; position:relative; }
.site .top { background: url(../images/sprite-x.png) 0 -855px repeat-x; left:0; height:527px; }
#internal .top { background: url(../images/sprite-x.png) 0 -1464px repeat-x; height:349px; }

/* BRANDING */
#branding { height: 103px; position:relative; }
#branding .right { background: url(../images/sprite-site.png) 0 -335px repeat-x; top:4px; right: 10px; height:95px; width: 499px; }
#logo { width: 257px; height: 92px; position:absolute; top: 10px; left: 21px; background:url(../images/sprite-site.png) no-repeat 0 -241px; text-indent:-6000px; }

/* PHOTO */
#photo { display:block; width:960px; height:212px; margin: 0 auto; position:relative; background: url(../images/slideshow-loading.gif) 50% 50% no-repeat #000; }
#photo span { display:block; width:946px; height:198px; border:1px solid #fff; position:absolute; top:6px; left: 6px; background:url(../images/sprite-photo.jpg) no-repeat; }

#photo.explore-the-city{ }
#photo.explore-the-city span { z-index:8;}
#photo.explore-the-city span.active { z-index:10; }
#photo.explore-the-city span.last-active { z-index:9; }
#photo.explore-the-city span{ background-image:url(../images/slideshow-explore-city.jpg); }
#photo.explore-the-city #photo-01{ background-position:0 0; }
#photo.explore-the-city #photo-02{ background-position:0 -198px; }
#photo.explore-the-city #photo-03{ background-position:0 -396px; }
#photo.explore-the-city #photo-04{ background-position:0 -594px; }


span#photo-property-finder { background-position: 0 0; }
span#photo-contact-us { background-position: 0 -198px; }
span#photo-explore-the-city { background-position: 0 -396px; }
span#photo-news-events { background-position: 0 -594px; }
span#photo-about-us { background-position: 0 -792px; }
span#photo-commercial { background-position: 0 -990px; }
span#photo-residential { background-position: 0 -1188px; }

/* SLIDESHOW */
#slideshow { display:block; position:relative; width: 960px; height:389px; margin: 0 auto 0 auto; background:#000; overflow:hidden; }
#slideshow .thumbs { display:block; width: 241px; height: 375px; position:absolute; top: 7px; left: 7px; }
#slideshow .thumbs a { cursor: pointer; display:block; width: 239px; height: 89px; border: 1px solid #fff; margin: 0 0 4px 0; background: url(../images/sprite-slideshow.jpg) 0 0 no-repeat; }
#slideshow .display { display:block; position:absolute; top: 7px; right: 7px; width: 696px; height: 373px; border: 1px solid #fff; background: url(../images/slideshow-loading.gif) 50% 50% no-repeat; }
#slideshow .display span { display:block; position:absolute; z-index:8; height: 100%; width:100%; background: url(../images/sprite-slideshow.jpg) 0 0 no-repeat; }
#slideshow .display span.active { z-index:10; }
#slideshow .display span.last-active { z-index:9; }

#photo-01-thumb { background-position: 0 0 !important; }
#photo-02-thumb { background-position: -239px 0 !important; }
#photo-03-thumb { background-position: -478px 0 !important; }
#photo-04-thumb { background-position: -717px 0 !important; height:88px !important; }

#slideshow .display #photo-01 { background-position: 0 -89px; }
#slideshow .display #photo-02 { background-position: 0 -462px; }
#slideshow .display #photo-03 { background-position: 0 -835px; }
#slideshow .display #photo-04 { background-position: 0 -1208px; }

/*NAV*/
#nav { position: absolute; z-index: 10; top:500px; left:0; width: 100%; }
#internal #nav { top: 323px; }
#nav ul { height: 26px; list-style:none; margin:0 0 0 15px;padding:0; position:relative; }
#nav a { text-align:left; display: block; height: 26px; padding: 0 10px; text-indent: -6000px; background: url(../images/sprite-nav.png) no-repeat; }
#nav li { position:relative; }
#nav li.level1 { float: left; display: block; background: url(../images/sprite-nav.png) 0 8px no-repeat; }/*menu category styling*/
#nav li.first { background:none; }
#nav li.last a { border: 0; padding-right:0; }

/* nav dropdown */
#nav li ul a { padding: 5px 3px 5px 20px; text-indent: 0; text-transform:none; height: auto; width: 148px !important; color: #FDFDFD; text-decoration: none; background:none !important; border:0; } /* reset for dropdown */
#nav li ul a.hover { color:#FDFDFD; }
#nav ul ul { display:none; position: absolute; z-index: 10; top: 23px;left: 10px; width: 200px; height: auto; margin:0;padding:0; list-style:none; border-top: 0 #DADCF6 solid; background:none; } /*dropdown properties*/
#nav li ul li { border: #DADCF6 solid; border-width: 0; width:100%; background: #000; }
* html #nav li ul li { height:1%; float:left; }
*+html #nav li ul li { height:1%; float:left; }
#nav li ul li:hover { background:#333; }
#nav li ul li ul { position: absolute; top: 5px; left: 100%; } /*flyout positioning */
#nav li ul li span.flyout { display:block; background:url(../images/nav-flyout.png) no-repeat 99% 9px; }
#nav li a.place-holder { cursor: default; }

#nav li ul li.top { background:url(../images/sprite-transparent.png) no-repeat 0 0; height: 4px; }
#nav li ul li.bottom { background:url(../images/sprite-transparent.png) no-repeat 0 -4px; height: 4px; }
* html #nav li ul li.top { background:#000; font-size: 0; }
* html #nav li ul li.bottom { background:#000; font-size: 0; }

/* nav categories */
#nav #nav-commercial a { background-position: 10px -21px; width: 120px; }
#nav #nav-commercial:hover a {background-position: 10px -47px; }
#nav #nav-residential a { background-position: 10px -73px; width: 154px; }
#nav #nav-residential:hover a {background-position: 10px -99px; }
#nav #nav-about-us a { background-position: 10px -125px; width: 92px; }
#nav #nav-about-us:hover a {background-position: 10px -151px; }
#nav #nav-news-events a { background-position: 10px -177px; width: 131px; }
#nav #nav-news-events:hover a {background-position: 10px -203px; }
#nav #nav-explore-the-city a { background-position: 10px -229px; width: 148px; }
#nav #nav-explore-the-city:hover a {background-position: 10px -255px; }
#nav #nav-contact-us a { background-position: 10px -281px; width: 110px; }
#nav #nav-contact-us:hover a {background-position:  10px -307px; }

/* MAIN */
#main { overflow:hidden; width: 100%; background:#fff; margin: 34px 0 0 0; position:relative; z-index:1; }

/*CONTENT PANEL*/
#content-panel { float:left; width:217px; display:inline; margin:0 0 0 22px; }

/*NAV SUB*/
#nav-sub { width: 100%; margin: 16px 0 0 0; }
#nav-sub ul { list-style:none; padding:0; margin:0; }
#nav-sub li { background:url(../images/sprite-site.png) no-repeat -468px -70px;  padding: 0 0 0 37px; width: 180px; border-bottom:1px solid #c2c8cf; }
#nav-sub li a { color:#454f5e; display:block; line-height: 1.2em; padding: 6px 0; width: 100%; text-decoration:none; }
#nav-sub li a:hover { text-decoration:underline; }

/* CONTENT */
#content { float:right; width: 671px; display:inline; margin: 0 29px 0 0; padding: 0 0 0 0; position:relative; }
#content .cms { margin: 10px 0 0 0; min-height: 350px; }
* html #content .cms { height: 350px; }

/* WHATS AVAILABLE */
#whats-available { border: 1px solid #bbb; float:left; display:inline; margin: 17px 0 0 30px; width:454px; height: 261px; position:relative; }
#whats-available h2 { background:url(../images/sprite-site.png) 0 0 no-repeat; margin:8px 0 4px 18px;padding:0; height: 19px; width: 421px; text-indent: -6000px; }
#whats-available .display { height:216px; }
#whats-available dl { }
#whats-available dt { display:none; }
#whats-available dd { position:relative; border-bottom:1px solid #d0d7db; padding: 10px 0 10px 0; line-height:1.4em; margin: 0 35px 0 15px; height: 85px; }
#whats-available dd .title { margin: 4px 0 0 150px; padding:0; color:#545454; }
#whats-available dd .image { margin: 0 0 0 0; padding:0; position:absolute; top: 10px; left: 0; width: 133px; height: 85px; overflow:hidden; border:1px solid #bbb; }
#whats-available dd .description { margin: 0 0 0 150px; padding:0; }
#whats-available dd.last { border:0; }
#whats-available .bottom { height: 45px; left:0; background:url(../images/sprite-x.png) 0 -1419px repeat-x; }

/* INTRO */
#intro { float:right; display:inline; margin: 17px 30px 0 0; width:454px; position:relative; z-index:10; height: 261px; border: 1px solid #bbb; }
#intro h2 { margin:13px 0 0 18px; padding:0; width:421px; height: 42px; background:url(../images/sprite-site.png) 0 -19px no-repeat; text-indent:-6000px; }
#intro .jScrollPaneContainer { margin: 5px 50px 0 30px; }
#intro .bottom { height: 45px; left:0; background:url(../images/sprite-x.png) 0 -1419px repeat-x; }
#intro .cms {  height: 150px; padding-right: 20px; width: 400px; }

#link-property-finder { margin:0;padding:0; position:absolute; z-index:1; left:19px; bottom: 13px; background:url(../images/sprite-site.png) 0 -96px; height: 34px; width: 208px; }
#internal #link-property-finder { background-position: -208px -96px; position:static; width: 216px; left: auto;bottom:auto; margin: 12px 0 0 0; }
#link-explore-the-city { display: none; margin:0;padding:0; position:absolute; z-index:1; right:17px; bottom: 10px; background:url(../images/sprite-site.png) 0 -61px; height: 35px; width:208px; }
#internal #link-explore-the-city { background-position: -208px -63px; position:static; width: 216px; right: auto;bottom:auto; margin: 5px 0 0 0; }

/*PAGE TITLE*/
#page-title { padding:0;margin:20px 0 0 0; font-weight:normal; height: 19px; line-height:1.1em; background:url(../images/sprite-x.png) repeat-x 0 -1813px; font-size:1.72em; color:#7c0808; font-family: Helvetica, "Microsoft Sans Serif",Arial, sans-serif; }

/* SITE INFO */
#site-info { background: url(../images/sprite-x.png) repeat-x 0 -1381px; height: 37px; padding: 1px 0 0 0; }
#site-info address { margin:0 0 0 0; font-style: normal; position:absolute; width: 142px; height:64px; top: 21px; right: 526px; background:url(../images/sprite-site.png) 241px -241px; text-indent:-6000px; }
#site-info address span { border-right: 1px solid #000; padding: 0 9px 0 6px; }
#site-info address span.last { border-right: 0; }
#site-info address br { display:none; }
#site-info ul { margin: 12px 0 0 27px;padding:0; }
#site-info li { display:inline; background:url(../images/sprite-site.png) -498px 3px no-repeat; }
#site-info li.first { background:none; }
#site-info li a { line-height: 1.1em; padding: 0 5px 0 9px; margin:0; }

/* CORE101 */
#logo-core101 { color:#777; position:relative; height:15px; padding:0 0 0 0; line-height:14px; width: 396px; margin: 19px 0 0 auto; }
#logo-core101 span { background:url(../images/sprite-transparent.png) no-repeat 0 -8px; display:block; width: 15px; height: 15px; position:absolute; right:0; top:0; left:auto; bottom:auto; }
#logo-core101 a { color:#777; text-decoration:none; }

/* PAGES */
#page-property-finder { position:relative; }
#page-property-finder .image { float:left; display:inline; width: 251px; height:190px; background:#dbdbdb; margin: 0;padding:0; }
#page-property-finder .image img { width:239px; height:178px; overflow:hidden; border:1px solid #a1a1a1; margin: 5px 0 0 5px; }
#page-property-finder .specs { float:right; display:inline; width:409px; }
#page-property-finder .specs ul { padding: 0 10px; list-style:none; }
#page-property-finder .specs ul#tabs { padding:0; margin:0; list-style:none; width: 409px; overflow:hidden; }
#page-property-finder .specs ul#tabs li { float:left; width:auto; height:22px; line-height: 22px; border-right: 1px solid #fff; padding: 0 11px; background:url(../images/sprite-site.png) -217px -197px no-repeat #7D7D7D; }
#page-property-finder .specs ul#tabs li.last { border-right:0px; padding-right: 13px; }
#page-property-finder .specs ul#tabs li.active { background-position: -217px -219px; background-color:#990A0A; }
#page-property-finder .specs ul#tabs li a { color:#fff; text-decoration:none; }
#page-property-finder .specs .display { border:1px solid #e7e7e7; margin: 1px 0 0 0; height: 165px; position:relative; }
#page-property-finder .specs .display .content { margin: 13px 0 0 15px; display:none; }
#page-property-finder .specs .display .active { display:block; }
#page-property-finder .specs .display h3 { font-size: 1em; padding: 0; }
#page-property-finder .specs .display .container { height: 100%; width:auto; overflow:auto; }
#page-property-finder .specs .display .bottom { height: 45px; left:0; background:url(../images/sprite-x.png) 0 -1419px repeat-x; }

#link-view-more-photos { float: left; margin-right: 40px; width:155px; height:29px; background:url(../images/viewphotos.png) no-repeat; }
#page-property-finder #link-map-it { float: left; margin-right: 40px; height:29px; width:85px; background:url(../images/mapit.png) no-repeat; }
#page-property-finder #link-print { float: left; height: 9px; width:48px; background:url(../images/sprite-site.png) -246px -178px no-repeat; }

#page-property-finder .contact { margin: 6px 0 0 0; border:1px solid #e7e7e7; background:#f0f0f0; padding: 3px 274px 8px 19px; position:relative; overflow:hidden; }
#page-property-finder .contact h3 { color:#9b0a0a; text-transform:uppercase; } 
#page-property-finder .contact form { position:absolute; top:10px; right: 26px; margin:0;padding:0 0 0 17px; width: 220px; overflow:hidden; border-left:1px solid #c8c8c8; }
#page-property-finder .contact form .legend { color:#9B0A0A; font-size: 1.2em; text-transform: uppercase; }
#page-property-finder .contact form .phone { font-weight:bold; width: 220px; }
#page-property-finder .contact form .item { overflow:hidden; width:100%; padding:2px 0; }
#page-property-finder .contact form .title { width:62px; text-align:right;float:left; }
#page-property-finder .contact form input.text,
#page-property-finder .contact form textarea { float:left; width:144px; margin:0 0 0 8px; }
#page-property-finder .contact form textarea { height: 36px; }
#page-property-finder .contact form .buttons { margin:2px 0 0 0; padding:0; }
#page-property-finder .contact form .button { display:block; background:url(../images/sprite-site.png) no-repeat -246px -168px; width: 61px; text-indent:-6000px; }

#page-property-finder .availability { margin: 6px 0 0 0; border:1px solid #e7e7e7; background:#f0f0f0; }
#page-property-finder .availability h3 { color:#9b0a0a; text-transform:uppercase; } 
#page-property-finder .availability #calendar { position:absolute; top:11px; left:15px; background:#fff; width: 241px; height: 175px; }
#page-property-finder .availability #link-download-application { padding:0;margin:0; position:absolute; top:139px; left:264px; background:url(../images/sprite-site.png) 0 -130px no-repeat; width: 240px; height: 31px; }

.cclite_property_manager_property {
	float: left;
	padding: 20px;
	margin: 0 25px;
	text-align: center;
}

.cclite_property_manager_property img {
	border: 1px solid #555;
}

.page-property-finder-unit {
	float: left;
	width: 180px;
	height: 130px;
	border: 1px solid #CCC;
	padding-bottom: 5px;
	margin: 0 2px 5px 0;
}

.page-property-finder-unit h3 {
	color: #333;
	margin: 0;
	text-indent: 5px;
	line-height: 2em;
	background: #CCC;
}

#contact_us {
	width: 332px;
}

#contact_us label {
	width: 120px;
	float: left;
	line-height: 26px;
}

#contact_us label.error {
	float: none;
	display: block;
	width: 200px;
	padding: 0 0 10px 120px;
	line-height: 1em;
}

#contact_us input[type=text] {
	color: #000;
	width: 200px;
	height: 16px;
	padding: 5px;
	margin-bottom: 5px;
	font-size: 14px;
	border: 1px solid #CCC;
	border-top: 1px solid #999;
	border-left: 1px solid #999;
}

#contact_us input[type=submit] {
	cursor: pointer;
	float: right;
	color: #FFF;
	padding: 5px;
	margin-top: 10px;
	background: #900;
	border: 1px outset #900;
}

#contact_us textarea {
	color: #000;
	width: 200px;
	font-size: 14px;
	padding: 5px;
	border: 1px solid #CCC;
	border-top: 1px solid #999;
	border-left: 1px solid #999;
}