@charset "UTF-8";
/* CSS Document */
/*
	----------------------------
	GLOBAL WHITESPACE RESET
	____________________________
*/
body { opacity: .9999; }
body,img,p,h1,h2,h3,h4,h5,h6,form,table,td,ul,li,pre,blockquote { margin:0; padding:0; border:0; }
p,h1,h2,h3,h4,h5,h6,ul { margin:0 0 10px 0; }
/*
	----------------------------
	HTML SELECTORS
	____________________________
*/
body{ margin:0; padding:0; font:13px/22px Verdana, Helvetica, Arial, sans-serif; color:#fff; background-color:#000; text-align:center; }
a:hover { text-decoration: underline; }
a, a:visited { color: #EDB20F; }



/*


	----------------------------
	LAYOUT STYLES
	____________________________
*/
#wrapper{ width:960px; margin: 0 auto; text-align:left; }
h1 { font: 18px/20px Myriad, "Myriad Pro", Helvetica, Arial, sans-serif; color: #ffffff; font-weight: normal; }
h2 { font: 18px/20px Myriad, "Myriad Pro", Helvetica, Arial, sans-serif; color: #EDB20F; font-weight: normal; }
h4 { font: 15px/25px Myriad, "Myriad Pro", Helvetica, Arial, sans-serif; color: #ffffff; font-weight: normal; margin: 5px 0 5px 0; }
#masthead { height:110px; margin: 4px 0 0 4px; background: #000 url('../media/c21bolinglogo.gif') no-repeat; text-indent: -9000px; }
#content{ float:right; padding:15px; width:690px; background-color:#3E3E3E; }
#sideBar{ float:left; padding: 15px 0 15px 40px; width:190px; background-color:#000; }
#sideBar p a { font: 11px Myriad, "Myriad Pro", Helvetica, Arial, sans-serif; color: #ffffff; text-decoration: none; padding-left: 4px; }
#sideBar p a:hover { color: #B1B1B1; }
a.carouselLeft, a.carouselRight { display: block; float: right; margin: 0 3px; }
#section-text, #section-text-overview, #section-text-relocate, #section-map { width: 465px; margin: 0 30px 0 0; float: left; }
#section-media { width: 175px; margin: 80px 0 0 0; padding: 10px; float: left; background: #707070; }
#section-text-relocate { width: 330px; height: 512px; margin-bottom: 10px; }
#section-map { height: 483px; }
#section-media-relocate { width: 330px; height: 300px; margin: 83px 0 0 0; padding: 0; float: left; }
#section-media-relocate div.hidden { display: none; }
/*
	----------------------------
	NAVIGATION STYLES
	____________________________
*/
ul#navigation, ul#navigation li{ margin:0; padding:0; list-style:none; text-align:left; font: 13px/23px Myriad, "Myriad Pro", Helvetica, Arial, sans-serif; }
ul#navigation{ padding:0 0 20px 0; background-color:#000000; }
ul#navigation li{ display:block; padding:0 0 0 4px; }
ul#navigation li.last{ border-right:0; }
ul#navigation li a{ color:#ffffff; text-decoration:none; font-weight:normal; }
ul#navigation li a:hover{ color:#B1B1B1; }
ul#navigation li a.active { color: #EDB20F;}
ul#navigation li a.active:hover { color: #EDB20F;}
 
ul#contact { list-style: none; font: 11px/14px Myriad, "Myriad Pro", Helvetica, Arial, sans-serif; color: #ffffff; margin-bottom: 20px; }
ul#contact li { padding: 0 0 0 30px; margin: 0 0 5px 4px; }
ul#contact li.address { background: url('../media/icons/c21home.gif') no-repeat top left; }
ul#contact li.phone { background: url('../media/icons/c21phone.gif') no-repeat top left; }

ul.periodic { list-style: none; float: right; }
ul.periodic li { float: left; margin: 0 2px; }

#section-text p, #section-text-overview p { margin-bottom: 20px; }
#section-text p.description, , #section-text-overview p.description { clear: left; }
#section-text h1, #section-text-overview h1, #section-text-relocate h1, #section-map h1 { font: 25px Myriad, "Myriad Pro", Helvetica, Arial, sans-serif; margin-bottom: 3px; font-weight: bold; color: #fff; text-transform: uppercase; }
#section-text h2, #section-text-overview h2, #section-text-relocate h2 { clear: both; margin-bottom: 0; color: #fff; font: 14px Myriad, "Myriad Pro", Helvetica, Arial, sans-serif; font-weight: bold; }
h2#moreinfo { clear: both; color: #EDB20F; font-weight: normal; font-size: 16px; padding-top: 15px; }
h2#contactemail { color: #EDB20F; font-weight: normal; font-size: 16px; padding-top: 29px; margin-bottom: 10px; }
h2#contactemailproperty { color: #EDB20F; font-weight: normal; font-size: 16px; padding-top: 4px; margin-bottom: 10px; }
#section-text ul, #section-text ul.columns-2, #section-text-overview ul, #section-text-overview ul.columns-2 { list-style-type: none; margin-bottom: 20px; }
#section-text ul li, #section-text-overview ul li { display: block; padding-left: 10px; background: #3e3e3e url('../media/icons/bullet.gif') no-repeat 0 8px; margin-left: 10px; }
#section-text ul li ul, #section-text-overview ul li ul { margin: 5px 0; }
#section-text ul.columns-2 li, #section-text-overview ul.columns-2 li { float: left; display: block; width: 210px; padding-left: 10px; margin-left: 0; background: #3e3e3e url('../media/icons/bullet.gif') no-repeat 0 8px; }
#section-text ul.columns-2 li.odd, #section-text-overview ul.columns-2 li.odd { clear: left; float: left; width: 210px; margin: 0 15px 0 10px; }
#section-text ul.columns-2 li.last { margin-bottom: 20px; }

#section-text #breadcrumbs, #section-map #breadcrumbs, #section-text-overview #breadcrumbs, #section-text-relocate #breadcrumbs { list-style-type: none; margin-bottom: 25px; }
#section-text #breadcrumbs li, #section-map #breadcrumbs li, #section-text-overview #breadcrumbs li, #section-text-relocate #breadcrumbs li { float: left; padding: 0; margin: 0; background: none; padding-right: 18px; margin-right: 5px; background: url('../media/icons/arrow.gif') no-repeat 100% 45%; }
#section-text #breadcrumbs li.last, #section-map #breadcrumbs li.last, #section-text-overview #breadcrumbs li.last, #section-text-relocate #breadcrumbs li.last { background: none; }
#section-text #breadcrumbs li a, #section-map #breadcrumbs li a, #section-text-overview #breadcrumbs li a, #section-text-relocate #breadcrumbs li a { color: #EDB20F; font: 13px Myriad, "Myriad Pro", Helvetica, Arial, sans-serif; color: #EDB20F; text-decoration: none; }
#section-text #breadcrumbs li a:hover, #section-map #breadcrumbs li a:hover, #section-text-overview #breadcrumbs li a:hover, #section-text-relocate #breadcrumbs li a:hover { text-decoration: underline; }
#section-text #development-image { float:left; padding-right: 10px; padding-bottom: 10px;}

#section-media h3, #section-media-relocate h3 { clear: left; font: 12px Verdana, Helvetica, Arial, sans-serif; color: #EDB20F; margin-bottom: 3px; }
#section-media-relocate p { margin-top: 10px; }
#section-media h3.list { margin-bottom: 5px; }

.hovermedia { margin: 7px 0 0 2px;}
.hovermedia li { clear:left; float: left; list-style: none; padding: 0 12px 5px 0; }
.hovermedia li.even { padding-right: 0; clear:none; }

.section-actions { list-style: none; margin: 0 0 10px 0; }
.section-actions li { display: block; width: 143px; height: 20px; margin-left: 5px; }
.section-actions li.nomargin { margin-left: 0; width: 170px; font-size:12px;}
.section-actions li a { display: block; width: 143px; height: 20px; line-height: 15px; color: #ffffff; padding-left: 25px; text-decoration: none; }
.section-actions li a:hover { text-decoration: underline; }
.section-actions li.pdf a { background: #707070 url('../media/icons/pdf.gif') no-repeat; }
.section-actions li.email a { background: #707070 url('../media/icons/emailDevelopment.gif') no-repeat; }
.section-actions li.slideshow a { background: #707070 url('../media/icons/slideshow.gif') no-repeat; }
.section-actions li.tour a { background: #707070 url('../media/icons/tour.gif') no-repeat; }
.section-actions li.video a { background: #707070 url('../media/icons/movie.gif') no-repeat; }
.section-actions li.floorplan a { background: #707070 url('../media/icons/floorplan.gif') no-repeat; }
.last-media { margin-bottom: 0; }
.roomDiagram { width:170px; }

ul.agents, ul.properties, ul#agentPage { clear: left; }
ul.agents, ul.properties { list-style: none; width:10000000px; height: 110px; position: relative; z-index:1; }
ul.properties .property2{float: left; width:330px;}
ul.properties .property2 img{width: 200px; float: left;}
ul.properties .property2 p{float: left; margin-left: 10px;}
ul.properties li p { width: 100px; }
ul.agents li.clear{ clear: left; }
ul.agents li{ float: left; width: 330px; overflow:hidden; }
ul li.name { font-size: 13px; }
ul li.position { font-size: 10px; line-height: 12px; padding-bottom: 4px; }
ul li.office-phone { background: url('../media/icons/phone.gif') no-repeat top left; }
ul li.email { background: url('../media/icons/email.gif') no-repeat top left; }
ul li.email a { font:11px Verdana, Helvetica, Arial, sans-serif; color:#fff; text-decoration: none; }
ul li.contact a { color: #EDB20F; text-decoration: none; padding-right: 5px; border-right: 1px solid #ffffff; font-size:12px;} 
ul li.contact a.last { padding-left: 5px; border: 0;} 
ul li.email a:hover, ul li.contact a:hover { text-decoration: underline; }
ul.agents li img { float: left; margin-right: 20px; }
ul.agent { list-style: none; }
ul.agent li { float: none; width: 200px; padding-left: 25px; }

ul#agentPage { width: 690px; list-style: none; overflow:hidden;}
ul#agentPage li { float: left; width: 330px; height: 120px; margin: 0 15px 15px 0; position: relative; }
ul#agentPage li.clear { clear: left; margin-right: 30px; }
ul#agentPage li.lastrow { margin-bottom: 0; }
ul#agentPage li img { position: absolute; top: 0; left: 0; }
ul#agentPage li ul { position: absolute; top: 0; left: 91px; width: 239px; list-style: none; }
ul#agentPage li ul li { height: 20px; margin: 0; padding-left: 25px; width: 214px; }
ul#agentPage li ul li.position { height: 12px; }

ul#propertiesListing { clear: left; width: 690px; list-style: none; margin-top: 83px;}
ul#propertiesListing li { float: left; width: 330px; height: 90px; margin: 0 0 15px 0; position: relative; }
ul#propertiesListing li.odd { clear: left; margin-right: 15px; }
ul#propertiesListing li.lastrow { margin-bottom: 0; }
ul#propertiesListing li img { position: absolute; top: 0; left: 0; }
ul#propertiesListing li ul { position: absolute; top: 0; left: 131px; width: 199px; list-style: none; }
ul#propertiesListing li ul li { height: 20px; margin: 0; width: 199px; }
ul#propertiesListing li ul li.title { padding-bottom: 10px; }
ul#propertiesListing li ul li.title a { color: #B1B1B1; font: 15px "Myriad Pro", Myriad, Helvetica, Arial, sans-serif; font-weight: normal; text-decoration: none; }
ul#propertiesListing li ul li.title a:hover { text-decoration: underline; }
ul#propertiesListing li ul li.metainfo { height: 16px; }
ul#propertiesListing li ul li.price { font-style: italic; }
ul#propertiesListing li ul li.tease { margin-top: 8px; height: 16px; }
ul#propertiesListing li ul li.getmore { height: 16px; } 
ul#propertiesListing li ul li.getmore a { color: #EDB20F; text-decoration: none; } 
ul#propertiesListing li ul li.getmore a:hover { text-decoration: underline; }

ul.properties li { float: left; width: 110px; overflow: hidden; font-size: 10px; }

ul#galleryCarousel { clear: both; list-style: none; padding: 0 1px 10px 1px; width: 1000000px; height: 81px; overflow: none; }
ul#galleryCarousel li { float: left; width: 97px; margin-left: 10px; }
ul#galleryCarousel li a { border: 1px solid #3E3E3E; width: 95px; display: block; text-decoration: none; text-align: center; color: #fff; }
ul#galleryCarousel li a:hover { border: 1px solid #B1B1B1; color: #B1B1B1;}
ul#galleryCarousel li.first { margin: 0; float: left; }
ul#galleryCarousel li img { display: block; }

.tooltip { color: #000; height: 190px; z-index: 13000; background: #b8d3b0; padding: 5px; }

/*
	----------------------------
	FORM STYLES
	____________________________
*/
fieldset { border: 0; margin: 0; padding: 0; }

fieldset.standard { width:265px; float: left; }
fieldset.questions { width: 140px; height: 150px; float: left; }
fieldset.questions-medium { width: 200px; float: left;  }
fieldset.questions-wide { width: 220px; margin-right: 10px; float: left; }
fieldset#submitarea { float: left; }
fieldset.question { display: none; }
fieldset.active { display: block; margin: 3px 0; }
fieldset.questions p, fieldset.question p { margin-bottom: 0; }
fieldset.questions h4, fieldset.questions-wide h4, fieldset.questions-medium h4, fieldset.comments h4, fieldset#submitarea h4, fieldset#commentarea h4 { padding: 1px 0 0 0; margin: 0 0 5px 0; font: 14px Myriad, "Myriad Pro", Helvetica, Arial, sans-serif; font-weight: normal; color: #B1B1B1; }
p#ques, p#ques2 { margin-bottom: 3px; }
fieldset.standard label { clear: left; float: left; display: block; width: 100px; padding: 3px 0 0 0; margin: 0; }
fieldset.standard label.zip { clear: none; width: 30px; margin-left: 5px; }
fieldset.standard input { float: left; margin: 3px 0; width: 150px; font-size: 11px; line-height:11px; }
fieldset.standard select { float: left; margin: 3px 0; }
fieldset.standard input.nolabel { clear: left; float: left; margin-left: 100px; }
fieldset.standard input.zip { width: 65px; float: left;}
fieldset.standard select#state { width: 150px; float: left;}
fieldset#submitarea input { width: 100px; font-size: 11px; line-height:11px; }
fieldset.questions-medium fieldset.active { margin-bottom: 10px; }
fieldset.question input.clear { clear: left; }
#errormessage { color: red; }
#findAgentForm { display: none; }

/*Overrites*/
#send-guide fieldset.standard, #send-guide fieldset.questions-wide, #send-guide fieldset#submitarea, #send-guide fieldset#commentarea { width: 330px; margin: 0; }
#send-guide fieldset.standard { margin: 0 30px 20px 0; }
#send-guide fieldset.questions-wide { margin-bottom: 20px; }
#send-guide fieldset.standard input, #send-guide fieldset.standard select { width: 220px; }
#send-guide fieldset.questions-wide select { display: block; clear: left; }
#send-guide fieldset#commentarea { clear: left; float: left; margin-right: 30px; overflow: hidden;  }
#send-guide fieldset#commentarea textarea { margin: 0; width: 320px; }

/*
	----------------------------
	PAGE SPECIFIC STYLES
	____________________________
*/
div#homeheader { margin: 0 0 15px 0; height: 280px; overflow: none; position: relative; }
div#homeheader h1 { display: block; font-weight: bold; padding: 4px; margin: 0; position: absolute; z-index: 1; bottom: 8px; right: 15px; text-shadow: #000000 2px 2px 2px; }
div#hometext { float: left; width: 330px; margin-right: 30px; }
div#homerotating { float: left; width: 330px; }
div#homerotating h2 { float: left; font-size: 16px; }

#homesearch {width:310px; display:block; background-color:#666666; padding:10px; margin-bottom:20px;}
	#homesearch h2.large {font-size:20px; margin-bottom:3px;}
	#homesearch a {font-size:13px; line-height:2em;}
	#homesearch input.SButton {color:#fff; background-color:#f5be00; border:1px solid #fff; padding:2px 5px 1px; margin-left:10px; cursor:pointer;}

div.agents { clear: left; width: 330px; position:relative; overflow:hidden; }
div#homeproperties { width: 330px; height: 200px; overflow: hidden; position: relative;  }

#blogLink, #careersLink {padding-top: 10px; text-transform: uppercase;}

div#section-media-carousel { width: 420px; overflow: hidden; }
div#section-media-carousel h4 { float: left; padding: 1px 0 0 1px; font: 14px Myriad, "Myriad Pro", Helvetica, Arial, sans-serif; font-weight: normal; color: #B1B1B1;}
div#section-media-carousel div { float: right; width: 200px; height: 10px;}

div#section-media-image { position: relative; height: 320px; }
div#section-media-image h3 { position: absolute; right: 15px; bottom: 5px; font: 14px Myriad, "Myriad Pro", Helvetica, Arial, sans-serif; font-weight: bold; }
#media-image-large { position: absolute; top: 0; left: 0; z-index: 0; }
#media-image-large-buffer { position: absolute; top: 0; left: 0; z-index: 1; }
#media-loading-image { position: absolute; top: 135px; left: 165px; z-index: 3; display: none; }

#agents { clear: left; margin-top: 83px; }
#findAgent { float: right; position: relative; top: -7px; }
#findAgent img { position: relative; top: 4px; margin-right: 5px; }
#findAgent a { font: 16px Myriad, "Myriad Pro", Helvetica, Arial, sans-serif; color: #EDB20F; font-weight: normal; text-decoration: none; }
#findAgent a:hover { text-decoration: underline; }

#map { width: 465px; height: 400px; margin: 55px 0 0 0; }
#map-legend { width: 195px; margin: 83px 0 0 0; padding: 0; float: left; }
#map-legend h3 { font-size: 12px; font-weight: normal; color: #EDB20F; font-weight: normal; }
#map-legend ul { }
#map-legend ul li { display: block; width: 195px; height: 20px; }
#map-legend ul li a { display: block; width: 190px; height: 20px; color: #fff; padding-left: 5px; text-decoration: none; }
#map-legend ul li a:hover { background-color: #B1B1B1; color: #000; }
#map-legend ul li a.active { background-color: #B1B1B1; color: #000; }

#rotatingimgholder { position: relative; height: 429px; overflow: hidden; margin-top: 33px; }
#rotatingimg { position: absolute; top: 0; left: 0; z-index: 1; height: 429px; }
#media-buffer { position: absolute; top: 0; left: 0; z-index: 2; height: 429px; }
#media-buffer-front { position: absolute; top: 0; left: 0; z-index: 2; height: 280px; }



#marketCommonVideo{float: left; clear: both; padding-right: 10px;}
/*
	----------------------------
	CLASSES
	____________________________
*/
div.clear{ overflow:hidden; height:1px; clear:both; }

/* -- blog styles -- */
#comments-form label { display: block; }
.vcard { display: inline; }
.comment { margin: 5px 0; padding: 5px; background: #707070; }
hr {color:#BF8600;}