/* -------------------------------------------------------------- 
  
   reset.css
   * Resets default browser CSS.
   
-------------------------------------------------------------- */

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, img, q, dl, dt, dd, ol, ul, li, legend, caption{
  margin: 0;
  padding: 0;
  border: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  text-shadow: #000000 0 0 0px;
}
strong{font-weight:bold;}
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }
a img { border: none; }
a{outline:none;}

body{
	padding:0;
	margin:0 auto;
	text-align:center;
	font-size: 12px;
	font-family:Arial, Helvetica, sans-serif;
	color:#4d4d4d;
	background: url(../images/bg.jpg) repeat;
	line-height: 1.5;
}

/*-------------------
Main Text Formating
---------------------*/

h1{
	font-size:16px;
	font-weight: bold;
	color: #83A779;
	margin: 10px 0 0 0;
	line-height: 20px;
}

h2{
	font-size:14px;
	font-weight: normal;
}

p{
	font-size:12px;
	line-height:15px;
	color:#4d4d4d;
	margin: 8px 0 8px 0;
}

a, p a{
	color:#2E7088;
	text-decoration:underline;
}
	a:hover, p a:hover{
		color:#83A779;
		text-decoration:none;
	}
	
ul{
}

#ulhome {
	margin: 0 20px 0 20px;
}

#ulhome li {
	margin: 10px 0 0 0;
	padding: 5px 10px 0 20px;
	list-style-type: none;
	background: url(../images/logobullet.jpg) no-repeat;
	background-position: 0 5px;
}


#ulhome1 {
	margin: 0 20px 0 20px;
}

#ulhome1 li {
	margin: 10px 0 0 0;
	padding: 5px 10px 0 20px;
	list-style-type: none;
	background: url(../images/logobullet.jpg) no-repeat;
	background-position: 0 5px;
}


li{
	font-size:12px;
	line-height:15px;
	color:#4d4d4d;
	margin:0;
}

body.amenities #content ul{
	display: block;
	margin: 0 0 5px 0;
}

body.amenities #content ul li{
	display: block;
	list-style-type: none;
}

body.amenities #content ul li a {
	display: block;
	list-style-type: none;
	margin: 0 0 0 50px;
	font-size: 11px;
}

body.amenities a#button1,
body.amenities a#button2,
body.amenities a#button3,
body.amenities a#button4,
body.amenities a#button5,
body.amenities a#button6,
body.amenities a#button7,
body.amenities a#button8,
body.amenities a#button9 {
	color: #2E7088;
	font-size: 12px;
	display: block;
	height: 25px;
	margin: 0 30px;
	padding: 5px 0 0 30px;
	text-decoration: none;
}

body.amenities a#button1:hover,
body.amenities a#button2:hover,
body.amenities a#button3:hover,
body.amenities a#button4:hover,
body.amenities a#button5:hover,
body.amenities a#button6:hover,
body.amenities a#button7:hover,
body.amenities a#button8:hover,
body.amenities a#button9:hover {
	color: #83A779;
	font-size: 12px;
	display: block;
	height: 25px;
	margin: 0 30px;
	padding: 5px 0 0 30px;
	text-decoration: none;
}



/*-------------------
Quick Classes
---------------------*/

.fleft{float:left;}
.fright{float:right;}
.clear{clear:both;}

/*-------------------
Header
---------------------*/

#header {
	width: 100%;
	height: 122px;
	margin: 0 auto;
	background: url(../images/headerbgx.jpg) repeat-x;
}

	#headerwrap {
		width: 816px;
		height: 122px;
		margin: 0 auto;
		text-align: left;
	}
	
	#flash {
		width: 828px;
		height: 296px;
		margin: 0 0 10px 0;
		text-align: center;
		position:relative;
	}
	#flashholder{
		width:816px;
		height:340px;
		position:absolute;
		top:-29px;
		left:6px;
	}
	
	#flashholder1{
		width:810px;
		height:340px;
		position:absolute;
		top:0px;
		left:6px;
	}

#logobg {
	float: left;
	width: 264px;
	padding: 1px 0 0 0;
	margin: 0;
}

#menuholder {
	float: right;
	width: 550px;
	height: 45px;
	padding: 0;
}

#menu {
	width: 550px;
	height: 45px;
	list-style-type: none;
	display: inline;
}

#menu li {
	display: inline;
}

#menu span {
	display: none;
}

	#menu li a.overview {
		float: left;
		width: 94px;
		height: 45px;
		overflow: hidden;
		background: url(../images/btn_overview.jpg) no-repeat top left;
		display: block;
	}

	#menu li a.availability {
		float: left;
		width: 94px;
		height: 45px;
		overflow: hidden;
		background: url(../images/btn_availability.jpg) no-repeat top left;
		display: block;
	}
	
	#menu li a.amenities {
		float: left;
		width: 94px;
		height: 45px;
		overflow: hidden;
		background: url(../images/btn_amenities.jpg) no-repeat top left;
		display: block;
	}
	
	#menu li a.location {
		float: left;
		width: 88px;
		height: 45px;
		overflow: hidden;
		background: url(../images/btn_location.jpg) no-repeat top left;
		display: block;
	}
	
	#menu li a.gallery {
		float: left;
		width: 93px;
		height: 45px;
		overflow: hidden;
		background: url(../images/btn_renovations.jpg) no-repeat top left;
		display: block;
	}
	
	#menu li a.images {
		float: left;
		width: 93px;
		height: 45px;
		overflow: hidden;
		background: url(../images/btn_images.jpg) no-repeat top left;
		display: block;
	}
	
	#menu li a.contact {
		float: left;
		width: 83px;
		height: 45px;
		overflow: hidden;
		background: url(../images/btn_contact.jpg) no-repeat top left;
		display: block;
	}

#menu li a.overview:hover,
#menu li a.availability:hover,
#menu li a.amenities:hover,
#menu li a.location:hover,
#menu li a.gallery:hover,
#menu li a.images:hover,
#menu li a.contact:hover {
	background-position: bottom;
}

body.overview #menu li a.overview,
body.availability #menu li a.availability,
body.amenities #menu li a.amenities,
body.location #menu li a.location,
body.gallery #menu li a.gallery,
body.gallery #mneu li a.images,
body.contact #menu li a.contact {
	background-position: bottom;
}

#content {
	width: 100%;
	margin: 0 auto;
	background: url(../images/middlebgx.jpg) repeat-x;
}

	#contentwrap {
		width: 828px;
		background: url(../images/contentbg.gif) top left;
		margin: 0 auto;
		text-align: left;
	}

		#contentwrapbottom {
			width: 828px;
			background: url(../images/footerbg.jpg) no-repeat bottom left;
			padding: 10px 0;
			margin: 0 auto;
		}

/*-------------------
Content
---------------------*/

#contentleft {
	width: 255px;
	float: left;
	height: auto;
	padding: 0 0 0 5px;
}
	
	#smallboxtop {
		width: 250px;
		background: url(../images/smallboxtop.jpg) no-repeat top left;
		padding: 0;
		margin: 0 auto;
	}
	
	#smallboxcontent {
		width: 250px;
		height: auto;
		background: url(../images/smallboxbg.jpg) repeat-y;
		margin: 0 5px;
	}

	#smallboxbottom {
		width: 250px;
		background: url(../images/smallboxbottom.jpg) no-repeat bottom left;
		padding: 6px 0;
		margin: 0 auto;
	}
	
	body.location #smallboxtop,
	body.amenities #smallboxtop,
	body.availability #smallboxtop {
		width: 250px;
		background: url(../images/smallboxtop.gif) no-repeat top left;
		padding: 0;
		margin: 0 auto;
	}
	
	body.location #smallboxcontent,
	body.amenities #smallboxcontent,
	body.availability #smallboxcontent {
		width: 250px;
		height: auto;
		background: url(../images/smallboxbg.gif) repeat-y;
		margin: 3px 0 0 5px;
	}
	
	body.location #smallboxbottom,
	body.amenities #smallboxbottom,
	body.availability #smallboxbottom {
		width: 250px;
		background: url(../images/smallboxbottom.gif) no-repeat bottom left;
		padding: 15px 0;
		margin: 0 auto;
	}

#smallboxcontent #featuredimg {
	margin: 5px 0 0px 10px;
	_margin: 10px 0 0px 10px;
}

#smallboxcontent p {
	font-size: 11px;
	margin: -0px 10px 10px 10px;
}

#smallboxcontent h2 {
	font-size: 14px;
	padding: 5px 0 0 10px;
}

#contentright {
	width: 553px;
	height: auto;
	float: right;
	padding: 0 10px 0 0;
}

		body.overview #bigboxtop {
			width: 553px;
			height: 64px;
			background: url(../images/title/overview.jpg) no-repeat top right;
			padding: 0;
			margin: 0 auto;
		}
		
		body.availability #bigboxtop {
			width: 553px;
			height: 64px;
			background: url(../images/title/availability.jpg) no-repeat top right;
			padding: 0;
			margin: 0 auto;
		}
		
		body.amenities #bigboxtop {
			width: 553px;
			height: 64px;
			background: url(../images/title/amenities.jpg) no-repeat top right;
			padding: 0;
			margin: 0 auto;
		}
		
		body.location #bigboxtop {
			width: 553px;
			height: 64px;
			background: url(../images/title/location.jpg) no-repeat top right;
			padding: 0;
			margin: 0 auto;
		}
		
		body.gallery #bigboxtop {
			width: 553px;
			height: 64px;
			background: url(../images/title/gallery.jpg) no-repeat top right;
			padding: 0;
			margin: 0 auto;
		}
		
		/*body.gallery #bigboxtop {
			width: 553px;
			height: 64px;
			background: url(../images/title/progress.jpg) no-repeat top right;
			padding: 0;
			margin: 0 auto;
		}*/
		
		body.gallery #bigboxtopreno {
			width: 553px;
			height: 64px;
			background: url(../images/title/renderings.jpg) no-repeat top right;
			padding: 0;
			margin: 0 auto;
		}
		
		body.gallery #bigboxtopgall {
			width: 553px;
			height: 64px;
			background: url(../images/title/gallery.jpg) no-repeat top right;
			padding: 0;
			margin: 0 auto;
		}
		
		body.contact #bigboxtop {
			width: 553px;
			height: 64px;
			background: url(../images/title/contact.jpg) no-repeat top right;
			padding: 0;
			margin: 0 auto;
		}
		
		body.availability #bigboxtop2,
		body.amenities #bigboxtop2,
		body.location #bigboxtop2,
		body.gallery #bigboxtop2,
		body.contact #bigboxtop2 {
			width: 553px;
			height: 68px;
			background: url(../images/bigboxtop.gif) no-repeat top left;
			padding: 0;
		}
	
	#brochure {
		Width: 189px;
		float: right;
		padding: 15px 15px 0px 0px;
		margin: 0;
	}
	
	#bigboxcontent {
		width: 553px;
		background: url(../images/bigboxbg.jpg) repeat-y;
		padding: 0;
	}
	
	#bigboxcontent2 {
		width: 553px;
		background: url(../images/bigboxsides.gif) no-repeat top left;
		padding: 0;
	}
	
	body.overview #bigboxbottom {
		width: 553px;
		background: url(../images/bigboxbottom.jpg) no-repeat bottom right;
		padding: 0 0 20px 0;
	}

	body.availability #bigboxbottom,
	body.amenities #bigboxbottom,
	body.location #bigboxbottom,
	body.gallery #bigboxbottom,
	body.contact #bigboxbottom {
		width: 553px;
		background: url(../images/bigboxbottom.jpg) no-repeat bottom right;
		padding: 0 0 20px 0;
		min-height: 500px;
		_height: 500px;
	}
	
	

#bigboxcontent p {
	padding: 0 0 0 10px;
}

#contentpad {
	width: 550px;
	height: auto;
	padding: 0;
	margin: 0;
}

#contentpad p {
	padding: 5px 20px 0 20px;
}

#leftcontent {
	float: left;
	width: 250px;
	height: auto;
	padding: 0 0 0 15px;
}

#rightcontent {
	float: right;
	width: 250px;
	height: auto;
	padding: 0 15px 0 0;
}

#galleryimg {
	padding: 0 0 0 5px;
}

	#galleryimg img {
		border: 3px solid #cccccc;
		margin: 0 0 10px 15px;
	}

#gmaps_container {
	width: 510px;
	height: 375px;
	margin: 20px 0 0 20px;
}

#footer {
	width: 828px;
	height: auto;
	text-align: left;
	margin: 0 auto;
	padding: 5px 0;
}

	#footer p {
		font-size: 11px;
	}