/*	master stylesheet for cbcli.com */



/*	css reset */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0px none;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline
}
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	
}
blockquote, q {
	
}




/* general tags, classes and multiple assignments */

body {
	background:#59B0CB url('../img/bg2.jpg') no-repeat fixed 50% 25%;
	color:#474747; font-style:normal; font-variant:normal; font-weight:normal; line-height:1.55em; font-size:12px; font-family:arial, helvetica, sans-serif; background-attachment:fixed
}

a {
	color:#3D6CAB;
}
a:hover {
	color:#0F315F;
}
.inner {
	position:relative;
	margin:0 auto;
	width:975px;
}
.innerpc {
	position:relative;
	margin:0 auto;
	width:100%;
}

#logo, #content-info, #content-info p {
	text-indent:0px;
	line-height:1%;
	font-size:1%;
}
body .fixed {
	position:fixed !important;
	position:absolute;
	z-index:5;
} 

body .bottom {
	position:fixed !important;
	position:absolute;
	z-index:5;
} 


/* header */

#header {
	position:relative;
	top:0;
	left:0;
	width:100%;
	background:#1a191d;
	height:40px;
	filter:alpha(opacity=93);
	opacity:.93;	
}
	#site {
		display:block;
		float:left;
		margin:7px 0 0;
		font:normal 15px/1.45em "trebuchet ms", arial, helvetica, sans-serif;
	}
	#site a {
		display:block;
		float:left;
		color:#eee;
		text-decoration:none;
		padding:1px 8px;
	}
	#site a:hover {
		color:#fff;
		background:#2a2a2a;
	}
	#navigation {
		float:right;
		margin:10px 0 0;
	}
	#navigation li {
		float:left;
		border-right:1px #505050 solid;
	}
	#navigation li.last {
		border-right:0px none;
	}
	#navigation li a {
		display:block;
		float:left;
		margin:0 8px;
		padding:2px 7px;
		color:#bbb;
		text-decoration:none;
		text-transform:uppercase;
		font:bold 11px/1.45em "trebuchet ms", arial, helvetica, sans-serif;
	}
	#navigation li a:hover {
		background:#2a2a2a;
		color:#fff;	
	}	
	
	
	
/* sub-header */

#sub-header {
	top:40px;
	left:0;
	width:100%;
}
	#aux-navigation {
		float:right;
		height:34px;
		background:#BADFE7;
		filter:alpha(opacity=75);
		opacity:.75;
	}
	#aux-navigation li {
		float:left;
		margin:7px 0 0;
		border-left:1px #D3F0F6 solid;
		border-right:1px #A0CBD4 solid;
	}
	#aux-navigation li.first {
		border-left:0px none;
	}
	#aux-navigation li.last {
		border-right:0px none;
	}
	#aux-navigation li a {
		display:block;
		float:left;
		margin:0 9px;
		padding:2px 7px;
		text-decoration:none;
		text-transform:uppercase;
		font:bold 11px/1.45em "trebuchet ms", arial, helvetica, sans-serif;
		color:#1E3B41;
	}
	#aux-navigation li a:hover {
		color:#000;
		background:#E5F2F5;
	}
	
	
/* content */
	
	#propertycentral #content-column-a {
		float: center;
		width: 100%;
		margin-top: 5px;
		padding:0 0 5px;
		
	}

	#exclusive #content-column-a {
		float: center;
		width: 100%;
		margin-top: 5px;
		padding:0 0 5px;
		
	}
	
	#career-presentation #content-column-a {		
		position: absolute;
		float: right;
		left: 325px;
		width: 963px;
		margin-top: 20px;
		padding:0 0 25px;
		
	}
	
	#client-services #content-column-a {		
		position: absolute;
		float: right;
		left: 325px;
		top: 100px;
		width: 800px;
		margin-top: 20px;
		padding:0 0 25px;
		
	}
	
	#vision #content-column-a {		
		position: absolute;
		float: right;
		right: 50px;
		top: 100px;
		width: 800px;
		margin-top: 20px;
		padding:0 0 25px;
		
	}
	
	#story #content-column-a {		
		position: absolute;
		float: right;
		right: -300px;
		top: 100px;
		width: 567px; 
		height: 663px
		margin-top: 20px;
		padding:0 0 25px;
		
	}
	
#content {
	position:relative;
	float:left;
	width:100%;
	padding:120px 0 108px;
}

	#logo {
		position:absolute;
		top:-73px;
		left:0;
		width:168px;
		height:65px;
		background:url('../img/logo.gif');
		filter:alpha(opacity=93);
		opacity:.93	
	}
	#content-column-a {
		float:right;
		width:650px;
		background:#fff url('../img/content-bottom.gif') no-repeat bottom left;; 
		padding-bottom:25px
	}
	#content-column-a p {
		padding:20px 25px 0 25px;
		color:#414448;
	}
	#content-column-a p#main-text {
		background:url('../img/content-shadow-bottom.gif') repeat-x top;
	}
	#content-column-a p#main-text strong {
		font:normal 17px/1.45em "trebuchet ms", arial, helvetica, sans-serif;
		color:#18191A;
		display:block;
		padding-bottom:12px;
	}
	#content-column-a p strong {
		color:#18191A;
		font-weight:bold;
	}
	#content-column-a p#research-report {
		padding-left:90px;
		background:url('../img/board.gif') no-repeat 34px 14px;; margin-left:0; margin-right:0; margin-top:8px; margin-bottom:20px
	}
	#content-column-a p#research-report strong {
		display:block;
		font-size:13px;
		font-weight:bold;
	}
	#content-column-a ul.bullet-list {
		margin:15px 0 0 60px;
	}	
	#content-column-a ul.bullet-list li {
		padding-left:5px;
		margin-top:2px; list-style-image:url('../img/bullet.gif')
	}
		#content-info {
			height:233px;
			background:#fff url('../img/content-info.jpg') no-repeat 0 0;
		}
		#content-header {
			padding-top:39px;
			height:60px;
			color:#fff;
			text-indent:25px;
			background:#fff url('../img/content-header.jpg') no-repeat 0 0;; font-style:normal; font-variant:normal; font-weight:normal; line-height:1em; font-size:26px; font-family:trebuchet ms, arial, helvetica, sans-serif
		}
		#about #content-header {
			background:#fff url('../img/content-about.jpg') no-repeat 0 0;
		}
		#contact #content-header {
			background:#fff url('../img/content-header-alt.jpg') no-repeat 0 0;
		}
		#infocenter #content-header {
			background:#fff url('../img/content-header-infocenter.jpg') no-repeat 0 0;
		}
		#careers #content-header {
			background:#fff url('../img/content-header-careers.jpg') no-repeat 0 0;
		}
		#needspace #content-header {
			background:#fff url('../img/content-header-needspace.jpg') no-repeat 0 0;
		}
		#exclusive #content-header {
			background:#fff url('../img/content-header-exclusivelist.jpg') no-repeat 0 0;
		}
		#brochures #content-header {
			background:#fff url('../img/content-header-brochures.jpg') no-repeat 0 0;
		}
		#newsletter #content-header {
			background:#fff url('../img/content-header-newsletters.jpg') no-repeat 0 0;
		}
		#history #content-header {
			background:#fff url('../img/content-header-history.jpg') no-repeat 0 0;
		}	
		#ouroffice #content-header {
			background:#fff url('../img/content-header-ouroffice.jpg') no-repeat 0 0;
		}	
		#pressrelease #content-header {
			background:#fff url('../img/content-header-pressrelease.jpg') no-repeat 0 0;
		}
		#propertycentral #content-header {
			background:#fff url('../img/content-header-exclusivelist.jpg') no-repeat 0 0;
		}
		#ccim #content-header {
			background:#fff url('../img/content-header-ccim.gif') no-repeat 0 0;
		}	
		#sior #content-header {
			background:#fff url('../img/content-header-sior.jpg') no-repeat 0 0;
		}		
		#clients #content-header {
			background:#fff url('../img/content-header.jpg') no-repeat 0 0;
		}	
	#content-column-b {
		float:left;
		width:325px;
		color:#fff;
		background:#002A4E url('../img/content-shadow-right.gif') repeat-y right;
		filter:alpha(opacity=80);
		opacity:.80
	}
#content-column-b h3           {
		background:url('../img/side-header.gif') no-repeat 0 0;
		color:#E2EDF7; font-style:normal; font-variant:normal; font-weight:bold; line-height:1.45em; font-size:15px; font-family:trebuchet ms, arial, helvetica, sans-serif; margin-left:19px; margin-right:12px; margin-top:19px; margin-bottom:12px; padding-left:20px; padding-right:20px; padding-top:10px; padding-bottom:10px
	}
#content-column-b a:hover {
		color:#fff;
	}
	#content-column-b a {
		color:#9CBDDA;
	}
	#content-column-b ul#sub-navigation {
		float:left;
		padding-left:5px;
		padding-bottom:25px;
		* padding-bottom:13px;
	}
	#content-column-b ul#sub-navigation li {
		float:left;
		clear:both;
		width:230px;
	}
	#content-column-b ul#sub-navigation li a {
		display:inline;
		float:left;
		width:230px;
		clear:both;
		border-top:1px solid #053660;
		border-bottom:1px solid #001F3A;		
		text-decoration:none;
		background:url('../img/sub-nav-bg.gif') no-repeat left -3px;
		color:#9CBDDA; font-style:normal; font-variant:normal; font-weight:bold; line-height:1.45em; font-size:13px; font-family:trebuchet ms, arial, helvetica, sans-serif; margin-left:19px; margin-right:12px; margin-top:0; margin-bottom:0; padding-left:35px; padding-right:13px; padding-top:6px; padding-bottom:6px
	}
	#content-column-b ul#sub-navigation li.first a {
		border-top:0px none;
	}
	#content-column-b ul#sub-navigation li.last a {
		border-bottom:0px none;
	}
	#content-column-b ul#sub-navigation li a:hover {
		color:#fff;
	}
	#content-column-b ul#sub-navigation li a:hover {
		background:url('../img/sub-nav-bg-current.gif') no-repeat left -3px;
	}
	#content-column-b ul#sub-navigation li.has-subnav a {
		border-bottom: 0px none; /* get rid of this class and just use 'last' */
	}
	#content-column-b ul#sub-navigation li.subnav-link a {
		border: 0px none;
		/* background: 0;*/
		font-weight: normal;
		font-size: 12px;
		background:url('../img/sub-nav-under.gif') no-repeat 20px -1px;; padding-left:45px; padding-right:3px; padding-top:2px; padding-bottom:2px
	}
	#content-column-b ul#sub-navigation li.subnav-first a {
		padding-top:10px;
		background:url('../img/sub-nav-under.gif') no-repeat 20px 8px;
	}
	#content-column-b ul#sub-navigation li.subnav-last a {
		border-bottom: 1px #001F3A solid;	
		padding-bottom: 10px;
	}
	#content-column-b ul#sub-navigation li.subnav-link a:hover {
		background-image:url('../img/sub-nav-under-current.gif');
	}	
	#content-column-a #professionals-image {
		position:absolute;
		top:20px;
		right:18px;
		border:3px #fff solid;	
	}
	#content-column-a #professionals-info {
		padding:25px;
	}
	#content-column-a #professionals-info .header,
	#content-column-a h3.professional-header {
		font:bold 18px/1.55em "trebuchet ms", arial, helvetica, sans-serif;
		color:#090909;
	}
	#content-column-a h3.professional-header {
		padding:20px 0 0 25px;
	}	
	#about-leerosner #content-column-a #professional-awards {
		float:right;
		display:block;
		height:100px;
		width:225px;
		margin-left:-100px;
		background:url('../img/ccimsiorcidlogo.png') no-repeat top;
	}
	#about-andydorman #content-column-a #professional-awards {
		float:right;
		display:block;
		height:100px;
		width:170px;
		margin-left:25px;
		background:url('../img/award-cod.jpg') no-repeat top left;
	}
	#content-column-a .bullet-list strong {
		color:#090909;
		font-weight:bold;
	}
	#content-column-a #professionals-info .sub {
		font:bold 13px/1.55em "trebuchet ms", arial, helvetica, sans-serif;
		border-bottom:1px #e6e6e6 solid;
		margin-bottom:10px;
		padding-bottom:10px;
	}
	#content-column-a #professionals-info .vcard {
		background:url('../img/vcard.gif') no-repeat 0 bottom;; font-style:normal; font-variant:normal; font-weight:bold; line-height:1.55em; font-size:13px; font-family:trebuchet ms, arial, helvetica, sans-serif; padding-left:50px; padding-right:0; padding-top:15px; padding-bottom:5px
	}
	#content-column-a #professionals-info strong {
		font-weight:bold;
		color:#090909;
	}
	#content-column-b .action-box {
		padding:0 0 25px;
	}
	#content-column-b .action-box h4 {
		font:bold 17px/1.5em "trebuchet ms", arial, helvetica, sans-serif;
		float:left;
		margin-bottom:8px;
		padding-bottom:2px;
	}
	#content-column-b .action-box p {
		padding:20px 25px 5px 85px;
	}
	#content-column-b .action-box strong {
		font:bold 15px/1.5em "trebuchet ms", arial, helvetica, sans-serif;
		padding-right:6px;
	}
	#content-column-b .action-box a {
		color:#BDD0E6;
		display:block;
		background: url('../img/side-button.gif') no-repeat 0 0;; font-style:normal; font-variant:normal; font-weight:bold; line-height:1.55em; font-size:14px; font-family:trebuchet ms, arial, helvetica, sans-serif; margin-left:20px; margin-right:0; margin-top:5px; margin-bottom:0; padding-left:42px; padding-right:25px; padding-top:11px; padding-bottom:10px
	}
	#content-column-b .action-box a:hover {
		color:#fff;
	}
	
	#content-column-b #action-property {
		padding-bottom:35px;
		background:url('../img/action-bottom.gif') no-repeat bottom center;
	}
	#content-column-b #action-space p {
		padding-top:12px;
	}
	#action-property p {
		background:url('../img/search-button.gif') no-repeat 25px 20px;
	}
	#action-space p {
		background:url('../img/question-button.gif') no-repeat 25px 10px;
	}
	#action-contact p {
	background: url('../img/telephone.png') no-repeat 25px 10px;
	}
	#content-column-b .contact-info {
		width:180px;
		margin-left:35px;
		padding:25px 0px 0px 33px;
	}
	#content-column-b .contact-info strong {
		font-size:13px;
		font-weight:bold;
	}
	#contact-address {
		margin-top:-6px;
		border-bottom:1px solid #001F3A;		
		background:url('../img/contact-address.gif') no-repeat 0px 15px;
	}
	#contact-methods {
		border-top:1px solid #053660;
		border-bottom:1px solid #001F3A;		
		background:url('../img/contact-methods.gif') no-repeat 0px 15px;
	}
	#needspace-login {
		border-top:1px solid #053660;
		border-bottom:1px solid #001F3A;		
		background:url('../img/contact-methods.gif') no-repeat 0px 15px;
	}
	#contact-hours {
	border-top:1px solid #053660;	
	background:url('../img/contact-hours.gif') no-repeat 0px 15px;
	padding-bottom:30px !important
	}
	#content-column-a form ul {
		padding:15px 0 0 25px;
	}
	#content-column-a form ul li {
		padding-top:10px;
		clear:both;
	}
	#content-column-a form #cf-submit {
		margin:15px 0 10px;
	}
	
	#content-column-a# content-column-c  {
		float: right;
	
		display: inline;
		
	
	}
	#content-column-a #content-column-d {
	display: inline;
	float: left;
		
		
	}
	
/* specific navigation css (top, aux, and sub navs) */

	#home #navigation li#nav-home a,
	#services #navigation li#nav-services a {
		background:#f5f5f5;
		color:#212121;
	}
	#contact #aux-navigation li#nav-contact a,
	#about #aux-navigation li#nav-about a {
		background:#002A4E;
		color:#fff;
	}
	.services-office #content-column-b ul#sub-navigation li#services-office a,
	.about-professionals #content-column-b ul#sub-navigation li#about-professionals a {
		background:url('../img/sub-nav-bg-current.gif') no-repeat left -3px;
		color:#fff
	}
	.rosner #content-column-b ul#sub-navigation li#about-professionals-rosner a {
		background-image:url('../img/sub-nav-under-current.gif');
		color:#fff
	}
	
	
	
/* photos */

	.rosner #content-column-a #professionals-image {
		height:300px;
		width:200px;
		background:url('../img/lee-rosner.jpg') no-repeat top left;
	}
	.dorman #content-column-a #professionals-image {
		height:300px;
		width:200px;
		background:url('../img/andy-dorman.jpg') no-repeat top left;
	}
	.smith #content-column-a #professionals-image {
		height:300px;
		width:200px;
		background:url('../img/allen-smith.jpg') no-repeat top left;
	}
	.kenny #content-column-a #professionals-image {
		height:300px;
		width:200px;
		background:url('../img/christina_kenny.jpg') no-repeat top left;
	}	
	.pidgeon #content-column-a #professionals-image {
		height:300px;
		width:250px;
		background:url('../img/e_pidgeon.jpg') no-repeat top left;
	}	

/* form elements */

	select, input, label, textarea {
		font:bold 13px/1.4em "trebuchet ms", arial, helvetica, sans-serif;
	}
	label {
		display:block;
		float:left;
		margin-top:5px;
		width:260px;
	}	
	input.text {
		border:1px solid #5B94C4;
		width:200px;
		background:url('../img/input-shadow.gif') repeat-x top;; padding-left:4px; padding-right:4px; padding-top:3px; padding-bottom:3px
	}
	.input-container {
		position:relative;
		float:left;
		top:4px;
	}
	textarea {
		border:1px solid #5B94C4;
		width:300px;
		height:110px;
		overflow:scroll;
		overflow-x:hidden;
		background:url('../img/input-shadow.gif') repeat-x top;; padding-left:4px; padding-right:4px; padding-top:3px; padding-bottom:3px
	}
	input.file {
		width:300px;	
	}
	button {
	  	border:0px none; 
	  	cursor:pointer; 
	  	font-weight:bold; 
	  	text-align:center; 	
		color:#fff;	
		background:url('../img/button-right.gif') no-repeat right;
	  	* width:auto; 
	  	* overflow:visible; padding-left:0; padding-right:14px; padding-top:0; padding-bottom:0 		
	}
	button span {
		display:block;
		position:relative; 
  		white-space:nowrap; 
  		background:url('../img/button-left.gif') no-repeat left;
		height:48px;
		line-height:46px; font-style:normal; font-variant:normal; font-weight:bold; font-size:13px; font-family:trebuchet ms, arial, helvetica, sans-serif; padding-left:25px; padding-right:11px; padding-top:0; padding-bottom:0
	}
	

/* footer */

#footer {
	bottom:0px;
	left:0;
	width:100%;
	padding:0px 0;
	background:#1a191d;
	color:#555;
	filter:alpha(opacity=93);
	opacity:.93;		
}
#footer li.left {
	float:left;
	width:400px;
	font:12px/1.45em "trebuchet ms", arial, helvetica, sans-serif;
	color:#808080;
}
#footer li.right {
	float:right;
	width:570px;
	font:12px/1.45em "trebuchet ms", arial, helvetica, sans-serif;
}

	#content-column-a p#question-text {
		background: none;
	
	}
	#content-column-a p.question-text strong {
		font:normal 17px/1.45em "trebuchet ms", arial, helvetica, sans-serif;
		color:#18191A;
		display:block;
		padding-bottom:12px;
	
	}
	#content-column-a p#university-brochure {
		padding-left:90px;
		height: 100px;
		text-align: center;
		margin-top: 25px;
		margin-bottom: 25px;
		background:url('../img/brochure-university.gif') no-repeat 125px 0px;
	}
	
	#history-benjamin {
		position: absolute;
		float: right;
		border: 3px solid #345a7c;
		top: 425px;
		right: 13px;
		height: 236px;
		width: 137px;
		background: url('../img/history-benjamin.jpg');
	}
	
	#history-coldwell {
		position: absolute;
		float: right;
		border: 3px solid #345a7c;
		top: 135px;
		right: 13px;
		height: 236px;
		width: 137px;
		background: url('../img/history-coldwell.jpg');
	
	}
	#cbc-us-map {
		position: absolute;
		right: 100px;
		height: 306px;
		width: 451px;
		background: url('../img/cbc_us_map.jpg');
	
	}
	
	#cbc-comp-graph {
		position: absolute;
		right: 75px;
		height: 313px;
		width: 534px;
		background: url('../img/cbc_comp_graph.jpg');
	
	}
	
	#cbc-global-reach {
		position: absolute;
		right: 50px;
		height: 258px;
		width: 528px;
		background: url('../img/cbc_global_reach.jpg');
	
	}
	
	.history-p {
		width: 450px;

	}
	
	#history-coldwell-label {
		text-align: center;
		font-size: 10px;
		font-color: #345a7c;
		position: absolute;
		left: 820px;
		top: 383px;
		width: 141px;	
	}
		
	#history-benjamin-label {
		text-align: center;
		font-size: 10px;
		font-color: #345a7c;
		position: absolute;
		left: 820px;
		top: 673px;
		width: 141px;
	}
	
	#content-column-a ul.bullet-list-spaced {
		margin:15px 0 0 60px;
	}	
	#content-column-a ul.bullet-list-spaced li {
		margin-bottom: 10px;
		padding-left:5px;
		margin-top:2px; list-style-image:url('../img/bullet.gif')
	}
	
	#content-column-a ul.bullet-list-spaced li strong {
		display: block;
	}
	
/* Div container to wrap the datagrid */
		div#div-datagrid {
		width: 1250px;
		height: 500px;
		overflow: auto;
		scrollbar-base-color:#ffeaff;
}

/* Locks the left column */
		td.locked, th.locked {
		font-size: 14px;
		font-weight: bold;
		text-align: center;
		background-color: navy;
		color: white;
		border-right: 1px solid silver;
		position:relative;
		cursor: default;
		/*IE5+ only*/
	left: expression(document.getElementById("div-datagrid").scrollLeft-2);
}

/* Locks table header */
	th {
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	background-color: navy;
	color: white;
	border-right: 1px solid silver;
	position:relative;
	cursor: default;
/*IE5+ only*/
	top: expression(document.getElementById("div-datagrid").scrollTop-2);
	z-index: 10;
}

/* Keeps the header as the top most item. Important for top left item*/
th.locked {z-index: 99;}

	/* DataGrid Item and AlternatingItem Style*/
	.GridRow {font-size: 10pt; color: black; font-family: Arial; 
             background-color:#ffffff; height:35px;}
	.GridAltRow {font-size: 10pt; color: black; font-family: Arial; 
             background-color:#eeeeee; height:35px;}
#content-column-a-pc {
	float: right;
	width: 100%;
	background: #fff url('../img/content-bottom-pc.gif') no-repeat bottom left;
;	padding-bottom: 25px;
}

#content-column-a-pc-wide {
	position: relative;
	width: 100%;
	background: #fff url('../img/content-bottom-pc-wide.gif') no-repeat bottom left;
	padding-bottom: 25px;
}