/*
--------------------------------------------------
UrbanEscapesUSA.com GLOBAL STYLES
Last revised 28 January 2010
--------------------------------------------------
*/
/*
--------------------------------------------------
Color palette:
--------------------------------------------------

PMS 364 #387C2C

PMS 371 #4F6F19

PMS 376 #8CC63F
PMS 376 75% #A9D26D
PMS 376 67% #B2D67C
PMS 376 50% #C4DF9B
PMS 376 33% #D7E9BB
PMS 376 25% #E0EECB

PMS 5753 #3F4A13
PMS 574 83% #4B5C25
PMS 574 78% #667947
PMS 574 25% #C0CBA5
PMS 574 15% #D8DFC6
PMS 577 #AFCF7B

PMS 718 #EB6700
PMS 718 33% #F8CDAB
PMS 715 #FEA33D
PMS 7403 #FEE679

Black #000
Darker grey #555
DimGray #696969
Medium grey #999
Silver #C0C0C0
White #FFF

*/
/*
--------------------------------------------------
GLOBAL RESET
--------------------------------------------------
undohtml.css (CC) 2004 Tantek Celik. Some Rights Reserved.
*/
:link, :visited { text-decoration: none }
ul, ol	{ list-style: none }
h1, h2, h3, h4, h5, h6, pre, code { font-size: 1em }
body, html, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, p, blockquote, img { margin: 0; padding: 0; }
a img, :link img, :visited img { border: none }
address { font-style: normal }

/*
--------------------------------------------------
DEFAULT HTML STYLES
--------------------------------------------------
This section concerns generalizations and common elements
*/
.clearer { /* go here for explanation: http://tangible.ca/articles/35/how-to-get-a-parent-div-to-expand-around-floated-content */
	clear: both;
	display: block;
	height: 1px;
	margin-bottom: -1px;
	font-size: 1px;
	line-height: 1px;
}
body	{
		color: #000; /* Black */
		font-size: 12px;
		font-family: Verdana, "Helvetica Neue", Helvetica, Arial, sans-serif;
		text-align: center;	/* horizontal centering in Win IE */
		min-width: 75em; /* 900px -- < Win IE7 ignores this */
		background: #FFF; /* White */
		}

/* Links */
a		{
		text-decoration: none;
		}
a:link, a:visited {
		color: #4B5C25; /* PMS 574 83% */
		border-bottom: 1px solid #AFCF7B; /* PMS 577 */
		background: transparent;
		}
a:focus {
		outline: none; /* most browsers do not support yet support this property */
		-moz-outline: none; /* remove focus outline in Mozilla browsers */
		}
a:hover {
		color: #4B5C25; /* PMS 574 83% */
		border-bottom: none;
		background: #AFCF7B; /* PMS 577 */
		}
a:active {
		color: #FFF; /* White */
		}
a[name] { /* remove dotted underline from document links */
		border-bottom: none;
		background: none;
		}

/* Headings */
h1, h2, h3, h4, h5, h6 {
		color: #4B5C25; /* PMS 574 83% */
		color: #387C2C; /* PMS 364 */
		color: #4F6F19; /* PMS 371 */
		font-weight: normal;
		font-family: Georgia, sans-serif;
		line-height: 1.5;
		margin: 1.5em 0 .75em;
		background: transparent;
		}
h1		{
		font-size: 18px;
		line-height: 1;
		margin: 1em 0;
		}
h2		{
		font-size: 16px;
		line-height: 1.125;
		margin: 1.125em 0;
		}
h3		{
		font-size: 15px;
		line-height: 1.2;
		margin: 1.2em 0 .6em;
		}
h4		{
		font-size: 14px;
		line-height: 1.285714;
		margin: 1.285714em 0 .642857em;
		}
h5		{
		text-transform: uppercase;
		letter-spacing: .1em;
		}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
		border-bottom-width: 1px;
		}
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover {
		border-bottom: none !important;
		}

p		{
		margin-bottom: .75em;
		}
blockquote {
		margin: 1.5em;
		}
/* Forms */
form	{
		margin: 0;
		}
select option {
		font-size: 11px;
		font-family: Verdana, Arial, sans-serif;
		}
/* Lists */
ul ul, ol ol, ul ol { /* nested list indent */
		margin-left: 1.5em;
		}

/* Tables */
table td {
		padding-right: 1.5em;
		}

abbr, acronym {
		font-size: 11px;
		letter-spacing: .1em;
		border-bottom: 1px solid #C0C0C0; /* Silver */
		cursor: help;
		}
dfn		{
		border-bottom: 1px solid #C0C0C0; /* Silver */
		cursor: help;
		}

/*
--------------------------------------------------
PAGE STRUCTURE
--------------------------------------------------
This section defines layout elements and respective environmental formatting
*/
#banner_background {
		}
#wrapper {
		text-align: left; /* reset Win IE workaround */
		width: 75em; /* 900px */
		position: relative;
		margin: 0 auto 1.5em; /* standard CSS horizontal centering */
		background: transparent;
		}

/* Banner -- identity + navigation */
#banner {
		height: 7.5em;
		position: relative;
		z-index: 100; /* !important */
		padding: .75em 1.5em;
		border-bottom: .25em solid #8CC63F; /* PMS 376 */
		border-bottom: .25em solid #387C2C; /* PMS 364 */
		border-bottom: .25em solid #384017; /* color match to logo */
		background: transparent;
		background: #D4DB90; /* PMS 7492 */
		background: #A9D26D; /* PMS 376 75% */
		background: #C4DF9B url(http://www.urbanescapesusa.com/images/utility/background_gradient_C4DF9B.gif) repeat-y top left; /* PMS 376 50% */
		background: #4B5C25; /* PMS 574 83% */
		}
#banner .logo {
		width: 214px;
		height: 89px;
		float: left;
		margin-top: 2px;
		background: transparent url(http://www.urbanescapesusa.com/images/logos/logo_ue_fx.png) no-repeat top left;
		}
#banner .logo a {
		display: block;
		width: 214px;
		height: 89px;
		border-bottom: none;
		}
#banner .logo a:hover {
		background: none;
		}
#banner .logo span {
		display: none;
		}
#banner .bubble {
		position: absolute;
		bottom: -1px;
		left: 20.25em;
		width: 162px;
		height: 38px;
		width: 140px;
		height: 32px;
		background-color: transparent;
		background-image: url(http://www.urbanescapesusa.com/images/logos/logo_ue_cities.png);
		background-repeat: no-repeat;
		}
#banner .bubble.boston {
		background-position: left bottom;
		}
#banner .bubble.dc {
		background-position: left top;
		}
#banner .bubble.nyc {
		background-position: left 33%;
		}
#banner .bubble.philly {
		background-position: left 67%;
		}
#banner .bubble span {
		display: none;
		}
#banner #mailinglist-form {
		float: right;
                position:relative;
		}
#banner #mailinglist-form form {
		float: left;
		}
#banner #select_city {
		position: absolute;
		top: 1.5em;
		right: 0;
		}
#banner #slogan {
		color: #EB6700; /* PMS 718 */
		font: italic 15px/1.2 Georgia, sans-serif;
		text-transform: lowercase;
		width: 150px;
		height: 18px;
		float: left;
		margin: .3em .6em 0 0;
		background: transparent url(http://www.urbanescapesusa.com/images/logos/logo_slogan.png) no-repeat center left;
		}
#banner #slogan span {
		display: none;
		}
#banner #select_city form {
		float: left;
		}
/*		
#banner #today {
		color: #FFF;
		font-size: 11px;
		line-height: 1.63636;
		text-transform: uppercase;
		letter-spacing: .1em;
		position: absolute;
		top: .81818em;
		right: 1.63636em;
		}
#banner #today span {
		font-weight: bold;
		font-size: 14px;
		}
*/

#container { /* grouping for content + sidebar */
		line-height: 1.5;
		position: relative;
		background: #FFF;
		}
/* Apply paragraph styles to main container */
#container p {
		margin-bottom: .75em;
		}
#container p.last {
		margin-bottom: 0;
		}

/* Main content */
#content {
		width: 54em; /* 648px */
		position: relative;
		float: right;
		padding: 0 0 1.5em 3em;
		background: transparent url(http://www.urbanescapesusa.com/images/utility/border_dotted_v.png) repeat-y left top;
		}

/* Heading styles */
#content h1 span:first-child {
		color: #AFCF7B; /* PMS 577 */
		color: #8CC63F; /* PMS 376 */
		font-size: 14px;
		line-height: 1.285714;
		text-transform: uppercase;
		letter-spacing: .1em;
		display: block;
		margin: 1.285714em 0 .642857em;
		}
#content h2 + p:first-line {
		color: #EB6700; /* PMS 718 */
		font-weight: bold;
		}

/* Image inset */
#content .inset.left {
		float: left;
		margin-right: 1.5em;
		}
#content .inset.right {
		float: right;
		margin-left: 1.5em;
		}
#content .inset p {
		color: #999; /* Medium grey */
		font: italic 12px/1.5 Georgia, serif;
		margin: 0;
		}

/* Slideshow */
#photodiv {
		float: right;
		background-repeat: no-repeat;
		}
#photoimg {
		}
#ornament {
		position: absolute;
		top: 17.25em;
		right: 0;
		z-index: 100;
		}

/* Columns */
/* 2-column layout */
#content .column {
		width: 291px; /* @24.2em */
		float: left;
		margin-right: 1.5em;
		background: transparent;
		}
#content .column.right { /* rightmost column -- matches selectors with both class .column and .right */
		float: left;
		margin-right: 0;
		}

/* Image gallery */
#content .gallery li {
		/* set width & height */
		width: auto;
		height: auto;
		float: left;
		margin: 0 .75em 1.5em;
		}
#content .gallery li img {
		/* set width */
		float: left;
		}

/* Sidebar */
#sidebar {
		font: 12px/1.5 Verdana, sans-serif;
		width: 15em; /* 144px */
		position: relative;
		float: left;
		padding: 1.5em 0 0;
		background: #FFF; /* White */
		}
#sidebar h3, #sidebar h4, #sidebar h5, #sidebar h6 {
		color: #AFCF7B; /* PMS 577 */
		color: #EB6700; /* PMS 718 */
		font-size: 12px;
		line-height: 1.5;
		text-transform: uppercase;
		letter-spacing: .1em;
		margin: 0;
		padding: .375em 0;
		}
#sidebar h3 {
		font-size: 14px;
		line-height: 1.285714;
		padding: 0 0 1.1285714em;
		}
#sidebar p {
		margin-bottom: .75em;
		}
#sidebar div.subsection {
		margin-bottom: 1.5em;
		}
#sidebar div.subsection.last {
		margin-bottom: 0;
		}
#sidebar div.subsection p {
		font: 11px/1.63636 Verdana, sans-serif;
		}

/* Footer */
#footer {
		color: #808080; /* Gray */
		font: 11px/1.63636 Verdana, sans-serif;
		padding: 1.63636em 0;
		position: relative;
		clear: both;
		list-style: none;
		background: #FFF; /* White */
		}
#footer li {
		padding: 0 .40909em;
		display: inline;
		background: url(http://www.urbanescapesusa.com/images/utility/pipe.gif) no-repeat right;
		}
#footer li.first {
		padding-left: 0;
		}
#footer li.last {
		background: none;
		}
#footer li.byline { /* use for site-design credit */
		color: #A9A9A9; /* DimGray */
		font-family: "Gill Sans", "Gill Sans MT", "Trebuchet MS", Verdana, sans-serif;
		text-transform: uppercase;
		letter-spacing: .1em;
		position: absolute;
		top: 1.63636em;
		right: 0;
		padding: 0;
		background: none;
		}
#footer li.byline span {
		font-weight: bold;
		}

/*	Utility elements */
.hidden { /* completely remove from layout */
		display: none !important;
		}
.display	{
		display: block !important;
		}
.invisible { /* does not display but remains in layout flow */
		visibility: hidden;
		}
.clip	{
		overflow: hidden;
		}
.clearance {
		height: 0;
		clear: both;
		}
.clear	{
		clear: both;
		}

/*
--------------------------------------------------
NAVIGATION
--------------------------------------------------
*/
/* Main navigation -- tab style */
#nav	{
		position: absolute;
		right: .75em;
		bottom: -.1em;
		list-style: none;
		background: transparent;
		}
#nav li {
		position: relative;
		top: auto;
		left: auto;
		float: left; /* gives layout, allows selection of colored background */
		}
#nav a	{
		font: bold 12px/1.5 "Century Gothic", Verdana, "Helvetica Neue", Helvetica, Arial, sans-serif;
		text-align: center;
		text-shadow: .1em .1em .25em #999; /* Medium grey */ /* CSS3 only */
		text-transform: lowercase;
		letter-spacing: .1em;
		width: auto;
		display: block;
		padding: 8px 1em 7px;
		border-bottom: none;
		border-left: .1em solid transparent;
		}
#nav a:first-child, #nav a.first {
		}
#nav a:link, #nav a:visited {
		color: #387C2C; /* PMS 364 */
		color: #FFF; /* White */
		text-shadow: .1em .1em .1em #000; /* Black */ /* CSS3 only */
		background: transparent;
		}
#nav a:hover {
		color: #FFF; /* White */
		color: #EB6700; /* PMS 718 */
		}
#nav .subnav a:hover {
		color: #387C2C; /* PMS 364 */
		color: #EB6700; /* PMS 718 */
		text-shadow: .1em .1em .1em #A9A9A9; /* DarkGray */ /* CSS3 only */
		border-left: .1em solid #A9D26D; /* PMS 376 75% */
		border-left: .1em solid #667947; /* PMS 574 78% */
		background: transparent url(http://www.urbanescapesusa.com/images/utility/tabs.png) no-repeat top right;
		background: #FFF;
		}
#nav a:active {
		color: #EB6700; /* PMS 718 */
		}
#nav a.selected {
		color: #EB6700 !important; /* PMS 718 */
		}
/* Dropdown navigation */
#nav .subnav ol {
		width: auto;
		position: absolute;
		top: auto;
		left: -18px;
		z-index: 100; z-index: 1000;
		display: none;
		border: .1em solid #A9D26D; /* PMS 376 75% */
		border: .1em solid #667947; /* PMS 574 78% */
		border-top: none;
		background: transparent url(http://www.urbanescapesusa.com/images/utility/light/transparent-85.png);
		}
#nav .subnav:hover ol {
		display: block;
		}
#nav .subnav ol li { /* reset values */
		top: auto;
		float: none;
		margin-left: 0;
		}
#nav .subnav ol li a {
		font-weight: normal;
		text-align: left;
		text-shadow: none !important; /* CSS3 only */
		text-transform: none;
		letter-spacing: normal;
		width: 6.5em; /* @6.4em -- substitute px to avoid rounding discrepancies */
		margin: 0;
		padding: .5em 1em;
		background: transparent;
		}
#nav .subnav ol li a:link, #nav .subnav ol li a:visited {
		color: #387C2C; /* PMS 364 */
		color: #4B5C25; /* PMS 574 83% */
		}
#nav .subnav ol li a:hover {
		color: #EB6700; /* PMS 718 */
		border-left-color: #C0CBA5; /* PMS 574 25% */
		background: #D7E9BB; /* PMS 376 33% */
		background: #D8DFC6; /* PMS 574 15% */
		background: #C0CBA5; /* PMS 574 25% */
		}
#nav .subnav ol li a:active {
		color: #FFF; /* White */
		background: #EB6700; /* PMS 718 */
		}

/* Auxiliary navigation */
#sidebar .sidenav li a.img {
		padding-right: .75em;
		}

/*
--------------------------------------------------
FORMATTING STYLES
--------------------------------------------------
Positional, text, font, and miscellaneous formatting not defined in environmental contexts
*/
/* Positioning elements */
.center {
		text-align: center;
		}
.flush-right {
		text-align: right;
		}
.justify {
		text-align: justify;
		}		
.inline {
		display: inline;
		}
.float-left {
		float: left;
		}
.float-right {
		float: right;
		}
.all-pad {
		padding: .75em;
		}
.top-pad { /* also use to provide paragraph spacing in IE Win */
		padding-top: 1.5em;
		}
.left-pad {
		padding: 0 0 .75em 1.5em;
		}
.right-pad {
		padding: 0 1.5em .75em 0;
		}
.bottom-pad { /* also use to provide paragraph spacing in IE Win */
		padding-bottom: 1.5em;
		}
.trim	{
		margin: 0;
		padding: 0;
		}

/* Fonts */
.italic {
		font-style: italic;
		}
.bold	{
		font-weight: bold;
		}
.normal {
		font-variant: normal !important;
		font-style: normal !important;
		font-weight: normal !important;
		text-transform: none !important;
		letter-spacing: normal !important;
		}
.small {
		font-size: 11px;
		}
.smaller {
		font-size: smaller;
		}
.caps	{
		font-size: .857em;
		text-transform: uppercase;
		letter-spacing: .1em;
		}
.caption {
		font-style: italic;
		font-size: 11px;
		line-height: 1.63636;
		}
.posted {
		font-style: italic;
		font-family: "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif;
		}
.price	{
		font-weight: bold;
		}
.price_comment {
		font-style: italic;
		}

/* Typography */
#content h1 + p:first-line {
		color: #EB6700; /* PMS 718 */
		font-weight: bold;
		}

/* Highlights */
.highlight {
		margin: 1.5em 0;
		}
.highlight p {
		font: italic 11px/1.63636 Verdana, sans-serif;
		}
.highlight p span {
		color: #4B5C25; /* PMS 574 83% */
		}

.tag 	{
		color: #EB6700; /* PMS 718 */
		font-family: "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif;
		line-height: 1;
		height: 3em;
		padding: .5em 0;
		}
.tag .date {
		font-weight: bold;
		float: left;
		border-right: .1em solid #EB6700; /* PMS 718 */
		margin-right: .75em;
		padding-right: .75em;
		}
.tag .date .month {
		text-transform: uppercase;
		letter-spacing: .1em;
		float: left;
		}
.tag .date .day {
		font-size: 2em;
		float: left;
		clear: both;
		}
.tag .price {
		font-size: 1.5em;
		float: left;
		margin: .5em 0;
		}

/* Links */
a.img:link, a.img:visited, a.img:hover, a.img:active,
#sidebar a.img:link, #sidebar a.img:visited, #sidebar a.img:hover, #sidebar a.img:active {
		/* remove dotted underline beneath linked images */
		border-bottom: none !important;
		background: none;
		}
.info	{
		cursor: help;
		}
.photos {
		padding-left: 1.5em;
		background: transparent url(http://www.urbanescapesusa.com/images/utility/camera.gif) no-repeat left 3px;
		}
.paginate {
		float: right;
		margin: 1.5em 0 0;
		}
.paginate a {
		padding: .1875em;
		border-bottom: none;
		}
.paginate a:hover {
		color: #FFF; /* White */
		background-color: #949EBB; /* PMS 295 33% */
		}


/* Lists */
/* N.B. May need to declare float value to make lists indent properly */
.square {
		margin: auto 0 .75em 1.1em;
		list-style: square;
		}
.decimal {
		list-style-type: decimal;
		margin: .75em 0 .75em 1.5em;
		}
.inline li {
		margin-left: 1em;
		display: inline;
		}
.inline li:first-child {
		margin-left: 0;
		}
.inline li.first {
		margin-left: 0;
		}

/* Forms */
input.field, input.field_simple {
		color: #808080; /* Gray */
		font: 11px Verdana, sans-serif;
		padding-left: .375em;
		}
input.field {
		width: 95%;
		}
input.field:focus, input.field_simple:focus {
		color: #444;
		background: #D8DFC6; /* PMS 574 15% */
		}
#sidebar input.field {
		width: 12.125em;
		}
textarea.field_textarea {
		width: 98%;
		}
.standard-form {
		padding: .25em 1.5em .75em;
		background: #C0CBA5; /* PMS 574 25% */
		}
.standard-form h4 {
		font-weight: normal;
		margin-bottom: .375em;
		}