/* --------------------------------------------------------------
 *
 *	Normalization
 *
-------------------------------------------------------------- */
article,aside,details,figcaption,figure,footer,header,hgroup,nav,section { display: block; }
.js .details {display: none;}

caption,th,td {
	text-align: left;
	font-weight: normal;
}

blockquote:before,blockquote:after,q:before,q:after { content: ""; }
blockquote,q { quotes: "" ""; }
a img {
	border: none;
	text-decoration: none;
}
a,object { outline: none; }

/* --------------------------------------------------------------
 *
 *	Style Library
 *
-------------------------------------------------------------- */
.grid {
	margin: 0 10px;
	float: left;
}
.container { width: 960px; }
.one-column { width: 60px; }
.two-columns { width: 140px; }
.three-columns { width: 220px; }
.four-columns { width: 300px; }
.five-columns { width: 380px; }
.six-columns { width: 460px; }
.seven-columns { width: 540px; }
.eight-columns { width: 620px; }
.nine-columns { width: 700px; }
.ten-columns { width: 780px; }
.eleven-columns { width: 860px; }
.twelve-columns { width: 940px; }
.offset-by-three { margin-left: 250px; }

/* OOCSS Grids ----------------------------------------l */
.line,.lastUnit {overflow:hidden; *overflow:visible; *zoom:1;}
.unit {float:left;}
.unitRight {float:right;}
.size1of1 {float:none;}
.size1of2 {width:50%;}
.size1of3 {width:33.33333%;}
.size2of3 {width:66.66666%;}
.size1of4 {width:25%;}
.size3of4 {width:75%;}
.size1of5 {width:20%;}
.size2of5 {width:40%;}
.size3of5 {width:60%;}
.size4of5 {width:80%;}
.lastUnit {float:none; width:auto; _position:relative; _left:-3px; _margin-right:-3px;}
.line.alt {  }
.line.alt > .unit {padding: 0 10px;}
.line.alt > .unit {-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}


/* OOCSS Modules --------------------------------------- */
.mod { margin: 10px; }
.bd,.ft,.hd { overflow: hidden;*overflow: visible;zoom: 1; }

/* OOCSS Media ----------------------------------------- */
.media { overflow: hidden;*overflow: visible;zoom: 1; }
.media .img {float: left;margin-right: 10px;margin-bottom: 10px; }
.media .img img { display: block; }
.media .imgExt { float: right;margin-left: 10px; }

/* OOCSS Alignment ------------------------------------- */


/* Misc
-------------------------------------------------------- */
.ir { font: 0/0 a;text-shadow: none;color: transparent; }
.hidden { display: none; }
.clearfix { *zoom: 1;clear: both;/* Contain floats: h5bp.com/q */ }
.clearfix:before,
.clearfix:after { content: "";display: table; }
.clearfix:after { clear: both; }

/* older IE */
.chromeframe {
	margin: 0.2em 0;
	background: #ccc;
	color: black;
	padding: 0.2em 0;
}


/* --------------------------------------------------------------
 *
 *	Components
 *
-------------------------------------------------------------- */
/* Font Declarations
-------------------------------------------------------------- */
@font-face {
	font-family: 'Urbano Condensed';
	src: url('../../fonts/irw/Urbano-Cond-webfont.eot');
	src: url('../../fonts/irw/Urbano-Cond-webfont.eot?#iefix') format('embedded-opentype'),
	     url('../../fonts/irw/Urbano-Cond-webfont.woff') format('woff'),
	     url('../../fonts/irw/Urbano-Cond-webfont.ttf') format('truetype'),
	     url('../../fonts/irw/Urbano-Cond-webfont.svg#svgFontName') format('svg');
}

/* Text Elements
-------------------------------------------------------- */
body {
	color: #333;
	font: 1em/1.5625 sans-serif /* 16/25 */;
	text-rendering: optimizelegibility;
}
p {}
.summary,
blockquote {
	font: 400 26px/30px "Urbano Condensed", "Helvetica Neue", Arial, sans-serif;
	color: #737373;
}
.summary p { margin: 0 0 25px 0; }

/* a { text-decoration: none; } */
a, a:visited { color: #e21936; }
a:hover, a:focus { color: #ff0026; }
a:active { color: #b8142c; }

blockquote { margin-left: 74px; }
blockquote p {}
ul li, ol li { margin-bottom: 1em; }
li ul, li ol { margin-top: 1em; }
ul.unstyled {list-style: none;padding: 0;}

/* Following six styles generally do not need to be edited */
strong { font-weight: 700; }
em { font-style: italic; }
p small { font-size: 0.833em; }
sup,sub { line-height: 0; }
dfn { font-style: italic; }
del { color: #666; }
pre { white-space: pre; }
pre,code,tt {
	font: 1em 'andale mono', 'lucida console', monospace;
	line-height: 1.5;
}

/* Typography & Headings
-------------------------------------------------------------- */



/*  Forms: Search
-------------------------------------------------------- */
.search-form {
	background: url(../../images/irw/design/search-form.png) no-repeat;
	height: 32px;
	position: relative;
	margin: 0;
	z-index: 1;
	-moz-border-radius: 13px;
	-webkit-border-radius: 13px;
	border-radius: 13px;
}
.content .search-form { margin-right: 20px; }
.search-form input {
	background: none;
	border: none;
	display: block;
	border-radius: 0;
}
.search-form input[type="text"] {
	font-style: italic;
	font-size: 10px;
	color: #444;
	padding: 6px 0 0 15px;
	box-shadow: none;
}
.IE7 .search-form input[type="text"],
.IE8 .search-form input[type="text"] { padding: 9px 0 0 20px; }
.search-form input[type="text"]:focus {
	color: #000;
	outline: none;
}
.search-form input[type="submit"] {
	position: absolute;
	top: 3px;
	right: 8px;
	width: 0;
	padding: 0;
	font: 0/0 a;
	text-shadow: none;
	color: transparent;
}
.search-form.inline-search-form {
	clear: both;
	display: inline-block;
	float: none;
}
.search-title {
	font-family: "Urbano Condensed";
	font-size: 26px;
}
.search-result {
	margin: 0 0 20px 0;
	padding: 0 0 20px 0;
	border-bottom: 1px solid #D6D6D6;
}

/* --------------------------------------------------------
 	Components: Small
-------------------------------------------------------- */
/*  Buttons
-------------------------------------------------------- */
.button,.button .inner {
	display: inline-block;
	font: bold 15px/20px Helvetica, Arial, sans-serif;
	cursor: pointer;
}
.button,.button:visited { color: #000 }
.button {
	background: #eee;
	cursor: pointer;
	display: inline-block;
	padding: 4px 14px 5px;
	font-weight: 700;
	line-height: 17px;
	text-align: center;
	border: 1px solid #ddd;
	border-radius: 3px;
	-webkit-transition: 0.1s linear all;
	-moz-transition: 0.1s linear all;
	-ms-transition: 0.1s linear all;
	-o-transition: 0.1s linear all;
	transition: 0.1s linear all;
	text-decoration: none;
}
.button:hover {
	background: #666;
	border-color: #333;
}
.button:hover,.button:hover input { color: #bbb; }
.button input {
	border: none;
	background: none;
	min-width: 140px;
	min-height: 30px;
	display: inline-block;
	padding: 3px 0 5px;
}

/* --------------------------------------------------------
 	Components: Large
-------------------------------------------------------- */
/*  VCARDs
-------------------------------------------------------- */
/*  Callouts
-------------------------------------------------------- */
.callout {
	background: url('../../images/irw/design/callout.jpg') right top no-repeat;
	width: 160px;
	padding: 25px 15px 30px 15px;
	font-size: 14px;
	color: #fff;
	border-top: 3px solid #49000a;
}
.callout h4 {
	margin: 0 10px 10px 10px;
	color: #fff;
}
.callout p,
.callout a {
	margin: 0 10px 20px 10px;
	color: #fff;
}
.callout a:hover { color: #ccc; }

.image-callout {
	background: url('../../images/irw/design/image-callout.jpg') no-repeat;
	border-top: 3px solid #9e0013;
	font-size: 14px;
}
.image-callout h4 {
	margin: 10px 20px;
	color: #333;
}
.image-callout p,
.image-callout a { margin: 0 20px 20px 20px; }
.image-callout img { display: block; }
.popout { margin-top: 15px; }

/*  Pagination
-------------------------------------------------------- */
.pagination { text-align: center; }
.pagination a,.pagination .ellipse {
	line-height: 30px;
	margin: 0 0 0 10px;
	padding: 0 10px;
	text-align: center;
}
.pagination>a:first-child { margin-left: 0; }
.pagination .pageInfo { display: none; }

/*  Navigation
-------------------------------------------------------- */
.nav,.nav li {
	margin: 0;
	padding: 0;
	list-style: none;
}
.nav a {
	display: inline-block;
	text-decoration: none;
}
.horiz {
	overflow: hidden;
	list-style: none;
}
.horiz li {
	display: inline-block;
	float: left;
}
.primary { float: right; }

/*  Boxes
-------------------------------------------------------- */

/*  Listings
-------------------------------------------------------- */
.listing .image { float: left; }
.listing {

	border-top: 3px solid #9e0013;
	border-bottom: 1px solid #d5d5d5;
	padding: 10px 0 10px 0;
	margin-bottom: 20px;
	font-size: 14px;
	line-height: 20px;
	max-width: 700px;
}
.listing:first-child { background: 0; }
.listing h4 { margin-bottom: 10px; }
.listing h5 {
	margin-bottom: 15px;
	color: #919191;
}

.property-contact-info ul {
	padding-left: 0;
}



/*  Photos
-------------------------------------------------------- */
img[align="right"] { margin: 0 0 1.5em 1.5em; }
img[align="left"] { margin: 0 1.5em 1.5em 0; }
.photo,.photo .image,.photo img { display: block; }
.photo { padding-bottom: 10px; }
.photo .image {
	padding: 3px;
	border: 1px solid #E2E2E2;
	background: white;
	border-radius: 3px;
	position: relative;
}

/* Category icons
-------------------------------------------------------- */
.link-icon {
	padding-left: 30px;
	list-style: none;
	min-height: 20px;
}
.link-icon.icon-doc { background: url(../images/icons/icon-doc.png) 0 0 no-repeat; }
.link-icon.icon-img { background: url(../images/icons/icon-img.png) 0 0 no-repeat; }
.link-icon.icon-pdf { background: url(../images/icons/icon-pdf.png) 0 2px no-repeat; }
.link-icon.icon-misc { background: url(../images/icons/icon-folder.png) 0 0 no-repeat; }



/* --------------------------------------------------------------
 *
 *	Main Structure
 *
-------------------------------------------------------------- */
html { background: #c7c7c7 }
body {
	background: #f2eade url(../images/design/shadow.png) center 400px no-repeat;
	min-width: 960px;
	margin: 0;
}
.head,.body,.foot {
	width: 960px;
	padding: 0 20px;
	margin: 0 auto;
	position: relative;
	overflow: hidden;
}

/* Head
-------------------------------------------------------- */
#header {
	/* background: #4d020b url(../images/design/header.jpg) 50% 0 repeat-x; */
	border-top: 5px solid #49000a;
	min-width: 1000px;
	height: 395px;
	position: relative;
}
#header-detail {
	position: absolute;
	width: 100%;
	height: 100%;
	background: url(../images/design/header-detail.jpg) 50% 0 no-repeat;
	top: 0;
	left: 0;
}
.head {
	padding-bottom: 30px;
	background: url(../images/design/header-shadow.png) 50% bottom no-repeat;
	height: 115px;
}
#logo {
    left: 0;
    position: absolute;
    top: 25px;
}
#logo > a { display: block; }

.toolbar {
    position: absolute;
    right: 0;
    top: 0;
	background: #49000A;
	text-align: center;
	padding: 0 20px;
    color: #dacacc;
}
.toolbar:before {
    border-color: transparent #49000A;
    border-style: solid;
    border-width: 0 10px 36px 0;
    content: "";
    left: -10px;
    position: absolute;
}
.toolbar a {
    color: #dacacc;
    display: inline-block;
    font: 400 12px/2 sans-serif;
    padding: 4px 10px 7px;
    text-decoration: none;
}
.toolbar a:hover { color: #fff; }

#main-menu {
    float: right;
    margin-top: 81px;
	font: 400 18px/1 "Urbano Condensed", "Helvetica Neue", Arial, sans-serif;
}
#main-menu a {
	margin: 0 0 0 60px;
	text-transform: uppercase;
	color: #fff;
}
#main-menu li a:hover { color: #cbc1c2; }
#main-menu li.active a { color: #2b0006; }

/* Foot
-------------------------------------------------------- */
.foot-wrap {
	width: 100%;
	background: #c7c7c7;
	font-size: 10px;
}
.foot-wrap .search-form {
    clear: right;
    float: right;
}
.foot {
	background: #d2d2d2;
	padding: 20px;
}
.foot p {
	line-height: 15px;
	margin-bottom: 15px;
}
.foot .submenu {
	float: right;
	margin: 0 0 7px 0;
	padding: 0;
	list-style: none;
}
.foot .submenu li {
    /* background: url("../images/icons/icon-list.png") no-repeat scroll 8px 5px transparent; */
    float: left;
    padding: 0 0 0 20px;
}
.foot .submenu li:first-child { background: none; }
.designCredit { color: #5e5e5e; }
.designCredit a {
	text-decoration: none;
	color: inherit;
}


/* Body
-------------------------------------------------------- */
.body {
	background: #fbfbfb url(../images/design/content.jpg) top center no-repeat;
	margin-top: -250px;
	padding-top: 20px;
	padding-bottom: 50px;
	min-height: 150px;
}

/* Local Navigation */
.local-nav-title {
	width: 190px;
	margin: 0;
	padding: 0 0 3px 0;
	font-weight: 700;
	font-size: 18px;
	text-transform: uppercase;
	border-bottom: 3px solid #49000a;
}
.local-nav-wrap {
	width: 190px;
	margin-bottom: 20px;
}
ul.local-nav li.first-child { border-top: none; }
ul.local-nav li {
	border-top: 1px solid #d2d2d2;
	font: 400 14px/30px "Helvetica Neue", Arial, sans-serif;
}
ul.local-nav li a.active {
	font-weight: 700;
	color: #333;
}
ul.local-nav ul { border-top: 1px solid #d2d2d2; }
ul.local-nav ul li {
	border-top: none;
	padding: 0 0 0 20px;
}
.no-nav .callout {
	float: right;
	margin-left: 50px;
}

/* Content */
.content { overflow: hidden; }
.title {
	padding-bottom: 8px;
	margin-bottom: 10px;
	border-bottom: 1px solid #d6d6d6;
}
.title.alt {
	margin-bottom: 0;
	border-bottom: 3px solid #49000a;
}
.has-sub .title { margin-right: 15px; }


/*  Aside
-------------------------------------------------------- */
.aside {
	background: url('../images/design/aside.jpg') top right no-repeat;
	float: right;
	width: 180px;
	margin: 10px 10px 0 0;
	padding: 20px;
	border-top: 3px solid #49000a;
	font-size: 12px;
}
.aside ul {
    list-style-type: square;
    margin: 0;
    padding: 0;
}
#aside > ul li { margin-left: 15px; }

/* --------------------------------------------------------------
 *
 *	Page Specific
 *
-------------------------------------------------------------- */
/* Entry Template
-------------------------------------------------------- */
.entry .masthead { float: left; }
.entry .callout {
	float: right;
	width: 270px;
}
.entry .image-callout { margin-top: 40px; }
.entry .image-callout p { font-size: 14px; }

.entry .one-third {
	width: 300px;
	height: 400px;
	float: left;
	position: relative;
}
.entry .one-third .img {
	position: absolute;
	bottom: 0;
	width: 100%;
}

.entry .featured {
	position: relative;
	margin: -20px -21px 40px;
	border-top: 3px solid #FFF;
}
.entry .property {
	z-index: 500;
	width: 334px;
	height: 247px;
	float: left;
	position: relative;
	cursor: pointer;
	oveflow: hidden;
}
.entry .property .masthead > img { display: block; }

/* center */
.entry .featured-home {
	position: absolute;
	z-index: 1500;
	background: url('../images/design/callout-flip.jpg') 0 0 no-repeat;
	width: 334px;
	height: 128px;
	margin: 147px 0 0 334px;
	border-top: 3px solid #FFF;
	padding: 36px 0;
}
.featured-home > span {
    display: block;
    text-align: center;
	color: #fff;
}
.entry .tagline {
	font: 400 41px/50px "Urbano Condensed", "Helvetica Neue", Arial, sans-serif;
	height: 100px;
}

.entry .property-data {
	width: 334px;
	height: 250px;
	position: absolute;
	display: none;
}
.entry .property-data h4 {
	color: #141414;
	margin: 20px;
}
.entry .property-data p { margin: 0 0 20px 20px; }
.entry .property-data-hover {
	background: url('../images/design/featured-hover.png') no-repeat;
	margin-left: -334px;
	cursor: pointer;
	color: #525151;
}
.entry .property-data .view-full-details {
	color: #525151;
	font-size: 14px;
	text-decoration: underline;
}
.entry .property-data .view-full-details:hover { color: #000; }

.IE7 .featured-home {
	top: 0;
	margin: 150px 0 0 -668px;
}
.IE7 .entry .property-data { margin-left: -334px; }


/* Contact Template
-------------------------------------------------------- */
p.contact { margin: 20px 0 0 0; }
.contact h4,.contact h5 {
	font-weight: 700;
	margin-bottom: 15px;
}
.contact ul.contact { padding: 0 0 10px 20px; }
.contact ul.contact li { list-style: none; }
.contact .aside p {
	line-height: 20px;
	margin: 0 20px 20px 0;
}
.listing-phone,.listing-email,.listing-fax { padding: 0 20px 0 20px; }
.listing-phone {
	background: url(../images/icons/icon-phone.png) 0 no-repeat;
	padding: 0 18px 0 20px;
}
.listing-email {
	background: url(../images/icons/icon-email.png) 0 4px no-repeat;
	padding: 0 18px 0 20px;
}
.listing-fax { background: url(../images/icons/icon-printer.png) 0 2px no-repeat; }
.what-fields-required {
	font-size: 14px;
	color: #1c3966;
}

/* List Template
-------------------------------------------------------- */
.list .callout { float: right; }
.has-nav.list .callout { float: none; }
.listing img { max-width: 100%; }
.list .subContent .callout {
	float: none;
	margin: 30px 0 0 15px;
}
.list .aside { float: none; }
.list .listing .seven-columns {
	float: left;
	margin-left: 20px;
}
.subContent { float: right; }
.biography p {
	line-height: 20px;
	margin-right: 20px;
}
.list .listing h4 {
	line-height: 30px;
	margin-bottom: 0;
}
.list ul.contact {
	margin: 0;
	padding: 0;
	/* list-style-image: url('../images/icons/icon-list.png'); */
}
.list ul.contact li:first-child {
	list-style: none;
	padding: 0 18px 0 20px;
}
.list ul.contact li {
	float: left;
	padding: 0 15px 0 23px;
}
.list .listing-phone { background: url(../images/icons/icon-phone.png) 0 6px no-repeat; }
.list .listing-email { background: url(../images/icons/icon-email.png) 3px 7px no-repeat; }
.list .listing-linkedin { background: url(../images/icons/icon-person.png) 0 6px no-repeat; }

a.view-bio {
    background: url("../images/icons/details-icon.png") right 4px no-repeat scroll;
    padding: 0 20px 0 0;
}
a.view-bio:hover { background-image: url(../images/icons/details-icon-hover.png); }

a.open { background: url(../images/icons/link-icon-less.png) 0 2px no-repeat; }
a.open:hover { background-image: url(../images/icons/link-icon-less-hover.png); }

.show-more { margin: 0 0 20px; }

/* Experience Template
-------------------------------------------------------- */
.experience .listing {padding-right: 20px;}
.experience .listing .img {margin-right: 20px;}

.experience .content .bio { overflow: hidden; }
.experience .content .employee-bio {
	float: left;
	margin-right: 20px;
	width: 220px;
}
.experience .aside img {
	width: 220px;
	margin: -20px;
}
.experience .aside h5 {
	font-weight: 700;
	margin: 0 0 10px 0;
}
.experience .aside p {
	margin: 0 0 20px 0;
	line-height: 16px;
}
.experience .aside ul { padding: 0; }
.experience .aside ul.contact { list-style: none; }
.experience .aside ul.contact li { background-position: 0 3px; }
.experience.list .subContent .callout { margin-top: 20px; }


/* News Template
-------------------------------------------------------- */
.date.two-columns {
	float: left;
	min-height: 100px;
}
.date.two-columns h5 { color: #333; }
.listing.news p {
	margin: 20px 20px 0 0;
	overflow: hidden;
}
.more-news {
	width: 90px;
	float: right;
	background: url(../images/icons/details-icon.png) 75px 8px no-repeat;
	font-size: 14px;
}
.more-news:hover { background: url(../images/icons/details-icon-hover.png) 75px 8px no-repeat; }

/* Contact Template
-------------------------------------------------------- */
.contact .aside { width: 260px; }
.contact .aside img { margin: -20px 0 25px -20px; }
.contact .content input[type="text"],
.contact .content textarea { width: 368px; }
.contact .content textarea { height: 138px; }
.contact label {
	width: 120px;
	padding: 0 0 0 30px;
	font-family: "Urbano Condensed", "Helvetica Neue", Arial, sans-serif;
	font-size: 20px;
	text-transform: none;
	text-align: left;
	color: #1c3966;
}
.contact input[type="submit"] { margin-left: 169px; }

/* Properties page
-------------------------------------------------------- */
.property h3 { margin: 0; }
.property .aside {
	width: 300px;
	margin: 10px 0 0 20px;
	padding: 0;
	background: none;
	border: none;
}
.property .title { width: 620px; }
.property .content { margin-top: 10px;	 }



/* property */
.individual-property {
	border-top: 3px solid #9E0013;
	margin-top: 10px;
}
.individual-property li {
	border-bottom: 1px solid #ccc;
	overflow: hidden;
	margin-bottom: 0;
}
.individual-property > li:nth-child(even) { background: #ebebeb; }
.individual-property li > * {
    float: left;
    height: 40px;
    padding-top: 20px;
    width: 50%;
}
.individual-property li strong { text-indent: 20px; }

/* carousel */
.carousel { margin-bottom: 20px; }
.carousel .photo {
	margin-bottom: 20px;
	padding-bottom: 0;
	position: relative;
}
.carousel .tray {
	margin: 10px 0;
	text-align: justify;
}
.carousel .thumb {
    position: relative;
    overflow: hidden;
    border: 2px solid #FFF;
    box-shadow: 0 0 0 1px #CCC;
    display: inline-block;
    margin: 0 0 0 10px;
}
.carousel .thumb:first-child { margin-left: 0; }
.carousel .thumb img {
	position: relative;
	display: block;
	top: 0;
	transition: top 200ms ease-in-out;
}
.carousel .preview,
.carousel .photo:before {
	position: absolute;
	visibility: hidden;
	transition: visibility 500ms;
}
.carousel .photo:before {
    content: url("../images/design/ajax-loader.gif");
    top: 50%;
    left: 50%;
    margin: -7px 0 0 -64px;
    z-index: 200;
}
.carousel .preview {
	top: 0;
    z-index: 100;
}

/* carousel states */
.carousel .photo.loading:before,
.carousel .photo.loading .preview { visibility: visible; }
.carousel .thumb.active {
    border: 2px solid #6084BF;
    box-shadow: 0 0 0 1px #6084BF;
}
.carousel .thumb.active img { top: -40px; }


/**/
.property .employee {
	float: left;
	width: 80px;
}
.property .listing h4 {padding-right: 10px;}
.property .aside ul.contact {}

.property ul.contact li { list-style: none; }
.property li.listing-phone { margin: 0; }
.property-address {
	width: 100%;
	float: right;
	font-size: 16px;
	text-align: right;
}
.property-address h5 { margin: 0; }
.property-address p { margin: 10px 0 30px 0; }
.property-contact {
	margin: 0 0 10px 0;
	line-height: 30px;
}


/* map */
.map {
	width: 800px;
	margin: 0 auto;
}
.individual-map {
	float: right;
	width: 300px;
	height: 280px;
	margin-bottom: 23px;
	border: 1px solid #ccc;
}
.map-link {
	background: url(../images/design/larger-map.png) bottom left no-repeat;
	width: 300px;
	height: 280px;
	position: absolute;
	z-index: 1000;
}
.map-link:hover { background: url(../images/design/larger-map-hover.png) bottom left no-repeat; }
#map_canvas {
	width: 100%;
	height: 100%;
}
.map-canvas {
	width: 100%;
	height: 520px;
}
.IE7 .property .aside .listing { margin-top: 340px; }


/* Property Landing page
-------------------------------------------------------- */
.ui-dialog {
	position: fixed;
	background: #fff url(../images/design/listing.jpg) top right no-repeat;
	width: 300px;
	padding: 20px;
	z-index: 5000;
	display: block;
	-webkit-box-shadow: 0 0 7px #333;
	-moz-box-shadow: 0 0 7px #333;
			box-shadow: 0 0 7px #333;
}
.ui-dialog-title {
	font-family: "Urbano Condensed", "Helvetica Neue", Arial, sans-serif;
	font-size: 24px;
	line-height: 25px;
	padding-bottom: 20px;
}
.ui-icon-closethick {
	background: url(../images/icons/icon-close.png) no-repeat;
	width: 18px;
	height: 18px;
	float: right;
	color: transparent;
	font-size: 0;
}
.ui-icon-closethick:hover { background: url(../images/icons/icon-close-hover.png) no-repeat; }
.dialog { margin-top: 20px; }


.propertyLanding .listing {
	float: left;
	width: 460px;
	margin-top: 20px;
}
.propertyLanding .listing h4 {
	line-height: 30px;
	margin-bottom: 0;
}

.propertyLanding .listing { padding: 10px 0 0 0; }
.propertyLanding .property {
	margin-left: 10px;
	margin-right: 10px;
}
.propertyLanding .masthead { float: left; }
.propertyLanding .property-info { overflow: hidden; }
.propertyLanding .photo { padding-right: 20px; }
.propertyLanding .details { margin: 0; }
.propertyLanding .details a {
	display: block;
	background: url(../images/icons/details-icon.png) 50px 8px no-repeat;
	font-size: 14px;
}
.propertyLanding .details a:hover { background: url(../images/icons/details-icon-hover.png) 50px 8px no-repeat; }

/* map */
.map-canvas .listing {
	border: none;
	background: #fff;
	margin: 7px 0 0;
	padding: 5px 10px;
	float: none;
	width: auto;
}
.map-canvas .listing .property-info {overflow: hidden;}
.map-canvas .listing h4 { font: bold 14px/16px sans-serif;color: #9e0013; }
.map-canvas .listing .address,
.map-canvas .listing strong { display: none; }
.map-canvas .listing p { margin-bottom: 5px;line-height: 1.5; }
.map-canvas .city { margin-bottom: 10px; }

.propertyLanding .overlay {
	display: none;
	position: fixed;
	background: #000;
	width: 100%;
	height: 100%;
	z-index: 999;
	opacity: 0.30;
	overflow: hidden;
}
.newClass .overlay { display: block; }


.property-list-group { margin: 40px 0 0; }
.property-list {
	overflow: hidden;
	margin: 20px -10px;
}
.property-list p { margin: 0 0 10px; }
/* TODO: add animation */
.property-list .listing h4 a { color: #807374; }
.property-list .listing h4 a:hover { color: #9e0013; }
.property-list p.address { margin: 10px 0 0 0; }

/* zipcode-form */
#zipcode-form {
	background: url(../images/design/search-zipcode.png) no-repeat;
	float: right;
	margin-top: 8px;
	height: 50px;
	width: 307px;
}
#zipcode-form fieldset { float: left; }
#zipcode-form input.submit {
	margin: 12px 10px 0 0;
	padding: 6px 14px 5px;
}
#zipcode-form .fieldArea,
#zipcode-form .fieldArea input {
	float: left;
	width: 154px;
	margin: 3px 3px 0 -2px;
	border: 0;
}
@-moz-document url-prefix() {
  #zipcode-form input.submit {
     width: 117px;
     padding: 5px 14px;
  }
}
#zipcode-form .fieldArea input {
	-webkit-box-shadow: inset 2px 2px 7px #777;
	-moz-box-shadow: inset 2px 2px 7px #777;
	box-shadow: inset 2px 2px 7px #777;
}
.IE8 #zipcode-form .fieldArea,
.IE8 #zipcode-form .fieldArea input {
	width: 144px;
	margin: 6px 3px 0 7px;
}
.IE8 #zipcode-form input.submit { margin: 12px 10px 0 20px; }
.IE7 #zipcode-form .fieldArea,
.IE7 #zipcode-form .fieldArea input {
	width: 134px;
	margin: -2px 10px 0 7px;
}
.IE7 #zipcode-form input.submit {
	width: 114px;
	margin: 12px 10px 0 20px;
	padding: 5px 14px 4px;
	float: left;
}


/* -----------------------------------------------------------
  	Overrides
/* ----------------------------------------------------------- */
.numerical-dropcap,
.strategy-item h3,
.callout h4,
.image-callout h4,
.listing h4 ,
.entry .property-data h4 { font-family: "Urbano Condensed", "Helvetica Neue", Arial, sans-serif; }


/* -----------------------------------------------------------
  	7. Lightbox
/* ----------------------------------------------------------- */
/*  ColorBox Core Style */
#colorbox,#cboxOverlay,#cboxWrapper {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 9999;
	overflow: hidden;
}
#cboxOverlay {
	position: fixed;
	width: 100%;
	height: 100%;
}
#cboxMiddleLeft,#cboxBottomLeft { clear: left; }
#cboxContent { position: relative; }
#cboxLoadedContent { overflow: auto; }
#cboxTitle { margin: 0; }
#cboxLoadingOverlay,
#cboxLoadingGraphic {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
#cboxPrevious,#cboxNext,#cboxClose,#cboxSlideshow { cursor: pointer; }
.cboxPhoto {
	float: left;
	margin: auto;
	border: 0;
	display: block;
}
.cboxIframe {
	width: 100%;
	height: 100%;
	display: block;
	border: 0;
}
/* User Style */
#cboxOverlay { background: #000; }
#colorbox {  }
#cboxContent { margin-top: 20px; }
.cboxIframe { background: #fff; }
#cboxError {
	padding: 50px;
	border: 1px solid #ccc;
}
#cboxLoadingOverlay { background: #000 url(../images/design/loading.gif) 50% 50% no-repeat; }
#cboxLoadedContent {
	border: none;
	padding: 10px;
	background: #fff;
}
        /* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */
        #cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {border:0; padding:0; margin:0; overflow:visible; width:auto; background:none; }
		#cboxClose, #cboxPrevious, #cboxNext {
			position:absolute;
			border: 0;
			background: #fff url(../images/design/lightbox-controls-alt.png) no-repeat center top;
			text-indent:-9999px;
			width: 30px;
			height: 30px;
		}
        #cboxClose 			{ top: 0; right:0; }
        #cboxClose:hover 	{ background-position: center bottom; }
		#cboxPrevious, #cboxNext {
		    margin-top: -15px;
		    top: 50%;
		}
        #cboxNext 			{ background-position: right top;right: 0; }
        #cboxNext:hover 	{ background-position: right bottom; }
		#cboxPrevious 		{ background-position: left top;left: 0; }
        #cboxPrevious:hover { background-position: left bottom; }
		/* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */
        #cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {outline:0;}


/* sitemap */
.sitemap a[href="portfolio.html"] + ul {
    -webkit-column-count: 4;
    -moz-column-count: 4;
    column-count: 4;
    -webkit-column-gap: 20px;
    -moz-column-gap: 20px;
    column-gap: 20px;
}