body {font:76% Arial,'Helvetica Neue',Helvetica,sans-serif;line-height:1;background:#fff url(img/topnav_stretch.jpg) repeat-x top;color:#222;border-top:0px solid #0f7bbf;text-align:center;}


* {
	margin:0;
	padding:8;
}
.clear { clear:both; }
img, form fieldset {border:none;}
ul {list-style:none;}
:focus {outline:0;}
.clickable { cursor:pointer; }
div {padding:0px; position:relative; border:none;}
.error { color:red; }
.requiredfield { color:red; font-size:0.9em; }
a { color:#17639d; text-decoration:none; }
a:hover { text-decoration: underline; }

/*
LAYOUT  -------------------------------------*/

#wrapper {width:925px;margin:0 auto;text-align:left; padding-bottom:30px;}

#header {height:80px;position:relative;}
#home #header {margin-bottom:15px;}

#contentArea {
	clear:both;
	margin-bottom:15px;
	width:900px;
	border-bottom:0px solid #eee;
	padding-top: 10px;
	padding-right: 0;
	padding-bottom: 0px;
	padding-left: 0;
}

.YGLMLSDisclaimer {
border-top: 1px dotted;
padding: 0;
font-size: 10px;
line-height: normal;
color: #ccc;
margin-top:5px;
}
.YGLMLSDisclaimer .DisclaimerTitle {
	font-size:1.1em; font-weight:bold;	
}
.YGLMLSListingInfo {
padding: 0;
font-size: 10px;
line-height: normal;
color: #000;
margin-top:40px;
}
#home #contentArea {background:none;padding:30px 0;}

#primaryContent {float:right;width:600px; padding-top:0px; padding-bottom:160px; position: relative;}
#secondaryContent {float:left;width:200px;}
#headerContent {float:left;width:900px;}

#footerArea {background:#ffffff ;clear:both;padding:0px 0 0px 0;}
#footerContent {margin:0 auto;width:900px;padding:30px 0 0 0;border-top:2px solid #e6e6e6;}
.footerColumn {float:left;padding:0 30px 40px 0; color:#666}

#footerBottom {clear:both;margin:0 auto;height:20px;padding:0px 0 0 0;width:900px;border-top:0px solid #c6c6c6;}

.footerText p a:hover {border-bottom:2px solid #555555;}
.footerText a.follow {font:.8em Arial,'Helvetica Neue',Helvetica,sans-serif;color:#555555;line-height:2em;}
.footerText a.follow:hover {color:#555555;border:none;}


/*
IMAGES  -------------------------------------*/

img.floatLeft { 
    float: left; 
    margin: 4px; 
}
img.floatRight { 
    float: right; 
    margin: 4px; 
}


/*
TYPOGRAPHY  -------------------------------------*/


h1 {font-size:2.2em;font-weight:bold;letter-spacing:-1px;color:#0f7bbf;}
#intro h1 {font-size:2.2em;color:#555;border-bottom:0px solid #eee;padding-bottom:2px;}

#contentArea h2 {clear:both;font-size:1.6em;color:#0f7bbf;padding-top:10px;}
#contentArea h2 a {color:#444;}

#footerContent h2 {font-size:1.1em;color:#888888;padding-bottom:3px;clear:both;border-bottom:1px solid #444;font-weight:bold;}
#footerContent h3 {font-size:1em;color:#888888;padding-top:10px;font-weight:bold;}
#primaryContent h2.featured, #primaryContent h1.featured {
	position: absolute;
	bottom: 30px;
	clear:both;
	font-size:1.1em;line-height:1.5em;padding:5px 0;color:#444;
	font-weight: normal;
	border-top: 1px solid #CCCCCC;
	letter-spacing: normal;
}
#contentArea h2.super {font-size:2.2em;font-weight:bold;letter-spacing:-1px;color:#0f7bbf;}
#primaryContent p.featured {
	position: absolute;
	bottom: 0px;
	clear:both;font-size:1.1em;line-height:1.5em;padding:5px 0;color:#444;
	font-weight: normal;
}
#primaryContent p.featured a {
	font-weight: normal;
}
#primaryContent h3 {
font-size:1.4em;font-weight:bold; color:#0f7bbf; padding-top: 5px;
}
#primaryContent h3.neighborhood {
	padding-bottom: 2px;
	width: 100%;
	border-bottom: 1px solid #CCCCCC;
	padding-top: 20px;
	clear: both;
	font-size: 1.2em;
	font-weight: bold;
	color:#000000;
}
#contentArea p {clear:both;font-size:1.1em;line-height:1.5em;padding:5px 0;color:#444;}
#contentArea a.featured {font-size:1em;color:#555; font-weight: normal; text-decoration: none;}
#contentArea p a, #footerContent p a {color:#444;font-weight:bold;border-bottom:0px solid #0f7bbf;}
#contentArea p a:hover {border-color:#999;}


#contentArea #intro p {font-size:1.1em;line-height:1.4em;color:#444;padding-bottom:10px;}
#contentArea #intro p a {color:#444;border:none;}
#contentArea #intro p a:hover {color:#000;}

#contentArea ul.buttons {
	list-style-type: none;
	padding: 0px;
	margin: 10px 0px;
}
#contentArea ul.buttons li {
	width: 138px;
	height: 25px;
	background-image:url(img/bg-button-blue.png);
	background-repeat: no-repeat;
	display: inline;
	float: left;
	text-align: center;
	margin: 0px 10px 2px 0px;
	padding-top: 3px;
}
#contentArea ul.buttons li:hover {
	background-image:url(img/bg-button-blue-hover.png);
	
}
#contentArea ul.buttons li a {
	width: 138px;
	height: 26px;
	color: #FFFFFF;
	text-decoration: none;
}
#contentArea ul.subNeighborhoods {
	list-style-type: none;
	padding: 0px;
	margin: 2px 0px;
	text-align: center;
	float: left;
	width: 149px;
}
#contentArea ul.subNeighborhoods li {
	width: 138px;
	padding-bottom: 9px;
}
#contentArea ul.subNeighborhoods li a {
	color:#000000;
	text-decoration: underline;
	font-size: 12px;
	line-height: 14px;
}
#secondaryContent p, #secondaryContent h1 {color:#666;font-size:12px;}
#footerContent p {clear:both;color:#aaa;line-height:1.4em;padding:5px 10px 0 0;font-size:1em;}

a.readMore {color:#0f7bbf;font-weight:bold;text-decoration:underline;line-height:1.4em;}
a.readMore:hover {text-decoration:none;}

#footerBottom p {float:left;clear:none;padding:0;text-align:left;font-size:.9em;color:#555555;line-height:1.3em;}
#footerBottom p a {color:#555555;font-weight:normal;border:none;}
#footerBottom p a:hover {color:#555555;}



p.breadcrumbs {float:left;height:12px;font-size:.9em;color:#999;border-bottom:1px solid #eee;padding:10px 0 5px 0;width:100%;}
p.breadcrumbs a {color:#666;}
p.breadcrumbs a:hover {text-decoration:underline;}

#secondaryContent p.note {float:left;font-size:.9em;color:#666;background:#fff8cf url(img/note-bg.png) 0 100% no-repeat;padding:15px 15px 20px 15px;width:210px;margin-top:15px;border-top:0px solid #FCF6D0;}
#secondaryContent p.note a {color:#222;}
#secondaryContent p.note a:hover {}

#headerContent p.note {float:left;font-size:.9em;color:#666;background:#fff8cf url(img/note-bg.png) 0 100% no-repeat;padding:15px 15px 20px 15px;width:900px;margin-top:15px;border-top:0px solid #FCF6D0;}
#headerContent p.note a {color:#222;}
#headerContent p.note a:hover {}

hr {border-color:#eee;border-style:solid;border-width:0px 0 0;clear:both;margin:20px 0 0 0;height:0;}
.required {color:#CF0C14;font-weight:bold;}

.agentName {color:#000000;font-weight:bold; font-size:14px; font-family:Arial, Helvetica, sans-serif;}
#secondaryContent h1  {color:#444444;font-weight:bold; font-size:14px; font-family:Arial, Helvetica, sans-serif; line-height: 1; padding: 6px 0px 6px 0px; letter-spacing: 0px;}
h1 span.agentName a {color:#444444;font-weight:bold; font-size:14px; font-family:Arial, Helvetica, sans-serif; line-height: 1;}
h1 span.agentName a:hover {color:#444444; text-decoration: underline;}
.agentName a:hover {color:#0f7bbf;}
.agentTitle {color:#555555;font-weight:bold; font-size:12px; font-family:Arial, Helvetica, sans-serif; font-style:italic;}
.agentLabel {color:#555555;font-weight:bold; font-size:10px; font-family:Arial, Helvetica, sans-serif;}
.agentTelNumber {color:#007fae;font-weight:bold; font-size:12px; font-family:Arial, Helvetica, sans-serif;}
.agentTitleLg {color:#555555;font-size:16px; font-family:Arial, Helvetica, sans-serif; font-style:italic;}

.homePageText {color:#b4b4b4;font-size:11px; font-family:Arial, Helvetica, sans-serif; line-height:19px; text-align:left; }
.homePageText a  {color:#b4b4b4;font-size:11px; font-family:Arial, Helvetica, sans-serif; text-decoration: none; }
#homePage .homePageText {
color:#b4b4b4;font-size:11px; font-family:Arial, Helvetica, sans-serif; line-height:19px; text-align:left; 
}
#homePage h1 {
color:#b4b4b4;font-size:11px; font-family:Arial, Helvetica, sans-serif; line-height:19px; text-align:left; letter-spacing: 0px; font-weight: normal; display: inline;
}



/*
IMAGES  -------------------------------------*/

#primaryContent p img {float:left;margin:5px 8px 0 0;border:0px solid #e8e8e8 position;}
#primaryContent p img.right {float:right;margin:5px 0 0 8px;}

#primaryContent img.bigImage {float:left;margin:10px 0;border:5px solid #ddd;}
#primaryContent img.bigImage:hover {border-color:#eee;}

#secondaryContent img {float:left;margin:7px 7px 0 0;}
#secondaryContent a img:hover {border-color:#eee;}

#footerBottom img {float:left;}

a.rss {background:url(img/rss.png) no-repeat;width:220px;height:28px;text-indent:-9999px;float:left;margin:10px 0 0 0px;}
a.rss:hover {background-position:bottom left;}

/*
LISTS  -------------------------------------*/

#contentArea ul, #contentArea ol {padding:5px 0 5px 28px;color:#0f7bbf;}
#home #contentArea ul {padding:0;}
#contentArea ul span, #contentArea ol span {color:#444;font-weight:normal;}
#contentArea ul {list-style-type:disc;}
#contentArea ul li, #contentArea ol li {font-size:1.1em;line-height:1.5em;}

#secondaryContent ul, #secondaryContent ol {padding:5px 0;padding-left:16px;color:#0f7bbf;}
#secondaryContent ul li, #secondaryContent ol li {color:#555;}
#secondaryContent ul.secondaryNavi {list-style-type:none;padding:3px 0 10px 0;}
#secondaryContent ul.secondaryNavi li {}
#secondaryContent ul.secondaryNavi li a {display:block;padding:3px 0;color:#333;background:url(img/secondaryNavi-bg.png) 0 50% no-repeat;padding-left:14px;border-bottom:1px solid #eee;}
#secondaryContent ul.secondaryNavi li a:hover {color:#000;background-position:1px 50%;}

#primaryContent ul.projectInfo {margin:0;padding:0 0 0 12px;list-style:none;}
#primaryContent ul.projectInfo li {font-size:1em;padding-left:20px;color:#000;background:url(img/productInfo-bg.png) 0 50% no-repeat;}

#footerContent ul {padding-top:5px;}
#footerContent ul li {color:#aaa;line-height:1.4em;font-size:1em;}
#footerContent ul li span {color:#444;font-size:.9em;}
#footerContent ul li a {color:#aaa;}

/* Contact info in the contact page */
#secondaryContent ul.contactInfo {list-style:none;padding:0 0 5px 0;}
#secondaryContent ul.contactInfo li {padding:6px 0 6px 28px;color:#666;}
ul.contactInfo li a {color:#666;font-weight:normal;border:none;}
ul.contactInfo li.address {background:url(img/address.png) 0 50% no-repeat;}
ul.contactInfo li.phone {background:url(img/phone.png) 0 50% no-repeat;}
ul.contactInfo li.email {background:url(img/email.png) 0 50% no-repeat;}

/*
SPECIFIC PAGES  -------------------------------------*/
ul#sitemap li {
	font-size: 14px;
}
/*
TABLES  -------------------------------------*/

/*
table {
}    
table thead th {padding:0px;}
table tbody th, table tbody td {padding:0px;color:#444;}
table thead th {background:#0f7bbf;color:#fff;}
table tbody {font-size:.9em;}
table tbody tr.alt {background-color:#eee;}
*/

/*


FORMS  -------------------------------------*/

input, textarea {background:#f7f7f7 url(img/form-bg.png) repeat-x;border:1px solid #ddd;color:#666;font:1em Verdana,sans-serif;padding:3px;}
input:focus, textarea:focus {border:1px solid #aaa;background:#FFF8EA;}
label {color:#444;font-size:1em;}
input[type="submit"] { background-color:#424240; color:white; padding:5px 10px 5px 10px; cursor:pointer; }

form fieldset input, form fieldset textarea {background:#f7f7f7 url(img/form-bg.png) repeat-x;border:1px solid #ddd;color:#666;font:1em Verdana,sans-serif;padding:3px;}
form fieldset input:focus, form fieldset textarea:focus {border:1px solid #aaa;background:#FFF8EA;}
form fieldset label {color:#444;font-size:1em;padding:10px 0 3px 1px;display:block;}

form#search fieldset {margin-bottom:10px;padding:10px 0;border-bottom:1px solid #222;}
form#search fieldset input {width:190px;}
form#search fieldset input#searchSubmit {background:#0f7bbf;width:30px;border:none;color:#222;cursor:pointer;font-weight:bold;}
form#search fieldset input#searchSubmit:hover {color:#555;}

form#contact fieldset textarea {width:425px;overflow:auto;margin-bottom:10px;}
form#contact fieldset .radio {border:none;background:none;margin:3px 0 3px 2px;font-size:.9em;color:#666;}
form#contact fieldset button {padding:3px 7px;border:0;cursor:pointer;color:#fff;background:#333;}
form#contact fieldset button:hover {background:#222;}

/* YGL */
.YGLPaging { text-align:right; padding:5px; font-size:1.1em; }
.YGLPaging2 { border-top:solid 1px #bdbdbd; }
.YGLPaging span.active { color:#17639d; font-weight:bold; color:black; }
.YGLListing { border-top:solid 1px #bdbdbd; padding-top:5px; padding-bottom:5px; color:black; }
.YGLListing:hover { background-color:#e6f2f7; }
.YGLListing DIV { padding:3px; font-size:1.1em; }
.YGLListing DIV.header { font-style:italic; font-size:0.9em; color:#666;; }
.YGLListing DIV.beds, .YGLListing DIV.price { font-weight:bold; }
.YGLListing DIV.description { font-weight:bold; margin-top:5px; }
.YGLListing DIV.summary { color:#343434; line-height:1.4em; font-size:0.9em; }
.YGLListing DIV.summary-more-info { margin-top:5px; }
.YGLListing DIV.city_area { font-weight:bold; font-size:1.1em; }
.YGLListing DIV.link { padding-top:3px; padding-bottom:3px; }
.YGLListing .address { color:#0179ad; font-size:1.2em; font-weight:bold; }
.YGLRentalsSearchForm h2, .YGLSalesSearchForm h2  {  color:#0179ad; }
.YGLRentalsSearchForm DIV.header, .YGLSalesSearchForm DIV.header { color:#0179ad; font-weight:bold; font-size:1.1em; margin-bottom:10px; margin-top:10px; }
.YGLRentalsSearchForm DIV.inputField, .YGLSalesSearchForm DIV.inputField { padding-left:20px; } 
.YGLRentalsSearchForm DIV.location, .YGLSalesSearchForm DIV.location { height:100px; overflow:auto; padding-left:10px; }
.YGLRentalsSearchForm DIV.location DIV.city, .YGLSalesSearchForm DIV.location DIV.city { padding:2px; padding-left:10px; font-size:1.2em; }
.YGLRentalsSearchForm DIV.location DIV.neighborhood, .YGLSalesSearchForm DIV.location DIV.neighborhood { padding:2px; padding-left:20px; color:gray; }
.YGLRentalsSearchForm DIV.submit, .YGLSalesSearchForm DIV.submit { text-align:right; padding-right:20px; margin-top:10px; }
.YGLSalesSearchForm DIV.property_type DIV { padding-top:2px; padding-bottom:2px; }
.YGLSalesSearchForm DIV.bath{margin-top:10px; color:#0179ad;font-weight:bold;}
.listing-details { margin-top:20px; }
.listing-details .status { margin-top:15px; margin-bottom:15px; font-weight:bold; }
.listing-details .apartmentLinks { margin-top:20px; margin-left:10px; }
.listing-details .apartmentLinks .link { padding-top:5px; }
.YGLBasicInfo { font-size:1.1em; }
.YGLBasicInfo td { padding-top:2px; padding-bottom:3px; }
.YGLBasicInfo .titlecell { font-weight:bold; }
.YGLBasicInfo .infocell { padding-left:10px; }

.YGLListingPOI, .YGLListingFeatures, .YGLListingDescription { margin-top:15px; font-size:1.2em; }
.YGLListingPOI div.header, .YGLListingFeatures div.header, 
.YGLListingDescription div.header { font-weight:bold; padding:3px;}
.YGLListingPOI div.content, .YGLListingFeatures div.content,
.YGLListingDescription div.content { padding:5px; background-color:#f2f2f2; }
.YGLListingPOI div.content td, .YGLListingFeatures div.content td,
.YGLListingDescription div.content td { text-align:center; }

DIV#YGLAptDetailsMap { width:100%; height:250px; }

.YGLContactUs h3 { color:#0179ad; }
.YGLContactUs .instructions { padding-top:5px; padding-bottom:5px; }  
.YGLContactUs .contactform {  }
.YGLContactUs .contactheader { font-weight:bold; margin-bottom:3px; margin-top:10px; }
.YGLContactUs .contactfield input { width:225px; }
.YGLContactUs .contactfield textarea { width:225px; height:150px; }
.YGLContactUs .contactsubmit { margin-top:5px; }
.YGLContactUs .contacterror { color: red; padding-left:10px; }
.YGLContactUs .contactsuccess { color:green; font-weight:bold; margin-top:10px; }

.YGLRequestShowing h3 { color:#0179ad; }
.YGLRequestShowing .instructions { padding-top:5px; padding-bottom:5px; }  
.YGLRequestShowing .form {  }
.YGLRequestShowing .header { font-weight:bold; margin-bottom:3px; margin-top:10px; }
.YGLRequestShowing .field input { width:225px; }
.YGLRequestShowing .field textarea { width:325px; height:150px; }
.YGLRequestShowing .submit { margin-top:5px; }
.YGLRequestShowing .error { color: red; padding-left:10px; }
.YGLRequestShowing .success { color:green; font-weight:bold; margin-top:10px; }

.YGLComplexListings {  }
.YGLComplexListings h2 { margin-left:20px; margin-bottom:10px; }
.YGLComplexListings table { width:100%; }
.YGLComplexListings th { padding-bottom:10px; }
.YGLComplexListings td { padding-top:3px; padding-bottom:3px; }
.YGLComplexListings .listing:hover { background-color:#e6f2f7; }
.YGLComplexListings .photo { text-align:center; }
.YGLComplexListings img { height:55px; }

#deal_tracker_container { background-color: #e2e2e2; width:300px; margin:0 auto; border:solid 1px gray; }
#deal_tracker_container table { margin:0 auto; margin-top:20px; margin-bottom:10px; }
#deal_tracker_container .submit { text-align:right; padding:10px; }

.bedSplitDisplay { font-style:italic; font-size:0.9em; }
.gmap_link { font-size:1.4em; font-weight:bold; }

/* Neighborhoods */
.neighborhoods-button{float:left; width:120px;margin:30px 35px 0px;}
.landing-page-button{float:left;width:300px;}



/* new CSS  for javascript menu*/

/*
MAIN NAVIGATION  -------------------------------------*/

ul#topnav li.current {background:#141414 url(../img/navi-bg.png) 0 100% repeat-x;}


ul#topnav {
	margin: 0; padding: 0;
	float: left;
	width: 975px;
	list-style: none;
	position: relative; /*--Set relative positioning on the unordered list itself - not on the list item--*/
	font-size: 12px;
	background: #02679d url(img/topnav_stretch.jpg) repeat-x;
	font-family:Arial, Helvetica, sans-serif;
}
ul#topnav li {
	float: left;
	margin: 0; padding: 0;
	border-right: 1px solid #005a81; 
	font-weight:bold;
      /*--Divider for each parent level links--*/
}
ul#topnav li a {
	padding: 15px 12px;
	display: block;
	color: #ffffff;
	text-decoration: none;
}
ul#topnav li:hover { background: #003d5d url(img/topnav_stretch_over.jpg) repeat-x;}
/*--Notice the hover color is on the list item itself, not on the link. This is so it can stay highlighted even when hovering over the subnav--*/


ul#topnav span {
	font-size:12px;
	line-height:30px;
	float: left;
	padding: 10px 0;
	position: absolute;
	left: 0; top:40px;
	display: none; /*--Hide by default--*/
	width: 200px;
	background: #595959;
	color: #fff;
	/*--Bottom right rounded corner--*/
	-moz-border-radius-bottomright: 5px;
	-khtml-border-radius-bottomright: 5px;
	-webkit-border-bottom-right-radius: 5px;
	/*--Bottom left rounded corner--*/
	-moz-border-radius-bottomleft: 5px;
	-khtml-border-radius-bottomleft: 5px;
	-webkit-border-bottom-left-radius: 5px;
	z-index:100;
}
ul#topnav li:hover span { display: block; } /*--Show subnav on hover--*/
ul#topnav li span a { display: inline; } /*--Since we declared a link style on the parent list link, we will correct it back to its original state--*/
ul#topnav li span a:hover {text-decoration: underline;}

.main-menu-wrapper {
	float:left;
	width:100%;
	height:40px;
	margin:-10px 0 0 0;
}
.jqueryslidemenu {
	display:block;
	float:right;
	position:relative;
	left:18px;
	z-index:100;
	
}
.jqueryslidemenu ul {
	list-style-type:none;
}
.jqueryslidemenu .primary-menu {
	margin:10px 0 10px 10px;
}

/*Top level list items*/
.jqueryslidemenu ul li {
	display:inline;
	position:relative;
	float:left;
}

/* Top level menu link items style */
.jqueryslidemenu ul li a {
	display:block;
	padding:0 18px 10px 18px; /* distance between main menu and dropdowns */
}

* html .jqueryslidemenu ul li a { /*IE6 hack to get sub menu links to behave correctly*/
	display:inline-block;
}
.jqueryslidemenu ul li a:hover {
	color:#f87b27;
}	
/*1st sub level menu*/
.jqueryslidemenu ul li ul {
	display:block;
	left:0;
	position:absolute;
	visibility:hidden;
}

/* Sub level menu list items (undo style from Top level List Items) */
.jqueryslidemenu ul li ul li {
	display:list-item;
	float:none;
}

/* All subsequent sub menu levels vertical offset after 1st level sub menu */
.jqueryslidemenu ul li ul li ul {
	margin-top:-1px; 
}
.jqueryslidemenu ul li ul li ul a {
	top:0;
}
/* Sub level menu links style */
.jqueryslidemenu ul li ul li a {
	width:190px; /* width of sub menus */
	padding:6px 5px 6px 10px;
	border-top-width:0;
}