* { padding: 0; margin: 0; } /*global definition for padding and margin*/

html { height: 101%; /*background: #000 url(/images/bg_page.jpg) no-repeat 50% 0;*/ }

body { font-size: 100%; height: 100%; font-family:  Verdana, Helvetica, Arial, sans-serif; background:#0262C6 url(/images/bg.jpg) repeat top center;  }

h1, h2, h3, h4, h5 { font: normal 100%/100% Helvetica, Arial, Verdana, sans-serif; color: #000; padding: 0 0 5px 0; }
h1 { font-size: 1.6em; line-height: 100%; }
h2 { font-size: 1.4em; line-height: 100%; }
h3 { font-size: 1.1em; line-height: 100%; }
h4 { font-size: 1.0em; line-height: 100%; }
h5 { font-size: 0.9em; line-height: 100%; }

p, dl{ font: normal 12px/120% Helvetica, Arial, Verdana, sans-serif; padding: 0 0 10px 0; /*color:#fffefe;*/ }

label { padding: 0 ; margin:0; font: bold 12px/120% Helvetica, Arial, Verdana, sans-serif; }

table, ol, ul { font: normal 13px/120% Helvetica, Arial, Verdana, sans-serif; padding: 0 0 10px 0;  }

a, a:visited { color: #369;  }
a:hover { color: #369; text-decoration: none; }

dl { padding:0 0 5px 10px; color:#000; }
dt { font-weight:bold; }
dd { margin:0 0 5px 0; }

ol { padding:0 0 0 15px; }
ol li { padding:0 0 5px 0; }

ul { padding:0 0 0 20px; }
ul li { padding:0 0 5px 0; }

th { font-weight: bold;  }
td { padding:3px 0; }

img { border:none; }
option{ margin-right:10px;}





#header { width:754px; padding:0 0 0 0px; }
#header_home { width:754px;/* height:240px; overflow:hidden;*/ padding:0 0 0 0px; }

#topnav { background-color:#006699; height:41px;}


#logo_etc_home { width:754px; height:199px; background:url(/images/bg_logo_etc.jpg) no-repeat 0 0;  } /**/
#logo_etc_home img { float:left; }
#logo_etc_home p { float:left; width:379px; padding:24px 0 0 17px; color:#393939; line-height:150%;}

#wrapper { width: 771px; padding:0px 0px 0px 8px; margin:0 auto; background:url(/images/bg.wrapper.jpg) repeat-y 0 0;}


#headerArea {
	background: url(/images/pgHdr.area.jpg) no-repeat 0 0;
	width: 754px;
	height:272px;
	float:left;
   	margin-left:0px;
}	

	#logolink {
	width:200px;
	height:75px;
	cursor: pointer;
	background:transparent;
	z-index: 1;
	position:relative;
	float:left;
}
		
		#headerReserve {
			background: url(/images/pgHdr.reserve.jpg) no-repeat 0 0;
			width: 754px;
			height:272px;
			float:left;	
		}
		
		#headerHouse {
			background: url(/images/pgHdr.house.jpg) no-repeat 0 0;
			width: 754px;
			height:272px;
			float:left;	
		}
		
		#headerEstate {
			background: url(/images/pgHdr.estate.jpg) no-repeat 0 0;
			width: 754px;
			height:272px;
			float:left;	
		}
		
		#headerInformation {
			background: url(/images/pgHdr.general.jpg) no-repeat 0 0;
			width: 754px;
			height:272px;
			float:left;	
		}
		
		#content {
			padding:0px 95px 0px 280px;
			margin:0;/*margin-left:-2px;*/

		voice-family: "\"}\""; 
		voice-family:inherit;
		   margin-left:0px;
		}

			#content ul {
				margin: 0px 0px 10px 20px;
				color:#006699;
			}
		#leftCol {
			float:left;
			width: 200px;
		}
			#leftCol p {
				padding-left: 20px;
			}
			#leftCol img {
				margin: 0px 0px 0px 0px;
			}
			
	
		

#topnav ul {
	margin:0px 0px 0px 0px;
	padding:12px 0px 5px 10px;
	}

#topnav li {
	display:inline;
	list-style:none;
	font-family: Helvetica, Arial, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#fff;
	}

#topnav li a {
	font-family: Helvetica, Arial, sans-serif;
	
	font-weight:bold;
	color:#fff;
	text-decoration:none;
	padding-right:10px;
	padding-left:10px;
	
	border-right:1px solid white;
	}

#topnav li a:hover {
	font-family: Helvetica, Arial, sans-serif;
	font-size:inherit;
	font-weight:bold;
	color:#fff;
	text-decoration:underline;
	}
	
#content_wrapper_home { padding:0 0 0 0px; width:754px; min-height:500px; background:url(/images/bg_content_wrapper.jpg) repeat-y 100% 0; }
	
#left_col_home { float:left; /*height:293px;*/ width:312px; background:#AEDFE8 url(/images/bg_left_col_home.jpg) no-repeat 0 0; padding:407px 0 0 0;}
#right_col_home { float:left; /*height:583px;*/ width:349px; padding: 117px 75px 0 17px; background:url(/images/welcome.jpg) no-repeat 0 0;}
#right_col_home h1 { font-size:16px; color:#1A426A; font-weight:bold;}
#right_col_home h2  { font-size:14px; color:#006699; font-weight:bold;}
#right_col_home p { color:#1A426A; padding-bottom:20px; }
#right_col_home ul { color:#1A426A; padding-right:25px;}

#more_info { padding:0 0 20px 35px; margin-bottom:30px; position:relative; height:112px;}
#more_info h2 { color:#393939; font-size:14px; font-weight:bold; }
#more_info p { color:#393939;  }
#more_info input#name, #more_info input#email  { border:1px solid #857362; margin:0 0 0px 0; padding:2px 7px; color:#857362; height:15px;}

#more_info input#name { width:200px; position:absolute; bottom:30px; left:35px;}
#more_info input#email { width:170px; position:absolute; bottom:0px; left:35px; }
#more_info input#submit { padding:0; margin:0; border:0; position:absolute; bottom:0px; left:228px; margin:0 0 0px 0; }

#footerHome_wrapper { padding:0 0 0 0px; width:754px;}
#footerHome { /*margin:0 auto;*/ width:634px; height:42px; background:url(/images/bg_footer.jpg) no-repeat 0 0; padding:145px 0 0 120px; font-size:.95em;}
#footerHome a { color:#fff; text-decoration:none;}
#footerHome a:hover { color:#fff; text-decoration:underline;}
#footerHome p { color:#fff; text-decoration:none;}

#footer { /*margin:0 auto;*/ width:634px; height:42px; background:url(/images/bg_footer_back.jpg) no-repeat 0 0; padding:145px 0 0 120px; font-size:.95em;}
#footer p { color:#fff; text-decoration:none;}
#footer a { color:#fff; text-decoration:none;}
#footer a:hover { color:#fff; text-decoration:underline;}

#content h1 { font:bold 1em/150% Verdana, Arial, Helvetica, sans-serif; color:#003366; margin:5px 0px 0px 0px; padding:0;}
#content h2 {
	font:bold .9em/120% Verdana, Arial, Helvetica, sans-serif;
	color:#006699;
	margin:0;
	padding:0px 0px 5px 0px;
}

#content h3 {
	font:bold .8em/150% Verdana, Arial, Helvetica, sans-serif;
	color:#0099CC;
	margin:0;
	padding:0;
}

#content h4 {
	font:bold .9em/150% Georgia,"Times New Roman",serif;
	color:#6A4F20;
	margin:0;
	padding:0;
}

#content h5 {
	font:bold .7em/150% Georgia,"Times New Roman",serif;
	color:#6A4F20;
	margin-bottom:0;
	margin:0;
	padding:0;
}

#content p, #content th, #content td, #content dl, #content dd, #content dt{
	font:normal .7em/150% Verdana, Arial, Helvetica, sans-serif;
	color:#1A426A; 
	margin:0px 0px 10px 0px;
}

.sideBox {
	width: 100px; 
	background-color:#CDEFF6; 
	border:2px dotted #01A6DE; 
	padding:10px;
	text-align:center; 
	float:right;
	margin-left: 15px;
	margin-right: 15px;
}

.clear { clear:both; }
.strong { font-weight:bold; }
.hide { height: 0px; width: 0px; visibility: hidden; overflow: hidden; position: absolute;  /* for the benefit of IE5 Mac */ }

dl#floorPlan{
	margin: 0;
	padding: 0;
	background: transparent url(/images/floorplan.jpg) top left no-repeat;
	height: 268px;
	width: 230px;
	position: relative;
}
dt{ margin: 0; padding: 0; position: absolute; font-size:100%; display: none; }

dd{ margin: 0; padding: 0; position: absolute;  font-size: 140%;font-weight:bold; }

/* ---------- Hotspot Declarations ---------- */
/*1*/
dd#portDef{ top: 200px; left:90px;}
dd#portDef a{ position: absolute; width: 50px; height: 35px; text-decoration: none;}
dd#portDef a span{ display: none; }
dd#portDef a:hover{ position: absolute;top: 0px; left: 0px; }
dd#portDef a:hover span{
	display: block;
	opacity: .7;
	text-indent: 0;
	vertical-align: top;
	color: #000;
	background-color: #F4F4F4;
	font-size: .7em;
	position: absolute;
	border: 1px solid #BCBCBC;
	bottom: 100%;
	margin: 0;
	padding: 5px;
	width: 100%;
}

/*2*/
dd.bedRoomsDef{ top: 50px; left: 35px;}
dd.bedRoomsDef a{ position: absolute; width: 48px; height: 40px; text-decoration: none;}
dd.bedRoomsDef a span{ display: none; }
dd.bedRoomsDef a:hover{ position: absolute;top: 0px; left: 0px; }
dd.bedRoomsDef a:hover span{
	display: block;
	opacity: .7;

	text-indent: 0;
	vertical-align: top;
	color: #000;
	background-color: #F4F4F4;
	font-size: .7em;
	position: absolute;
	border: 1px solid #BCBCBC;
	bottom: 100%;
	margin: 0;
	padding: 5px;
	width: 100%;
}


/*3*/
dd.bathRoomsDef{ top: 95px; left: 35px;}
dd.bathRoomsDef a{ position: absolute; width: 25px; height: 34px; text-decoration: none; }
dd.bathRoomsDef a span{ display: none; }
dd.bathRoomsDef a:hover{ position: absolute;top: 0px; left: 0px; }
dd.bathRoomsDef a:hover span{
	display: block;
	opacity: .7;

	text-indent: 0;
	vertical-align: top;
	color: #000;
	background-color: #F4F4F4;
	font-size: .7em;
	position: absolute;
	border: 1px solid #BCBCBC;
	bottom: 100%;
	margin: 0;
	padding: 5px;
	width: 100%;
}

/*4*/
dd#livingRoomDef{ top: 55px; left: 90px;}
dd#livingRoomDef a{ position: absolute; width: 50px; height: 120px; text-decoration: none;}
dd#livingRoomDef a span{ display: none; }
dd#livingRoomDef a:hover{ position: absolute;top: 0px; left: 0px; }
dd#livingRoomDef a:hover span{
	display: block;
	opacity: .7;

	text-indent: 0;
	vertical-align: top;
	color: #000;
	background-color: #F4F4F4;
	font-size: .7em;
	position: absolute;
	border: 1px solid #BCBCBC;
	bottom: 100%;
	margin: 0;
	padding: 5px;
	width: 100%;
}

/*5*/
dd#barDef{ top: 100px; left: 60px;}
dd#barDef a{ position: absolute; width: 25px; height: 30px; text-decoration: none; }
dd#barDef a span{ display: none; }
dd#barDef a:hover{ position: absolute;top: 0px; left: 0px; }
dd#barDef a:hover span{
	display: block;
	opacity: .7;

	text-indent: 0;
	vertical-align: top;
	color: #000;
	background-color: #F4F4F4;
	font-size: .7em;
	position: absolute;
	border: 1px solid #BCBCBC;
	bottom: 100%;
	margin: 0;
	padding: 5px;
	width: 100%;
}

/* 6*/
dd#verandaDef{ top: 25px; left:15px;}
dd#verandaDef a{ position: absolute; width: 200px; height: 20px; text-decoration: none; }
dd#verandaDef a span{ display: none; }
dd#verandaDef a:hover{ position: absolute;top: 0px; left: 0px; }
dd#verandaDef a:hover span{
	display: block;
	opacity: .7;

	text-indent: 0;
	vertical-align: top;
	color: #000;
	background-color: #F4F4F4;
	font-size: .7em;
	position: absolute;
	border: 1px solid #BCBCBC;
	bottom: 100%;
	margin: 0;
	padding: 5px;
	width: 100%;
}
dl.contactinfo {
	padding:0px 0px 10px 0px;
}
dt.contactinfo{ 
	/*margin:0px 0px 10px 0px;*/
	padding:0px 0px 2px 0px;display:block;
	position:relative;
	}

dd.contactinfo{ margin:0px 0px 0px 25px;
	padding:0px 0px 10px 0px;position:relative;}
	
	#houseMap ol{
		margin: 20px 0px 20px 60px;
		color:white;
	}
			#houseMap li a {
				color:#fff;
				text-decoration: none;
			}
	.caption {
		margin:0px 0px 0px 0px;
		padding:4px;
		text-align:center;

	}
			.caption img {padding:4px;
				border:1px solid #1A426A;
			}