#LocationIndex { margin-top: 20px; padding-bottom: 20px; }
#LocationIndex div.row { height: 70px; }
#LocationIndex div.row > div { float: left; height: 60px; width: 45%; padding: 5px; margin-bottom: 0px; margin-left: 3%; }
#LocationIndex img { float: left; }
#LocationIndex a { text-decoration: none; }
#LocationIndex span { display: block; margin-left: 88px; margin-bottom: .5em; }
#LocationIndex .title { font-weight: bold; color: #eee; }
#LocationIndex .caption { font-size: 80%; color: #aaa; }

.location-left,
.location-content,
.location-right { color: #fff; }
.location-left
{
	width: 250px;
	padding-right: 10px;
	float: left;
}
.location-content
{
	width: 410px;
	padding: 0 10px;
	float: left;
}
.location-right
{
	width: 250px;
	padding-left: 10px;
	float: left;
}

.location-left .vcard { font-size: 11pt; color: #fff; line-height: 120%; }
.location-left .adr { padding-bottom: .75em; }
.location-left h2
{
	margin: 0 0 .1em 0;
	font-size: 18pt;
	font-weight: bold;
}


#ReservationForm
{
	padding: 15px 20px;
	margin: 15px 0;
}
#ReservationForm { padding: 15px 15px 10px 15px; background: url('../images/transparentpx-10.png') repeat; }
#ReservationForm .row { padding-bottom: 5px; }
#ReservationForm .row label { float: left; width: 5em; }
#ReservationForm .row input + label { float: none; margin-left: 1em; }
#ReservationForm .row input,
#ReservationForm .row select { margin-left: .5em; }
/* #ReservationForm .row #LocationSelect { clear: both; margin-left: 0; display: block; }*/
#ReservationForm .row #ArrivalTextBox, 
#ReservationForm .row #DepartureTextBox { width: 9.65em; }
#ReservationForm .row #SmokingCheckBox { margin-left: 1em; }
#ReservationForm .row #NoSmokingLabel { width: auto; }
a#ToggleResFormButton { font-size: 80%; text-align: right; }

.map img { margin: 0; padding: 0; }
#map_canvas { height: 200px; }
#DirectionsForm { margin: 0; padding: 0; }
#DirectionsForm input { clear: both; margin-top: 3px; }
#DirectionsForm input.saddr { width: 244px; padding: 2px; }
#DirectionsForm input.submit { float: right; }

.location-photos
{
	padding: 0; margin: 0;
	list-style: none;
	width: 388px;
	height: 100px;
	margin: 0 1px;
	float: left;
}
.location-photos li
{
	display: inline;
	margin: 11px 7px 7px 7px;
	padding: 0;
}
.location-photos img
{
	padding: 0; margin: 0;
	width: 115px;
}
.location-photos-prev,
.location-photos-next
{
	display: block;
	width: 10px;
	height: 100px;
	float: left;
	border: none;
	cursor: hand;
	cursor: pointer;
}
.location-photos-prev { background: url('../images/location-photos-prev.jpg') no-repeat top left; }
.location-photos-next { background: url('../images/location-photos-next.jpg') no-repeat top left; }

.lists { clear: both; }
.lists h3
{ 
	font-variant: small-caps; 
	font-weight: bold; 
	font-size: 1.25em;
	margin: .5em 0 .5em 0;
	clear: both;
}
.lists ul + h3 { padding-top: .5em; }
.lists ul 
{ 
    clear: both;
	padding-left: 0em; margin-left: 0em;
	margin-top: 0;
	text-indent: 0;
	list-style: none;
}
.lists li
{
    padding-left: 30px;
    padding-top: 0; margin-top: 0;
	background: url('../images/tree-bullet-ie7.png') no-repeat top left;
}

.location-content .lists { padding-top: .5em; }
.location-content .lists ul { width: 200px; }
.location-content .lists ul.left { clear: left; float: left; }
.location-content .lists ul.right { clear: right; float: right; }
.location-content .lists li
{
    float: left;
    width: 170px;
}

.right { float: right; margin-left: 10px; }

.location-right > img
{
    border: 1px solid #000;
}


.location-content .attractions ul
{
    list-style: none outside;
    list-style-image: none;
    padding-left: 30px;
    width: 170px;
}
.location-content .attractions li
{
    padding-left: 0;
    background: none;
}