/**************** Body and tag styles ****************/
* {margin: 0;}
body, h1, h2, h3, h4, h5, h6, p, blockquote, label, fieldset, ul, ol, dl, li, object, table, th, tr, td  {padding: 0;}
body {
	font: 100%/1.4 "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #333; background-color: #666;
}
img {border:none;
}
h1 {	
	font-size: 1em;
	margin-bottom: 2em;
}
h2 {
	font-size: .9em;
	margin-bottom: .2em;
	clear: both;
}
p, ul, ol {font-size: .9em;
	margin-bottom: 1em;
}
ul, ol {margin-left: 2em;
}
a {text-decoration: underline;}
a:link {color: #39f;}
a:visited {color: #39f;}
a:hover {color: #B4B5B0; text-decoration: none;}
a:active {color: #B4B5B0; text-decoration: none;
}
/**************** Container styles ****************/
#container {
	width: 981px;
	margin: 0 auto;
	padding-bottom: .5em;
}
#mainwrapper {
	float: left;
	width: 973px;
	background: url(../images/main/shadow-bg.gif) repeat-y left top;
	padding-left: 8px;
}
/**************** Header styles ****************/
#header {
	background: url(../images/main/header.jpg) no-repeat left top;
	height: 219px;
}
/**************** Navigation styles ****************/
#navcontainer {
	background-color: #fff;
	float: left;
	width: 965px;
}
ul#navbar, ul#navapartments {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; 
	margin: 0;
}
ul#navbar li {
	list-style: none;
	float: left;
	border: 2px solid #fff;
}
ul#navbar li a {
	list-style: none;
	display: block;
	width: 189px;
	text-align: center;
	font-size: 1.25em;
	padding: 0 0 .1em;
	text-decoration: none;
	color: #fff;
}
#navbar a#homelink:link, #navbar a#homelink:visited {background-color: #847B8A;}
#navbar a#homelink:hover, #navbar a#homelink:active, #navbar #homecurrent a#homelink {background-color: #C0BDC4;}
#navbar a#apartmentslink:link, #navbar a#apartmentslink:visited {background-color: #696A62;}
#navbar a#apartmentslink:hover, #navbar a#apartmentslink:active, #navbar #apartmentscurrent a#apartmentslink {background-color: #B4B5B0;}
#navbar a#locationlink:link, #navbar a#locationlink:visited {background-color: #9498A1;}
#navbar a#locationlink:hover, #navbar a#locationlink:active, #navbar #locationcurrent a#locationlink {background-color: #CACBD0;}
#navbar a#priceslink:link, #navbar a#priceslink:visited {background-color: #958A88;}
#navbar a#priceslink:hover, #navbar a#priceslink:active, #navbar #pricescurrent a#priceslink {background-color: #CAC4C4;}
#navbar a#bookinglink:link, #navbar a#bookinglink:visited {background-color: #C0C5BF;}
#navbar a#bookinglink:hover, #navbar a#bookinglink:active, #navbar #bookingcurrent a#bookinglink {background-color: #E0E2DF;
}
ul#navapartments {
 	background-color: #696A62;
	float: left;
	width: 954px;
	margin: 0 0 0 2px;
	padding:  0 0 7px 7px;
	border-bottom: 2px solid #fff;
}
#navapartments li {
	list-style: none;
	float: left;
	text-align: center;
	line-height: 1.2;
	margin: 3px 5px 0 0;
}
#navapartments li img {
	border: 1px solid #B4B5B0;
	margin-top: 3px;
	float: left;
}
ul#navapartments li a {
	font-size: .8em;
	padding: .2em 0 0 0;
	text-align: center;
}
#navapartments a:link, #navapartments a:visited {color: #B4B5B0; text-decoration: none;}
#navapartments a:hover, #navapartments a:active {color: #fff;}
ul#navapartments li a#lastlistitem {padding-right: 0;
}
#navapartments li.lastlistitem {
	margin-right: 0;
}
/**************** Content styles ****************/
#homecontentwrapper, #apartmentcontentwrapper, #locationcontentwrapper, #pricescontentwrapper, #bookingcontentwrapper {
	background: #fff url(../images/home/home-columnleft2.gif) repeat-y 2px 2px;
	float: left;
	border-bottom: 2px solid #fff;
}
#apartmentcontentwrapper {background: #fff url(../images/apartments/apartments-columnleft.gif) repeat-y 2px 2px;}
#locationcontentwrapper {background: #fff url(../images/location/location-columnleft.gif) repeat-y 2px 2px;}
#pricescontentwrapper {background: #fff url(../images/prices/prices-columnleft.gif) repeat-y 2px 2px;}
#bookingcontentwrapper {background: #fff url(../images/booking/booking-columnleft.gif) repeat-y 2px 2px;
}
.leftcolumn {
	margin: 0 0 2px 2px;
	width: 189px;
	float: left;
	padding: 26px 0 20px;
}
.leftcolumn img {
	border: 2px solid #fff;
	margin: 0 0 4px 24px;
	float: left;
}
.maincontent {
	width: 734px;
	float: left;
	padding: 26px 20px 20px;
}
.leftcolumn p.availabiltybutton {
	margin:  0 0 8px 24px;
	border: 2px solid #fff;
	width: 135px;
	color: #fff;
	text-align: center;
	font-weight: bold;
	font-size: .75em;
	line-height: 1.3;
}
.leftcolumn p.availabiltybutton a {
	display: block;
	width: 135px;
	color: #fff;
	padding: 7px 0;
}
.leftcolumn p.availabiltybutton a:link, .leftcolumn p.availabiltybutton a:visited {background-color: #4C6294; text-decoration: none;}
.leftcolumn p.availabiltybutton a:hover, .leftcolumn p.availabiltybutton a:active {background-color: #666;
}
.leftcolumn p.sleepsbox {
	margin:  0 0 8px 24px;
	border: 2px solid #fff;
	width: 125px;
	color: #fff;
	text-align: center;
	font-weight: bold;
	font-size: .7em;
	padding: 8px 5px;
	background-color: #847B8A;
	line-height: 1.3;
}
p.accessbox {
	margin:  0;
	border: 2px solid #fff;
	width: 62px;
	color: #fff;
	font-weight: bold;
}
p.accessbox a {
	display: block;
	width: 62px;
	color: #fff;
	padding: 11px 0;
}
p.accessbox a:link, p.accessbox a:visited {background-color: #4C6294; text-decoration: none;}
p.accessbox a:hover, p.accessbox a:active {background-color: #666; color: #fff;
}
.guestcomments {
	font-weight: bold;
	padding-top: .6em;
	margin-bottom: .4em;
	float: left;
	width: 100%;
}
.accessstatement {
	font-size: .75em;
	text-align: center;
	float: right;
	width: 64px;
	margin-left: 30px;
}
.facilitieslist {
	border-top: 1px dotted #B4B5B0;
	border-bottom: 1px dotted #B4B5B0;
	float: left;
	width: 100%;
	margin: 0 0 .4em;
	padding: .3em 0 .5em;
}
.facilitieslist img {
	float: left;
	margin: 0 10px 0 0;
}
p.backtotop {
	font-size: .8em;
	margin-bottom: 0;
}
p.darkerlink a:link, p.darkerlink a:visited {color: #333;}
p.darkerlink a:hover, p.darkerlink a:active {color: #C9CBD0; text-decoration: none;
}
p.darkerlink2 a:link, p.darkerlink2 a:visited {color: #333;}
p.darkerlink2 a:hover, p.darkerlink2 a:active {color: #696A62; text-decoration: none;
}
/**************** Availability form styles ****************/
.A {background-color: #a4ccfe;} /* Week free - blue background */
.B {background-color: #e0e0e0; color:#606060;} /* Week let. Grey background   */
.P {background-color: #ccffcc;} /* Week Part let - light blue  */
.hdr {background-color: #C0C0C0; font-weight:bold;} /* Table header: Grey background */
.ctr {text-align: center;} /* This causes text to be centered. */
p.updated {text-align: center; font-size: 10px; color:#888888;}
table.avail {font-size: 12px; text-align: center; margin-left: 10%; width: 80%;}
table.key {font-size: 12px; text-align: center; margin-left: 30%; width: 40%;}
/* Next line controls format of separator line - if you want one. You can delete otherwise. */
.sep {background-color:#f0f0f0; text-align: center; font-weight: bold;
}
/**************** Footer styles ****************/
#footer {
	background-color: #666;
	color: #fff;
	text-align: center;
	font-size: .75em;
	float: left;
	width: 981px;
}
#footer a:link, #footer a:visited {color: #fff; text-decoration: none;}
#footer a:hover, #footer a:active {color: #C9CBD0; text-decoration: none;
}
#footer p {
	text-align: center;
	float: left;
	width: 100%;
	margin-bottom: 0;
	padding: .3em 0;
}
p#cypherlink {
	text-align: center;
	font-size: .6em;
	color: #aaa;
	width: 100%;
	float: left;
	margin: 3px 0 0;
	padding-bottom: 5px;
}
p#cypherlink a:link, p#cypherlink a:visited {color: #aaa; text-decoration: none;}
p#cypherlink a:hover, p#cypherlink a:active {color: #fff; text-decoration: none;
}
/**************** Misc classes and styles ****************/
.imgleft {float: left; margin: 0 1em 1em 0;}
.imgright {float: right; margin: 0 0 1em 1em;}
.boldtext {font-weight: bold;}
.italictext {font-style: italic;}
.quotefrom {font-size: .9em; font-style: italic; color: #696A62;}
p.symbolskey {clear: both; margin: 0; padding-top: 1em; font-size: .8em;}
.centrealign {text-align: center;}
.greentext {color: #9c0;}