/***************************************************************************************/
/*  NiceRetreat.com - CSS layout 
/***************************************************************************************/

html, body, ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, fieldset, table, tr, td {
	margin: 0;
	padding: 0;
	border: 0;
	vertical-align: top;
}

body {
	background-color: #FFF;
	color: #000;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	text-align: left;
	font-size: 11px;
}

/***************************************************************************************/
/*  NAVIGATION (SIDE) DIV
/***************************************************************************************/

#nav {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 200px;
	background: url(../images/top_ban.jpg) no-repeat;
}

#nav ul { margin: 325px 0 0 15px; }
#nav li { 
	margin-top: 15px;
	list-style-type: none; 
}

#nav a, #nav a:visited {
	color: #F80;
	text-decoration: none;
}

#nav a:hover, #nav a:active, #nav a:focus  {
	color: #000;
	text-decoration: underline;
}

/***************************************************************************************/
/*  NAVIGATION (TOP) DIV
/***************************************************************************************/

#topnav {
	text-align: right;
	height: 100px;
	margin: 0 15px 0 200px;
}

#topnav ul { padding-top: 9px; }
#topnav li {
	display: inline;
	list-style-type: none;
}

#topnav a, #topnav a:visited {
	color: #F80;
	text-decoration: none;
}

#topnav a:hover, #topnav a:active, #topnav a:focus  {
	color: #000;
	text-decoration: underline;
}

#topnav p {
	vertical-align: top;
}

/***************************************************************************************/
/*  BOTTOM DIV
/***************************************************************************************/

#botlogo {
	clear: both;
	text-align: right;
	background: url(../images/logo.gif) no-repeat right top;
	color: #F80;
	padding-top: 150px; 
	margin: 50px 15px 0 200px;
}

/***************************************************************************************/
/*  MAIN CONTENT
/***************************************************************************************/

#content { 
	padding: 0 15px 0 0;
	margin-left: 200px;
}

#content p {
	font-size: 12px;
	line-height: 16px;
	text-align: justify;
	margin: 12px 0 12px 0;
}

#content h1 {
	font-size: 16px;
	font-weight: normal;
	color: #F80;
	text-align: left;
}

#content h2 {
	font-size: 14px;
	color: #F80;
	text-align: left;
	font-weight: normal;
	margin: 12px 0 0 0;
}

/***************************************************************************************/
/*  HYPERLINKS	
/***************************************************************************************/

#content a {
	color: #06F;
	text-decoration: none;
}

#content a:visited { color: #F39; }
#content a:hover, #content a:active, #content a:focus { color: #C09; }

#content a.photo, #content a.photo:visited, 
#content a.photo:active, #content a.photo:focus { color: #000; }
#content a.photo:hover { color: #C09; }

#content a.cal, #content a.cal:visited.cal { color: #999; }
#content a.cal:hover  { color: #C09; }

/***************************************************************************************/
/*  IMAGES
/***************************************************************************************/

DIV.photopanel {
	float: right;
	margin: 0 0 40px 30px;
}

img.photo {
	border: 3px outset #F80;
	margin: 0;
}

img.photo-left {
	border: 3px outset #F80;
	margin-bottom: 0px;
	margin-right: 15px;
	text-align: left;
}

img.photo-right {
	border: 3px outset #F80;
	margin-bottom: 9px;
	margin-left: 15px;
	text-align: right;
}

img.thumbnail {
	border: 2px outset #F80;
	margin-bottom: 0px;
}

/***************************************************************************************/
/*  TABLES
/***************************************************************************************/

#content table {
	border-collapse: collapse;
	margin: 0;
	padding: 0;
}

#content th {
	background-color: #FC9;
	border-bottom: 1px solid #F80;
	vertical-align: middle;
}

#content td { vertical-align: middle; }

.bd1 { border: 1px solid #F80; }
.bd2 { border: 2px solid #F80; }
.bbo { border-bottom: 1px dotted #F80; }
.blo { border-left:   1px dotted #F80; }

.w60  { width: 60px;  }
.w75  { width: 75px;  }
.w115 { width: 115px; }
.w150 { width: 150px; }
.w175 { width: 175px; }
.w200 { width: 200px; }

.wd100 { width: 100%; }

#content .fr { float: right; }
#content .fl { float: left; }

#content .nowrap { white-space: nowrap; }

/***************************************************************************************/
/*  AVAILABILITY CALENDAR
/***************************************************************************************/

#content table.calendar {
	border: 0px none;
	border-spacing: 0px;
	table-layout: fixed;
	width: 605px;
}
	
#content table.calendar-white {
	background-color: #FFF;
	border: 0px none;
	table-layout: fixed;
}

#content td.cal-blue {
	background-color: #06C;
	color: #FFF;
	font-size: 10pt;
	font-weight: bolder;
	padding: 8px;
	table-layout: fixed;
	text-align: center;
	vertical-align: middle;
	border: 0px none;
}

#content td.cal-white {
	background-color: #FFF;
	border: 1px solid #06C;
	height: 175px;
	padding: 8px;
	text-align: center;
	vertical-align: middle;
	width: 175px;
}

#content td.cal-legend {
	background-color: #FFF;
	color: #000;
	border: 1px solid #06C;
	width: 20%;
}

#content td.cal-right {
	text-align: left;
	vertical-align: top;
	width: 10px;
	background: url(../images/cal-right.gif) repeat-y;
}

#content td.cal-bottom {
	height: 10px;
	text-align: left;
	vertical-align: top;
	background: url(../images/cal-bottom.gif) repeat-x;
}
	
/***************************************************************************************/
/*  FONTS
/***************************************************************************************/

#content .f09 { font-size: 9px;  }
#content .f10 { font-size: 10px; }
#content .f11 { font-size: 11px; }
#content .f12 { font-size: 12px; }
#content .f13 { font-size: 13px; }
#content .f14 { font-size: 14px; }
#content .f15 { font-size: 15px; }
#content .f16 { font-size: 16px; }
#content .f18 { font-size: 18px; }

#content .lh12 { line-height: 12px; }
#content .lh13 { line-height: 13px; }

/***************************************************************************************/
/*  FORMATTING
/***************************************************************************************/

#content .bd { font-weight: bold;  }
#content .it { font-style: italic; }

/***************************************************************************************/
/*  COLOURS
/***************************************************************************************/

#content .red    { color: #F00; }
#content .blue   { color: #6CF; }
#content .orange { color: #F93; }

/***************************************************************************************/
/*  MARGINS
/***************************************************************************************/

#content .mt00  { margin-top: 0;     }
#content .mt03  { margin-top: 3px;   }
#content .mt06  { margin-top: 6px;   }
#content .mt09  { margin-top: 9px;   }
#content .mt12  { margin-top: 12px;  }
#content .mt18  { margin-top: 18px;  }
#content .mt24  { margin-top: 24px;  }
#content .mt36  { margin-top: 36px;  }
#content .mt50  { margin-top: 50px;  }
#content .mt100 { margin-top: 100px; }
#content .mt200 { margin-top: 200px; }

#content .mb00  { margin-bottom: 0;    }
#content .mb06  { margin-bottom: 6px;  }
#content .mb12  { margin-bottom: 12px; }
#content .mb24  { margin-bottom: 24px; }

#content .ml10  { margin-left: 10px; }
#content .ml15  { margin-left: 15px; }
#content .ml25  { margin-left: 25px; }
#content .ml35  { margin-left: 35px; }
#content .ml50  { margin-left: 50px; }

/***************************************************************************************/
/*  ALIGNMENT
/***************************************************************************************/

#content .ac { text-align: center; }
#content .al { text-align: left;   }
#content .ar { text-align: right;  }
#content .aj { text-align: justify;}

#content .vm { vertical-align: middle; }
#content .vt { vertical-align: top;    }
#content .vb { vertical-align: bottom; } 

#content .indent { 
	padding-left: 25px;
	padding-right: 310px;
}


/***************************************************************************************/
/*  LISTS
/***************************************************************************************/

#content ul { margin: 12px 0 0 15px; }
	
#content li {
	font-size: 12px;
	line-height: 16px;
	text-align: left;
	margin: 6px 0 6px 0;
}

/***************************************************************************************/
/*  MISCELLANEOUS
/***************************************************************************************/

#content .clearit {
	clear: both;
	height: 1px;
	overflow: hidden;				/* IE hack */
}

#content .nb  { border: 0px none; }
#content .nbl { border-left: none; }

#content .signature { 
	font-family:"Comic Sans MS", Comix, "Times New Roman", Times, serif;
	font-size: 16px;
	line-height: 18px;
	font-weight: bold;
}

hr {
	background-color: #F80;
	color: #F80;
	height: 1px;
	border: 0px none;
	margin: 12px auto 12px auto;
	width: 100%;
}

#content .seo {
	border: none;
	padding: 0px;
	margin: 0px;
	text-align: center;
}

.version {
	font-size: 8px;
	text-align:center;
	margin-top: 18px;
}

p.seologo {
	border:						0px none;
	margin-top:					250px;
	text-align: 				center;
}

p.seologo img {
	border:						0px none;
	margin:						20px;
	vertical-align: 			middle;
}

.ac {
	text-align: 				center;
}