/*

#1F0B14 dark maroon
#722849 maroon
#C15C80 pale maroon
#F6B6CB pink
#F3DCE4 med pink
#FEF8FA light pink

*/

html { margin: 0; padding: 0; height: 101%;  }
body { margin: 0; padding: 0; text-align: center; font-family: Georgia,Helvetica,Tahoma,Arial,Sans-Serif; font-size: 85%; line-height: 1.5em; background-color: #1F0B14; }
h1  { font-size: 1.5em; font-weight: bold; margin: 0 0 1em 0; }
h4 { padding: 1em 0 1em 0; }
p { padding: 0 0 0.5em 0; }
a,a:link,a:focus,a:active, a:visited { color: #722849; }
a:hover { color: #C15C80; }
label  { width: 70px; float: left; font-size: 0.85em; margin-bottom: 0.85em; text-align: right; vertical-align: top; padding-right: 10px; }
dt { font-weight: bold; padding: 0.5em 0 0.5em 0; }
ul { list-style-type: circle; margin-left: 1em; }
ul li { padding: 0.25em 0 0.25em 0; }

#page_container { clear: both; margin: 30px auto 0 auto; width: 800px; text-align: left; background-color: #F3DCE4; color: #722849; border: solid 14px #722849; }
header { background: url("../_images/header-background.png") repeat-y; position: relative; top: -46px; left: -87px; width: 200px; float: left; padding: 0 0 30px 0; }

nav{ float: left; position: relative; left: 24px; background-color: #F6B6CB; width: 150px; }
nav ul{ margin: 0; padding: 0; list-style-type: none; }
nav ul li { float: left; position: relative; }
nav a { padding: 8px 20px; width: 110px; text-decoration: none; font-size: 14px; letter-spacing: 1px; display: block; }
nav a:link,nav a:visited{ color: #722849; }
nav a:hover,nav a:focus,nav a:active,nav #selectedmenu{ background-color: #FEF8FA; color: #722849; }

article{ position: relative; top: 0; left: -87px; float: left; width: 560px; padding: 0 0 1em 40px; }
#page_heading { padding: 15px 0 15px 0; }
label.error { float: none; color: #B0171F; padding-left: .5em; vertical-align: top; width: 100%; text-align: left; }
#confirmation_msg { padding: 0 0.5em 20px 20px; color: #6B6051; width: 100%; }
#form_intro { padding: 1em 0 0 0; }
.form_input { width: 100%; clear: both; margin: 0.5em 0 0.5em 0; }
.form_input span { clear: both; font-size: 0.85em; }
.form_input_inline { float: left; margin: 0.5em 0 0.5em 0; }
#lastname { visibility: hidden; }
#privacy  { padding: 2em 0 0 0; font-size: 0.75em; }
#map { clear: both; width: 500px; height: 350px; border: 1px solid #aaa; margin: 20px 20px 20px 0; }
.tel { padding: 0.5em 0 0.5em 0 }
.tel .type,.tel .value  { font-size: 1.1em; font-weight: bold; }
.apartment{ padding: 1em; height: 400px; margin-bottom: 1em; border-top: 1px dashed #722849; }
.apartment h2 { font-size: 1.3em; padding: 0 0 0.5em 0; }
.apartment ul { list-style-type: circle; }
.apartment ul li { padding: 0.1em 0; }
.apartment_photo { float: right; width: 200px; border: 2px solid #722849; text-align: center; }
.apartment_desc { float: left; width: 300px; }
.apartment_cta { width: 200px; margin: 20px 0; }
.apartment_cta a { clear: both; padding: 0.5em 0.75em; margin-bottom: 1em; font-size: 1.1em; letter-spacing: 1px; text-decoration: none; color: #fffff4; display: block; text-align: center; }
.apartment_cta a:link, .apartment_cta a:visited { background-color: #722849; }
.apartment_cta a:hover,.apartment_cta a:focus, .apartment_cta a:active { background-color: #C15C80; }
.hidden_photo, .hidden_photo img{ visibility: hidden; position: absolute; float: right;}
.slideshow_link { font-size: 1.2em; }
.text_right_photo { clear: both; }
.text_right_photo  img { float: right; margin: 0 0 10px 20px; border: 2px solid #722849; }
.slideshow { margin-bottom: 2em; border: 2px solid #722849; }

footer { clear: both; font-size: 0.85em; text-align: center; padding: 10px 0 10px 0; color: #722849; border-top: 2px solid #722849; } 
footer a, footer a:link, footer a:focus, footer a:active , footer a:visited { color: #722849; }
footer a:hover { color: #C15C80; }

a.dp-choose-date {
	float: left;
	width: 16px;
	height: 16px;
	padding: 0;
	margin: 5px 3px 0;
	display: block;
	text-indent: -2000px;
	overflow: hidden;
	background: url(../_images/calendar.png) no-repeat; 
}
a.dp-choose-date.dp-disabled {
	background-position: 0 -20px;
	cursor: default;
}
/* makes the input field shorter once the date picker code
 * has run (to allow space for the calendar icon
 */
input.dp-applied {
	width: 140px;
	float: left;
}