/* CSS Document */

/* DOCUMENT INFORMATION -------------------------------

TITLE:		Default screen display styles
LAST UPDATED:	31 March 2006
AUTHOR:		Simon Young

-- CONTENTS -------------------------------------------

	=1:  [HTML & BODY]
	=2:  [LINKS]
	=3:  [COMMON ELEMENTS]
	=4:  [TOP ELEMENTS]
	=5:  [NAVIGATION]
	=6:  [MAIN COLUMN]
	=7:  [SIDEBAR COLUMN]
	=8:  [FOOTER]
	=9:  [LISTS]
	=10: [FORMS]
	=11: [IMAGES]
	=12: [MISC]
	=13: [sIFR STYLES]
	
-----------------------------------------------------------*/

/*--- undohtml.css ----------------------------------------*/
ul,ol { list-style:none }
h1,h2,h3,h4,h5,h6,pre,code { font-size:1em; }
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input{ margin:0; padding:0 }
a img,:link img,:visited img { border:none }
address { font-style:normal }
/*--- (CC) 2004 Tantek Celik. Some Rights Reserved. -------*/
/*--- http://creativecommons.org/licenses/by/2.0-----------*/

/* =1: [HTML & BODY] --------------------------------------*/	

html {height: 100%;margin-bottom: 1px;}

body {
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 62.5%;
	text-align: left;
	margin: 0 auto;
	line-height: 1.6em;
	color: #000;
	background-color: #b5cfdb;
	}

	#wrap {
		position: relative;
		width: 770px;
		margin: 0 auto;
		margin-top: 15px;
		}

	#inner-wrap {
		width: 770px;
		clear: both;
		float: left;
		margin-bottom: 0;
		background: #fff url(../backgrounds/inner-wrap.gif) top left repeat-y;
	}
	
/* =2: [LINKS] --------------------------------------*/	
	
/* =3: [COMMON ELEMENTS] ----------------------------*/	
img.img {margin: 0 0 20px 20px;float: right;}
p {margin-bottom: 15px;line-height: 1.6em;font-size: 1.2em;}
p.back-link {margin-bottom: 2px;padding-left: 5px;font-size: 1.1em;}
p.back-link a, p.back-link-alt a {text-decoration: underline;}
p.back-link-alt {margin-bottom: 6px;padding-left: 5px;font-size: 1.1em;}
li {font-size: 1.2em;}
a:link, a {color: #457890;text-decoration: none;}
a:hover {text-decoration: underline;}

#content h1 {font-size: 1.8em;padding: 17px 0 15px 0;font-weight: normal; color: #457890;}
#content h2 {font-size: 1.2em;font-weight: bold; color: #457890;margin-bottom: 10px;}
#content h2 span {font-size: 11px;font-weight:normal; font-style: italic; margin-left: 5px;color: #666;}
p#breadcrumb, #breadcrumb a {margin: 0; color: #999;}
p#breadcrumb {font-size: 1.1em;}

#content ul {list-style: disc;padding-left: 20px;margin-bottom: 15px;} /*reset for content lists */

/* =4: [TOP ELEMENTS] -------------------------------*/	
	
#header {
	float: left;
	height: 220px;
	padding-top: 10px;
	}
#header {width: 100%;}
#header h1 {float: left;text-indent: -9999px;background: url(../logo-ea.gif) top left no-repeat;width: 140px;height: 50px;}
#header h1 a {color: #333;}

div.default {background: #92b6c7 url(../backgrounds/headers/default.jpg) bottom left no-repeat;}
div.bg_10 {background: #92b6c7 url(../backgrounds/headers/10.jpg) bottom left no-repeat;}
div.bg_8 {background: #92b6c7 url(../backgrounds/headers/8.jpg) bottom left no-repeat;}
div.bg_9 {background: #92b6c7 url(../backgrounds/headers/9.jpg) bottom left no-repeat;}
div.bg_18 {background: #92b6c7 url(../backgrounds/headers/18.jpg) bottom left no-repeat;}
div.bg_33 {background: #92b6c7 url(../backgrounds/headers/33.jpg) bottom left no-repeat;}
div.bg_3 {background: #92b6c7 url(../backgrounds/headers/3.jpg) bottom left no-repeat;}
div.bg_51 {background: #92b6c7 url(../backgrounds/headers/51.jpg) bottom left no-repeat;}

/* =5: [NAVIGATION] --------------------------------*/	

/* =6: [MAIN COLUMN] -------------------------------*/	

#navigation {
	float: right;
	height: 25px;
	margin-right: 20px;
	display: inline;
	margin-top: 5px;
	text-align: right;
	background: url(../backgrounds/nav.gif) top right no-repeat;
	}

	#nav_main {
		background: url(../backgrounds/nav.gif) top left no-repeat;
		height: 25px;
		position: relative;
		float: left;
		display: inline;
		overflow: hidden;
		}

	#nav_main li {
		float: left;
		display: inline;
		height: 25px;
    	padding: 0;
	}

	#nav_main a {
		float: left;
		padding: 25px 0 0 0;
		display: inline;
		width: 25px;
		overflow: hidden;
		height: 0px !important;
		height /**/:25px; /* for IE5/Win only */
		}

#nav_main_2 a {width: 50px;background: url(../backgrounds/nav.gif) 0 0 no-repeat;}
#nav_main_3 a {width: 108px;background: url(../backgrounds/nav.gif) -50px 0 no-repeat;}
#nav_main_4 a {width: 193px;background: url(../backgrounds/nav.gif) -208px 0 no-repeat;}
#nav_main_11 a {width: 50px;background: url(../backgrounds/nav.gif) -160px 0 no-repeat;}
#nav_main_7 a {width: 66px;background: url(../backgrounds/nav.gif) -470px 0 no-repeat;}

#nav_main_2 a:hover {width: 50px;background: url(../backgrounds/nav.gif) 0 -25px no-repeat;}
#nav_main_3 a:hover {width: 108px;background: url(../backgrounds/nav.gif) -50px -25px no-repeat;}
#nav_main_4 a:hover {width: 193px;background: url(../backgrounds/nav.gif) -208px -25px no-repeat;}
#nav_main_11 a:hover {width: 50px;background: url(../backgrounds/nav.gif) -160px -25px no-repeat;}
#nav_main_7 a:hover {width: 66px;background: url(../backgrounds/nav.gif) -470px -25px no-repeat;}
	
/*
#navigation ul {
	list-style: none;
	display: inline;
	margin: 0;
	padding: 0;
	}

#navigation li {
	display: inline;
	padding-right: 20px;
	color: #fff;
}

#navigation li a {color: #fff;}
*/

#content {
	float: right;
	width: 540px;
	min-height: 400px;
	margin-top: 15px;
	padding: 0 25px 20px 25px;
	display: inline;
	}

#content-home {
	float: left;
	width: 715px;
	min-height: 400px;
	margin-top: 0;
	padding: 15px 25px 0 30px;
	display: inline;
	background-color: #fff;
	}

#sidebar {
	float: left;
	width: 165px;
	margin-top: 15px;
	padding: 0 0 40px 15px;
	}


#sidebar li {
	line-height: 1.6em;
	}

ul#nav_rental {float: right;margin: 0;border-right: 1px solid #b5cfdb;padding-bottom: 3px;}
ul#nav_rental li {float: left;clear: left;margin: 2px 0;}
ul#nav_rental a {padding: 5px 0 5px 5px;background-color: #fff;float: left;clear: both;width: 155px;background-color: #b5cfdb;color: #fff;border-top: 1px solid #b5cfdb;border-bottom: 1px solid #b5cfdb;}
ul#nav_rental a:hover {background-color: #457890;text-decoration:none;border-top: 1px solid #457890;border-bottom: 1px solid #457890;}
ul#nav_rental a.active-page {background: #fff url(../icons/nav_arrow.gif) top right no-repeat;color: #c63;font-weight: bold;border-top: 1px solid #b5cfdb;border: 1px solid #b5cfdb;border-right: 0;width: 154px;}

p.section-link, p-section-link-active {float: right;margin: 6px 0 0 0;border-right: 1px solid #b5cfdb;padding-bottom: 2px;}
p.section-link a {padding: 5px 0 5px 5px;background-color: #fff;float: left;clear: both;width: 155px;background-color: #b5cfdb;color: #fff;border-top: 1px solid #b5cfdb;border-bottom: 1px solid #b5cfdb;text-decoration: none;}
p.section-link a:hover {background-color: #457890;text-decoration:none;border-top: 1px solid #457890;border-bottom: 1px solid #457890;}
p.section-link a.active-page {background: #fff url(../icons/nav_arrow.gif) top right no-repeat;color: #c63;font-weight: bold;border-top: 1px solid #b5cfdb;border: 1px solid #b5cfdb;border-right: 0;width: 154px;}

p.section-link-base {float: right;margin: 0;border-right: 1px solid #b5cfdb;padding-bottom: 2px;}
p.section-link-base a {padding: 5px 0 5px 5px;background-color: #fff;float: left;clear: both;width: 155px;background-color: #b5cfdb;color: #fff;border-top: 1px solid #b5cfdb;border-bottom: 1px solid #b5cfdb;text-decoration: none;}
p.section-link-base a:hover {background-color: #457890;text-decoration:none;border-top: 1px solid #457890;border-bottom: 1px solid #457890;}
p.section-link-base a.active-page {background: #fff url(../icons/nav_arrow.gif) top right no-repeat;color: #c63;font-weight: bold;border-top: 1px solid #b5cfdb;border: 1px solid #b5cfdb;border-right: 0;width: 154px;}

#photo-gallery img {margin: 0 20px 20px 0;}

div#sales-content {float: left;}
div#sales-content div#text {float: left;width: 360px;padding-right: 30px;}
div#sales-content div#photo-gallery {width: 150px;float: right;display: inline;}
div#sales-content div#photo-gallery p {font-size: 11px;font-style: italic;}

p#tel {float: right;clear: right;padding-right: 30px;font-size: 12px;color: #fff;font-style: italic;width: 230px;}

hr {clear: both;float: left;height: 1px;width: 100%;color: #ccc;}
div.festivals p {float: left;clear: both;}

/* =7: [SIDEBAR COLUMN] ----------------------------*/	

/* =8: [FOOTER] ------------------------------------*/	

#footer {
	width: 100%;
	clear: both;
	padding: 5px 0 5px 0;
}

#footer ul {
	display: inline;
	list-style: none;
	margin: 0;
	padding: 0;
	}

#footer li {
	display: inline;
	padding-right: 5px;
	float: left;
	color: #fff;
	font-size: 1.1em;
	}
	
#footer a, #footer a:hover {color: #fff;text-decoration: none;}

/* =9: [LISTS] -------------------------------------*/	


/* =10: [FORMS] ------------------------------------*/	


/* =11: [IMAGES] -----------------------------------*/	

	
/* =12: [MISC] -------------------------------------*/

div.calendar-layout {float: left;margin: 0 30px 15px 0;}
div.calendar-layout h2 {text-align: center;}
form.date-select {margin-bottom: 15px;}
form.date-select select, form.date-select input {font-size: 1.1em;}
table.calendar {border-collapse: collapse;}
table.calendar td, table.calendar th {font-size: 1.1em;text-align: center;padding: 3px;}
.clear {clear: both;}
div.month-changer {clear:both;float:left;margin-bottom:15px;width:100%;}
div.month-changer ul {margin: 0;}
div.month-changer li {list-style:none;float:left;margin-left: -20px;margin-right: 50px;display: inline;}

table.calendar td {background-color: #e2f7c6;color:#72b31b;border-bottom:1px solid #ddd;}
table.calendar td a {color:#72b31b;}
table.calendar td.invalid, table.calendar td.unavailable {background-color: #f1f1f1;color:#ddd;}
/*table.calendar td.unavailable {background-color: #f5d6d6;color:#df7e7e;}*/
table.calendar th {background-color: #ccc;color:#fff;}

div.rental-property {clear: left;float: left;margin-bottom: 15px;width: 100%;}
div.rental-property img {float: left;margin: 0 10px 10px 0; display: inline;}
div.rental-property p {font-size: 1.1em;}

img.inv-img {float: right;margin: 0 0 10px 20px;}

div.inv-property {clear: left;float: left;margin-bottom: 25px;width: 100%;border-top: 1px solid #ccc;}
div.inv-property img {float: left;margin: 0 10px 10px 0; display: inline;}
div.inv-property p {font-size: 1.1em;}
div.inv-property p.byline {font-size: 1.2em;color: #888;font-weight: bold;margin: 0;padding: 0 0 15px 0;}
div.inv-property h2 img {float: right;border: 1px solid #ccc;width: 160px;height: 160px;}

div.home-col {float: left;margin-right: 40px;width: 212px;text-align: left;padding-top: 10px;}
div.home-col-end {float: left;margin-right: 0;width: 210px;text-align: left;padding-top: 10px;}
div.home-col p, div.home-col-end p {line-height: 1.8em;}


#content-home h1 {font-size: 1.6em;font-weight: bold; color: #457890;margin: 10px 0 20px 0;}
#content-home h2 {font-size: 1.4em;font-weight: bold; color: #457890;margin-bottom: 6px;}
#content-home h3 {font-size: 1.2em;font-weight: bold; color: #457890;margin-bottom: 6px;}
#content-home a {font-weight: bold;text-decoration: underline;}
#content-home img {margin-bottom: 10px;}

#sidebar h2 {
	padding: 10px 0;
	font-size: 1.2em;
	color: #457890;
	font-weight: bold;
	clear: both;
	}

#sidebar h2.menu {clear: both;margin: 0 0 7px 0;padding: 18px 0 0 10px;color: #c63;}
ul#rental-menu {clear: left;float: right;margin: 0;border-top: 1px solid #b5cfdb;}
ul#rental-menu li {margin-bottom: 0;border-bottom: 1px solid #b5cfdb;width: 155px;padding: 4px 0 4px 5px;}


form#rental_frm select, form#rental_frm p input, form#rental_frm textarea {font-size: 11px;padding: 2px;border: 1px solid #ccc;clear: left;float: left;}
form#rental_frm p input {width: 150px;}
form#rental_frm textarea {width: 250px;height: 100px;} 
form#rental_frm label {color: #457890;font-weight: bold;font-size: 11px;}
form#rental_frm p {clear: left;padding-top: 5px;}
form#rental_frm input#frm_submit {clear: both;float: left;margin: 10px 0;padding: 3px;font-size: 11px;}

li#nav_rental_50 a {color: #f00;}
li#nav_rental_50 a.active-page {float: left;background: #fff;color: #c00;}