body {
	font-family: Tahoma, Helvetica, sans-serif;
	background-color: #e7e0d3;
}

html, body, * {
	font-size: 90%;
	line-height: 1.8em;
}

h1 {
	font-size: 22px;
	font-weight: bold;
	color: #7e272a;
	margin-bottom: 1em;
	margin-top: 0.5em;
	line-height: 1.5em;
}
h2 {
	font-size: 18px;
	color: #7e272a;
	clear: both;
}
h3 {
	font-size: 1.2em;
	line-height: 1.5em;
	margin-bottom: 0;
}
p {
	margin-bottom: 1em;
}
a {
	color: #7e272a;
	text-decoration: none;
}
a:visited {
	color: #591c1e;
}
a:hover {
	text-decoration: underline;
}

table {
	border-collapse: collapse;
}
th,
thead th {
	background-color: #BDA680;
}
td {
	vertical-align: top;
}
td.numeric {
	text-align: right;
}

#supersize a:hover {
	cursor: default;
}

/********************
 * The Peloton banner and copy inside it.
 ********************/
#left-col {
	position: relative;
}
#banner-info {
	position: absolute;
	z-index: 1;
	top: 0;
	left: 15px;
	color: #bda680;
}
	#banner-info a,
	#banner-info a:visited {
		color: #bda680;
	}
	#banner-info p.nav a,
	#banner-info p.nav a:visited {
		color: white;
	}
	#banner-info .phone {
		font-size: 1.5em;
		line-height:1em;
		margin: 1em 0 0;
	}

#burst {
	width: 196px;
	height: 97px;
	background: transparent url(../images/ui-sidebar-burst.png) no-repeat center center;
}
	#burst a {
		font: bold 14px/17px Verdana, sans-serif;
		color: white;
		text-align: center;
		padding: 1.3em 2em;
		cursor: pointer;
		text-decoration: none;
		display: block;
	}

/********************
 * 3 nav items, used as background <div>s and as foreground <ul>s
 ********************/
.nav-header {
	height: 30px;
	background: white url(../images/ui-shadow-t6-other.png) repeat-x bottom left;
}
	.nav-header li {
		height: 30px;
	}
		.nav-header a {
			padding: 8px 12px;
			color: #7e272a !important;
			font-weight: normal !important;
		}
		.nav-header a:visited {
			color: #591c1e !important;
			font-weight: normal !important;
		}
		.nav-header li.here a {
			font-weight: bold !important;
		}
.nav-prime {
	top: 30px;
	height: 70px;
	background: #4b5f7e url(../images/ui-shadow-t6.png) repeat-x bottom left;
}
	.nav-prime li {
		height: 70px;
	}
		.nav-prime a,
		.nav-prime a:visited {
			font-size: 14px;
			padding: 28px 20px;
		}
		.nav-prime li.here a,
		.nav-prime li.here a:visited {
			color: #bda680 !important;
			background: transparent url(../images/ui-prime-selection.png) no-repeat bottom center;
			text-shadow: 0 0 1em black;
		}
.nav-sub {
	top: 100px;
	height: 40px;
	background: #BDA680 url(../images/ui-shadow-t6.png) repeat-x bottom left;
}
	.nav-sub li {
		height: 40px;
	}
		.nav-sub a,
		.nav-sub a:visited {
			font-size: 13px;
			padding: 14px 30px;
		}
		.nav-sub li.here a,
		.nav-sub li.here a:visited {
			color: #7e272a !important;
			background: transparent url(../images/ui-sub-selection.png) no-repeat bottom center;
		}

/* top 3 stripes */
#stripes {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
}
#stripes div {
	position: absolute;
	left: 0;
	right: 0;
}

#wrapper {
	position: relative;
	z-index: 5;
}
	#nav {
		/* nothing */
	}
		#nav ul {
			margin: 0;
			padding: 0;
			position: static;
			display: block;
			overflow: hidden;
			background: none;
		}
			#nav ul li {
				margin: 0;
				padding: 0;
				display: inline;
			}
				#nav ul li a,
				#nav ul li a:visited {
					display: block;
					float: left;
					width: auto;
					font-weight: bold;
					color: white;
					line-height: 1em;
				}

/********************
 * Title bar on the home page.
 ********************/
#title {
	z-index: 100;
	height: 100px;
	position: relative;
	top: -100px;
}
	#title div.span-16 * {
		text-align: center;
		color: white;
	}
		#title h1 {
			font-weight: bold;
			font-size: 45px;
			line-height: 1em;
			margin: 0;
			padding-top: 10px;
		}
		#title div.span-16 p {
			font-size: 1.7em;
		}

/********************
 * Change nav stripes when on home page.
 ********************/
#home div.nav-prime {
	background-image: none;
}
#home div.nav-sub {
	background: transparent url(../images/ui-shadow-b12.png) repeat-x top left;
}
#home ul.nav-sub {
	display: none;
}

/********************
 * Content styles.
 ********************/
#content div.span-18 div.page {
	padding-left: 20px;
	padding-bottom: 2em;
	overflow: hidden;
}

div.inset {
	width: 130px;
	float: right;
	margin: 0 0 1em 1em;
	font-size: 90%;
	line-height: 2em;
	color: #4A5F7F;
	border-left: 2px #bda680 solid;
	padding: 0.5em 0 0.5em 1em;
}

div.testimonial {
	font: 14px Georgia, "Times New Roman", serif;
	font-style: italic;
	color: #7A6C57;
	padding: 1em 10px 0 0;
}
	div.testimonial p {
		line-height: 1.5em;
	}
	div.testimonial img {
		float: left;
		padding: 0 1em 1em 0;
	}
.more {
	text-align: right;
	border-top: 1px #BDA680 solid;
	margin: 0;
	padding: 0;
	clear: both;
}

div.sidebar {
	font: 17px Georgia, "Times New Roman", serif;
	font-style: italic;
	color: #a28e6e;
	padding: 1em 10px 0 0;
	line-height: 1.8em;
}
	div.sidebar p {
		line-height: 2em;
	}
	div.sidebar a.photo-zoom {
		width: 200px;
	}
	div.sidebar img {
		width: 100%;
	}
	div.sidebar li {
		font-size: 80%;
	}

.alignleft {
	margin: 0 1em 1em 0;
	float: left;
}
.alignright {
	margin: 0 0 1em 1em;
	float: right;
}

#footer {
	clear: both;
	background: white url(../images/ui-shadow-b6.png) repeat-x top left;
	font-size: 80%;
	position: relative;
	z-index: 10;
}
#footer a,
#footer a:visited {
	color: black;
}
#footer div.span-24 {
	padding: 0.5em;
}

.contact {
	background-color: #7e272a;
	padding: 1em;
	clear: both;
	color: white;
	font: medium Georgia, Times New Roman, serif;
	font-style: italic;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}
	.contact a,
	.contact a:visited {
		color: #bda680;
	}

/********************
 * Footer hack.
 ********************/
html, body {
	height: 100%;
}
#wrapper {
	min-height: 100%;
	margin-bottom: -30px;
	position: relative;
}
#footer {
	height: 30px;
	position: relative;
}
.clearfooter {
	height: 30px;
	clear: both;
}

/********************
 * Available homes.
 ********************/
div.available {
	overflow: hidden;
}
	div.available div.c,
	div.available div.d {
		width: 48%;
		float: left;
	}
	div.available div.d {
		margin-right: 10px;
	}
	div.available div.c {
		float: right;
	}
	div.available td {
		padding: 0.5em;
		border-bottom: 1px white solid;
		border-width: 0 0 1px 0;
	}
		div.available td a {
			padding: 0.5em 2em 0.5em 0.5em;
			background: url(../images/icon-magnify-small.png) no-repeat right center;
		}
	div.available tr.divider td {
		background-color: #BDA680;
		color: white;
		font-weight: bold;
		padding: 0;
	}
		div.available tr.divider div {
			position: relative;
		}
			div.available tr.divider p {
				padding: 1em;
				margin: 0;
			}
		/*
			div.available tr.divider p {
				padding: 0.5em 1em;
				position: absolute;
				bottom: 0;
				right: 0;
				margin: 0;
			}
			div.available tr.divider a {
				display: block;
				width: 110px;
				height: 30px;
				overflow: hidden;
			}
		div.available tr.divider img {
			width: 100px;
			position: relative;
			top: -50%;
			opacity: 0.5;
			filter: alpha(opacity = 50);
		}
		*/
	div.available div.header {
		background-color: #7e272a;
		color: white;
		font-weight: bold;
		line-height: 0;
		position: relative;
		margin-bottom: 0.5em;
	}
	div.available div.header a {
		line-height: inherit;
	}
		div.available div.header p {
			padding: 0.5em 1em;
			bottom: 0;
			text-align: right;
			position: absolute;
			bottom: 0;
			right: 0;
			margin: 0;
		}

#siteplan-frame {
	width: 686px;
	height: 500px;
	border: 2px #BDA680 solid;
	overflow: hidden;
	cursor: move;
}

th,
td {
	border: 1px black solid;
}

.photo-zoom {
	display: block;
	width: auto;
	position: relative;
	overflow: hidden;
}
/* .photo-zoom img { opacity: 1; } */
	.photo-zoom div {
		position: absolute;
		width: 48px;
		height: 48px;
		bottom: 10px;
		right: 10px;
		background: transparent url(../images/icon-magnify.png) no-repeat top left;
		z-index: 100;
	}



/*
label {
	display: block;
	margin: 0;
	padding: 0;
	color: #7e272a;
}
body form input,
body form textarea {
	width: 98%;
	margin-top: 0;
}
form p {
	margin: 0;
}
*/

body form label {
	font-weight: normal;
}
#contact-us-form label{
    clear:left;
    float:left;
    width: 110px;
}

#contact-us-form label.error{
	/*
    float: none;
    width: auto;
    position: absolute;
    */
    color: #762A2E;
    float: none;
    display: block;
    clear: both;
    width: auto;
}

#contact-us-form input.error {
	margin-bottom: 0;
	padding: 0;
}

#contact-us-form p,
#errors p{
    padding:6px 0 6px 5px;
}

#contact-us-form input,
#contact-us-form textarea{
    width: 180px;
    margin: 0 5px 0 0;
}

#contact-us-form textarea{
    width: 354px;
    height: 75px;
}

#contact-us-form #contact-submit{
    width: auto;
}

#contact-us-form #captcha-input{
    width: 110px;
    margin-top:6px;
}

#errors{
    display: none;
    text-align: center;
    border: solid 3px #762A2E;
    margin: 10px auto 10px auto;
    padding: 5px;
    text-align: left;
}
#errors p {
    font-size: 1.3em;
}

input.captcha-error{
    background-color: #762A2E;
    color: #fff;
}




#site-plan {
	width: 690px;
	height: 502px;
	background: transparent url(../images/site-plan.jpg) no-repeat top left;
	position: relative;
}
	#site-plan > div {
		position: absolute;
		background-color: #bda680;
		border: 2px #7e272a solid;
		padding: 0.5em;
		top: 200px;
		left: 200px;
		box-shadow: 0 0 1em black;
		-moz-box-shadow: 0 0 1em black;
	}
	#site-plan > div:hover {
		border-color: #7e272a;
	}
	#site-plan > div a {
		padding: 0.5em 25px 0.5em 1em;
		background: transparent url(../images/icon-magnify-small.png) no-repeat right center;
	}

.ui-dialog {
	padding: 1em;
}
#dlog {
	display: none;
	width: 720px;
	height: 475px;
	padding: 0.5em 0;
	overflow: hidden;
}
	#dlog-content {
		height: 465px;
		overflow: hidden;
		position: relative;
	}
	#dlog-caption {
		display: none;
		text-align: left;
	}
		#dlog-caption span {
			display: block;
			font-size: 80%;
			font-style: italic;
		}
/*
.ui-dialog .ui-dialog-titlebar {
	display: none;
}
*/
.ui-widget-header {
	background-image: none;
	background-color: #7e272a;
	border-color: black;
}
.ui-widget-overlay {
	background-image: none;
	background-color: black;
	opacity: 0.6;
	filter: alpha(opacity=60);
}
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus {
	border: 1px solid #7e272a;
	color: #7e272a;
}

.ui-draggable {
	cursor: move;
}
/*
.ui-dialog-titlebar {
	z-index: 1003;
}
#dlog-caption {
	position: relative;
	z-index: 1004;
}
*/

body.single div.inset p {
	margin: 0;
}

#news div.post {
	border-top: 1px #7E272A solid;
}

/********************
 * Plan your day.
 ********************/
#yourday-wrapper {
	width: 606px;
	padding: 1em 0;
	border: 2px #7e272a solid;
	border-width: 0 2px;
	margin-bottom: 3em;
	overflow: hidden;
	float: left;
}
#yourday {
	overflow-x: auto;
	overflow-y: hidden;
	float: left;
	width: 606px;
}
	#yourday-done {
		width: 70px;
		margin-left: 4px;
		margin-top: 1em;
		float: right;
		overflow: hidden;
		text-align: center;
		background-color: #bda680;
		padding: 0.5em 0.2em;
	}
		#yourday-done a {
			font-size: 1.1em;
			color: white;
			font-weight: bold;
		}
		#yourday div.slice-wrapper {
			width: 305px;
			overflow: hidden;
		}
	div.slice {
		width: 300px;
		float: left;
		margin-right: 5px;
	}
	div.slice div.help {
		display: none;
	}
	div.slice div.header {
		background-color: #BDA680;
		padding: 1em;
		zoom: 1;
	}
	div.slice div.header select {
		font-size: 1.2em;
		margin: 0;
	}
	div.slice div.intro {
		font-size: 1.3em;
		font-family: Georgia;
		font-style: italic;
		margin: 0.5em 0;
	}
	div.intro p {
		margin-left: 0.5em;
	}
	div.slice ul.choices {
		list-style-type: none;
		margin: 0;
	}
		div.slice ul.choices li.choice {
			margin-bottom: 4px;
			background: #f0ece4 url(../images/icon-checkmark.png) no-repeat 10px 10px;
			padding: 5px;
			cursor: pointer;
		}
		div.slice ul.choices li.checked,
		div.slice.checked {
			background: #f0ece4 url(../images/icon-checkmark-checked.png) no-repeat 10px 10px;
		}
		div.slice h3 {
			font-size: 1.3em;
			margin-bottom: 0;
			padding-left: 36px;
		}
			div.slice h3 input {
				vertical-align: top;
				position: static;
			}
			div.slice h3 a {
				float: right;
				font-style: italic;
				font-size: 85%;
				font-family: Georgia;
				margin-right: 0.5em;
				display: none;
			}
			div.slice div.pitch {
				margin-left: 25px;
				display: none;
			}

	div.unset div.header {
		/*opacity: 0.5;
		filter: alpha(opacity=50);*/
		visibility: hidden;
	}
	div.unset div.info,
	div.unset div.help {
		display: none;
	}
	div.unset div.help-left {
		display: block;
	}

	div.slice div.help {
		position: relative;
		top: 0;
		margin: 3em;
		background-color: #f0ece4;
		padding: 1em;
	}
	div.slice div.help p {
		margin: 0;
	}
		div.slice div.help-left div.arrow {
			position: absolute;
			left: -10px;
			top: 15px;
			background: transparent url(../images/help-left.png) no-repeat top left;
			width: 10px;
			height: 20px;
		}
		div.slice div.help-up div.arrow {
			position: absolute;
			top: -10px;
			left: 0;
			right: 0;
			background: transparent url(../images/help-up.png) no-repeat top center;
			height: 10px;
		}
#build {
	overflow: hidden;
}
#build h2 {
	border: 2px #BDA680 solid;
	padding: 0.25em 0.5em;
	margin: 1em 0 4px 0;
	color: black;
	font-weight: bold;
}
#build div.slice {
	width: 330px;
	background-color: #f0ece4;
	margin-bottom: 4px;
	margin-right: 0;
	padding: 0.25em 0.5em;
}
#build div.even {
	margin-right: 4px;
}
#build div.slice div.pitch {
	margin: 0;
}

#nmap {
	border: 2px #BDA680 solid;
	margin: 2em 0;
	position: relative;
	overflow: hidden;
}
	#nmap div.categories {
		float: left;
		width: 150px;
		min-height: 450px;
	}
	#nmap div.pelmap {
		padding-left: 150px;
	}
	#pelmap {
		position: relative;
		height: 450px;
	}

	div.categories ul {
		list-style-type: none;
		margin: 0;
		padding: 0;
	}
		div.categories li {
			margin: 0;
			padding: 0;
			background: #F0ECE4 url(../images/icon-checkmark.png) 6px center no-repeat;
			border-top: 2px #BDA680 solid;
		}
		div.categories li:first-child {
			border: 0;
		}
		div.categories li a {
			display: block;
			background: transparent url(../images/map/restaurants.png) 95% center no-repeat;
			padding: 1em 0 1em 1.7em;
			border-right: 2px #BDA680 solid;
			outline: 0;
		}

		div.categories li.on {
			background-image: url(../images/icon-checkmark-checked.png);
			background-color: #BDA680;
			border-color: #f0ece4;
		}

		div.categories li.airports a {
			background-image: url(../images/map/airports.png);
		}
		div.categories li.entertainment a {
			background-image: url(../images/map/entertainment.png);
		}
		div.categories li.groceries a {
			background-image: url(../images/map/groceries.png);
		}
		div.categories li.parks a {
			background-image: url(../images/map/parks.png);
		}
		div.categories li.restaurants a {
			background-image: url(../images/map/restaurants.png);
		}
		div.categories li.schools a {
			background-image: url(../images/map/schools.png);
		}
		div.categories li.shopping a {
			background-image: url(../images/map/shopping.png);
		}
		div.categories li.ski-resorts a {
			background-image: url(../images/map/ski-resorts.png);
		}
		div.categories li.sports a {
			background-image: url(../images/map/sports.png);
		}
		div.categories li.trails a {
			background-image: url(../images/map/trails.png);
		}

		div.mapinfo {
			width: 300px;
		}
			div.mapinfo div.details {
				border: 1px #BDA680 solid;
				padding: 5px;
			}

#your-day-instructions {
	display: none;
	border: 1px white solid;
	margin-bottom: 1em;
	padding: 1em;
	overflow: hidden;
}
	.mmf label {
		display: block;
		margin: 0;
		font-weight: bold;
		color: #7E272A;
	}
	.mmf p span input {
		margin: 0;
	}
	.mmf .daystuff {
		display: none;
	}
	.mmf .bar {
		background-color: #F0ECE4;
		padding: 0.5em;
	}