body {
	background: url(../images/layout/header_bg.png) repeat-x 0px 10px;
	font-family: Arial, Helvetica, sans-serif;
}

.center {
	text-align: center;
}

.clear {
	overflow: hidden;
}

.cleardiv {
	clear: both;
}

.hidden {
	display: none;
}

a {
	color: #0D85C5;
	text-decoration: none;
}

a:visited {
	color: #054298;
}

a:hover {
	text-decoration: underline;
}

b {
	font-weight: bold;
}

hr {
	background: #aad1e6;
	border: none;
	height: 1px;
}

.blue_button {
	background: url(../images/layout/blue_button_bg.png) repeat-x left center;
	display: block;
	float: left;
	font: bold 16px MyriadPro;
	height: 33px;
	padding-left: 20px;
	text-decoration: none !important;
	text-shadow: #136BA3 0 -2px 1px;
}

.blue_button span {
	background: url(../images/layout/blue_button_bg.png) repeat-x right center;
	color: #fff;
	display: block;
	height: 27px;
	margin-right: -20px;
	padding-right: 20px;
	padding-top: 6px;
	text-align: center;
}

.green_button {
	background: url(../images/layout/green_button_bg.png) repeat-x left center;
	display: block;
	float: left;
	font: bold 22px MyriadPro;
	height: 44px;
	padding-left: 35px;
	text-decoration: none !important;
	text-shadow: #fff 0 2px 1px;
}

.green_button span {
	background: url(../images/layout/green_button_bg.png) repeat-x right center;
	color: #263c09;
	display: block;
	height: 36px;
	margin-right: -35px;
	padding-right: 35px;
	padding-top: 8px;
	text-align: center;
}

#philly_banner {
	background: #086498;
	border-bottom: 1px solid #69F;
	color: #CCC;
	font: normal 14px MyriadPro;
	overflow: hidden;
	padding: 2px 0 3px 0;
	text-align: center;
	text-shadow: #036 0 2px 1px;
}

#philly_banner p {
	margin: 0 auto;
	width: 325px;
}

#philly_banner a, #philly_banner span {
	display: block;
	float: left;
	margin-right: 15px;
}

#philly_banner span {
	padding-top: 2px;
}

#philly_banner a {
	border: 1px solid #09F;
	border-radius: 5px;
	color: #CFF;
	font: normal 13px Tahoma, Geneva, sans-serif;
	padding: 3px 5px;
	text-shadow: none;
}

#philly_banner a.selected {
	background: #036;
}

#header {
	position: relative;
	padding-bottom: 81px;
}

#header .fourcol {
	position: relative;
}

#header .row {
	overflow: visible;
}

#header .row, #subnav .row {
	max-width: 1020px;
}

#logo {
	background: url(../images/layout/ui_logo.png) no-repeat center center;
	background-size: 100%;
	display: block;
	font-size: 1px;
	height: 192px;
	text-indent: -999px;
	max-width: 260px;
	width: 260px;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 200;
}

#logo_mobile {
	display: none;
}

.mob_show {
	display: none;
}

#logo.philly {
	background: url(../images/layout/ui_logo_philly.png) no-repeat center center;
}	

#nav_main {
	float: right;
	min-width: 607px;
	overflow: hidden;
}

#header.no_toolbar #nav_main {
	margin-right: 100px;
	margin-top: 65px;
	min-width: inherit;
}

#nav_main li {
	float: left;
	margin-left: 2px;
}

#nav_main a {
	background: url(../images/layout/main_nav.png) no-repeat;
	cursor: pointer;
	display: block;
	font-size: 1px;
	height: 46px;
	text-indent: -999px;
}

#nav_main a#nav_renters {
	background-position: 0 -92px;
	width: 99px;
}

#nav_main a#nav_renters:hover {
	background-position: 0 -46px;
}

body.renters #nav_main a#nav_renters {
	background-position: 0 0;
}

#nav_main a#nav_landlords {
	background-position: -101px -92px;
	width: 112px;
}

#nav_main a#nav_landlords:hover {
	background-position: -101px -46px;
}

body.landlords #nav_main a#nav_landlords {
	background-position: -101px 0;
}

#nav_main a#nav_neighborhoods {
	background-position: -215px -92px;
	width: 153px;
}

#nav_main a#nav_neighborhoods:hover {
	background-position: -215px -46px;
}

body.neighborhoods #nav_main a#nav_neighborhoods {
	background-position: -215px 0;
}

#nav_main a#nav_resources {
	background-position: -370px -92px;
	width: 125px;
}

#nav_main a#nav_resources:hover {
	background-position: -370px -46px;
}

body.resources #nav_main a#nav_resources {
	background-position: -370px 0;
}

#nav_main a#nav_about_us {
	background-position: -497px -92px;
	width: 108px;
}

#nav_main a#nav_about_us:hover {
	background-position: -497px -46px;
}

body.about_us #nav_main a#nav_about_us {
	background-position: -497px 0;
}

#toolbar {
	float: right;
	margin: 11px 0;
	overflow: hidden;
}

#toolbar li {
	float: left;
}

#toolbar a {
	background-image: url(../images/layout/toolbar_icons.png);
	display: block;
	font-size: 1px;
	height: 43px;
	margin-left: 3px;
	text-indent: -999px;
}

#toolbar a.newsletter_link {
	width: 182px;
}

#toolbar a.facebook_link {
	background-position: -182px top;
	margin-left: 7px;
	width: 37px;
}

#toolbar a.twitter_link {
	background-position: -219px top;
	width: 37px;
}

#toolbar a.newsletter_link:hover {
	background-position: left -43px;
	width: 182px;
}

#toolbar a.facebook_link:hover {
	background-position: -182px -43px;
	width: 37px;
}

#toolbar a.twitter_link:hover {
	background-position: -219px -43px;
	width: 37px;
}

#subnav {
	background: url(../images/layout/subnav_bg.png) repeat-x;
	height: 55px;
	margin-top: -75px;
	z-index: 100;
}

#subnav ul {
	float: right;
}

#subnav li {
	float: left;
}

#subnav li.active a {
	background: url(../images/layout/subnav_active.png) no-repeat left center;
}

#subnav li.last a span, #subnav li.active a span {
	display: block;
	height: 50px;
	position: absolute;
	right: 0;
	top: 0;
	width: 5px;
	background: url(../images/layout/subnav_separator.png) no-repeat right center;
}

#subnav li.active a span {
	background: url(../images/layout/subnav_active.png) no-repeat right center;
}

#subnav a {
	background: url(../images/layout/subnav_separator.png) no-repeat left center;
	color: #0C669D;
	cursor: pointer;
	display: block;
	font: normal 16px Arial, Helvetica, sans-serif;
	padding: 20px 17px 0 17px;
	position: relative;
	height: 30px;
	text-decoration: none;
}

#subnav li.active a {
	font-weight: bold;
}

#subnav a:hover {
	color: #09C;
}

#banner {
	background: url(../images/layout/pinstripe.png);
	border-bottom: 1px solid #aad1e6;
}

#banner .container {
	padding: 40px 20px 20px 20px;
}

#banner .row, #content .row {	
	max-width: 920px;
}

#banner h1 {
	color: #022e47;
	font: 700 28px ProximaNova;
	text-shadow: #fff 0 1px 0;
}

#banner .buttons {
	margin-top: 15px;
}

#banner .buttons li {
	float: left;
	margin-right: 10px;
}

h2.large {
	color: #022e47;
	font: 700 28px ProximaNova;
	text-shadow: #fff 0 1px 0;
}

#footer {
	background: #0396e6 url(../images/layout/footer_bg.png) repeat-x top left;
	color: #cce6f4;
	font-size: 14px;
}

#footer .container {
	background: url(/assets/images/layout/footer_car.jpg) no-repeat 85% 90%;
	padding: 35px 20px 50px 20px;
	position: relative;
}

#footer .row {
	max-width: 960px;
}

#footer p {
	line-height: 20px;
	margin-bottom: 15px;
}

#footer a {
	color: #cce6f4;
	text-decoration: none;
}

#footer a:hover {
	color: #fff;
}

#footer li {
	margin-bottom: 10px;
}

#footer li.title, #social_media b {
	display: block;
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 15px;
}

#footer .small {
	font-size: 12px;
	line-height: 16px;
}

#social_media div {
	float: right;
	text-align: center;
}

#social_media p {
	margin-bottom: 10px;
	*margin-left: 90px;
	overflow: hidden;
}

#social_media p.bbb_logo {
	margin-bottom: 15px;
}

#social_media_links a.facebook_link {
	background: url(/assets/images/layout/facebook.png) no-repeat center center;
	display: block;
	font-size: 1px;
	height: 32px;
	margin-bottom: 15px;
	text-indent: -999px;
	width: 105px;
}

#social_media a.twitter_link {
	background: url(/assets/images/layout/twitter.png) no-repeat center center;
	display: block;
	font-size: 1px;
	height: 20px;
	margin-bottom: 5px;
	text-indent: -999px;
	width: 105px;
}

.normal_label {
	color: #000;
	display: block;
	font: bold 14px Arial, Helvetica, sans-serif;
	margin-bottom: 8px;
}

.secondary_label {
	color: #000;
	font: normal 14px Arial, Helvetica, sans-serif;
	margin-bottom: 8px;
}

select {
	border: 1px solid #999;
	border-radius: 5px;
	color: #333;
	font: normal 14px Arial, Helvetica, sans-serif;
	height: 32px;
	width: 100%;
	vertical-align: middle;
	padding: 5px;
}

select[disabled] {
	color: #999;
}

input.checkbox {
	height: 15px;
	vertical-align: text-bottom;
	width: 15px;
}

input.text, input.input_text {
	font-size: 14px;
	padding: 4px 5px;
}

.center-wrap {
	float: left;
	*padding-bottom: 15px;
	position: relative;
	left: 50%;
	*left: 45%;
}

.center-content {
	float: left;
	position: relative;
	left: -50%;
}

@font-face {
    font-family: 'ProximaNova';
    src: url('../fonts/proximanova-bold_0-webfont.eot');
    src: url('../fonts/proximanova-bold_0-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/proximanova-bold_0-webfont.woff') format('woff'),
         url('../fonts/proximanova-bold_0-webfont.ttf') format('truetype'),
         url('../fonts/proximanova-bold_0-webfont.svg#ProximaNovaBold') format('svg');
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: 'ProximaNova';
    src: url('../fonts/proximanova-regular_1-webfont.eot');
    src: url('../fonts/proximanova-regular_1-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/proximanova-regular_1-webfont.woff') format('woff'),
         url('../fonts/proximanova-regular_1-webfont.ttf') format('truetype'),
         url('../fonts/proximanova-regular_1-webfont.svg#ProximaNovaRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'MyriadPro';
    src: url('../fonts/myriadpro-bold-webfont.eot');
    src: url('../fonts/myriadpro-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/myriadpro-bold-webfont.woff') format('woff'),
         url('../fonts/myriadpro-bold-webfont.ttf') format('truetype'),
         url('../fonts/myriadpro-bold-webfont.svg#MyriadProBold') format('svg');
    font-weight: bolder;
    font-style: normal;
}

@font-face {
    font-family: 'MyriadPro';
    src: url('../fonts/myriadpro-semibold-webfont.eot');
    src: url('../fonts/myriadpro-semibold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/myriadpro-semibold-webfont.woff') format('woff'),
         url('../fonts/myriadpro-semibold-webfont.ttf') format('truetype'),
         url('../fonts/myriadpro-semibold-webfont.svg#MyriadProSemiBold') format('svg');
    font-weight: bold;
    font-style: normal;
}