/* Main Elements of the Page */
html {
	background: transparent url(http://www.puertovallartacondo4rent.info/images/sand.jpg) repeat-x top; 
	min-height: 100%;
	width: 100%;
	height: 100%;
	overflow: auto;
	}
body {
	min-height: 100%;
	width: 100%;
	height: 100%;	/* "height" is a hack for IE5+/Win. */
	margin: 0;
	padding: 0;
}
html>body, html>body {	/* re-adjust "height" using child selector to hide from IE5+/Win */
	height: auto;		/* Without this, Moz1.0 adds a vertical scrollbar */
	}

/* Content Elements */
#container {
	position: relative;
	margin: auto;
	margin-top: 3%;
	background: transparent url(http://www.puertovallartacondo4rent.info/images/back.jpg) no-repeat bottom;
	width: 730px;
	height: 526px;
	}
#content {
	/* Scrollbar colors (IE only) */
	filter: chroma(color=#CCCCCC); /* allows the chosen color to be transparent - can only work if NOT in the HTML or BODY tags */
	scrollbar-3dlight-color: #CCCCCC;
	scrollbar-arrow-color: #fff;
	scrollbar-base-color: #CCCCCC;
	scrollbar-darkshadow-color: ;
	scrollbar-face-color: #CCCCCC;
	scrollbar-highlight-color: #fff;
	scrollbar-shadow-color: #CCCCCC;
	scrollbar-track-color: #CCCCCC;
	position: absolute; 
	top: 79px; 
	left: 120px;
	width: 468px;
	overflow: auto; 
	float: right;
	height: 344px;
	}
#content p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: .8em;
	line-height: 1.5em;
	letter-spacing: .0em;
	word-spacing: .1em;
	color: #000;
	margin: 10px 20px 0px 20px;
	}
ul {
	margin: 10px 20px 0px 20px;
	padding: 0px;
	list-style-type: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: .8em;
	line-height: 1.2em;
	letter-spacing: .0em;
	word-spacing: .1em;
	}

h1 {
	position: absolute; 
	top: 0px; 
	left: 0px;
	margin: 0px;
	padding: 0px;
	background: transparent url(http://www.puertovallartacondo4rent.info/images/top.jpg) no-repeat top left; 
	width: 100%; 
	height: 79px; 
	float: left;
	}
h1 span {
	display: none;
	}
h2 {
	margin: 20px 0px 10px 10px;
	clear: both;
	float: left;
	}
h2 span {
	display: none;
	}

/* Picture Details */
img {
	clear: left;
	float: left;
	margin: 10px 10px 10px 20px;
	}
.l {
	clear: left;
	float: left;
	margin: 20px 10px 10px 20px;
	}
.r {
	clear: right;
	float: right;
	margin: 20px 10px 10px 10px;
	}

acronym {
	border-bottom: none;
	border-bottom: 1px dashed #000;
	cursor: help;
	}

/* h2 Image Replacement Class Definitions */
.home {
	background: transparent url(http://www.puertovallartacondo4rent.info/images/home.gif) no-repeat left;
	width: 221px;
	height: 50px;
	}
.description {
	background: transparent url(http://www.puertovallartacondo4rent.info/images/description.gif) no-repeat left;
	width: 221px;
	height: 50px;
	}
.location {
	background: transparent url(http://www.puertovallartacondo4rent.info/images/location.gif) no-repeat left;
	width: 221px;
	height: 50px;
	}
.activities {
	background: transparent url(http://www.puertovallartacondo4rent.info/images/activities.gif) no-repeat left;
	width: 222px;
	height: 50px;
	}
.pricing {
	background: transparent url(http://www.puertovallartacondo4rent.info/images/pricing.gif) no-repeat left;
	width: 221px;
	height: 50px;
	}
.contact {
	background: transparent url(http://www.puertovallartacondo4rent.info/images/contact.gif) no-repeat left;
	width: 221px;
	height: 50px;
	}
.miscellaneous {
	background: transparent url(http://www.puertovallartacondo4rent.info/images/miscellaneous.gif) no-repeat left;
	width: 221px;
	height: 50px;
	}

/* Top Menu Sprites */
#topmenu {
    position: absolute;
	top: 55px;
	right: 115px;
    width: 355px;
	height: 24px;
    background: transparent url(http://www.puertovallartacondo4rent.info/images/TopMenu.gif) no-repeat top left;
    margin: 0px auto;
	padding: 0px;
	}
#topmenu li {
    position: absolute;
	top: 0;
    margin: 0px;
	padding: 0px;
	list-style: none;
	}
#topmenu li, #topmenu a {
    height: 24px;
	display: block;
	}
/* Top Menu Button Details */
#home {left: 0; width: 63px;}
#description {left: 64px; width: 112px;}
#location {left: 175px; width: 89px;}
#activities {left: 265px; width: 90px;}
#home a:hover {
	background: transparent url(http://www.puertovallartacondo4rent.info/images/TopMenu.gif) 0px -24px no-repeat;}
#description a:hover {
    background: transparent url(http://www.puertovallartacondo4rent.info/images/TopMenu.gif) -64px -24px no-repeat;}
#location a:hover {
    background: transparent url(http://www.puertovallartacondo4rent.info/images/TopMenu.gif) -175px -24px no-repeat;}
#activities a:hover {
    background: transparent url(http://www.puertovallartacondo4rent.info/images/TopMenu.gif) -265px -24px no-repeat;}

/* Right Menu Sprites */
#rightmenu {
    position: absolute;
	top: 79px;
	right: 113px;
    width: 29px;
	height: 281px;
    background: transparent url(http://www.puertovallartacondo4rent.info/images/RightMenu.gif) no-repeat top left;
    margin: 0px auto;
	padding: 0px;
	}
#rightmenu li {
    position: relative;
	top: 0;
    margin: 0px;
	padding: 0px;
	list-style: none;
	}
#rightmenu li, #rightmenu a {
    width: 29px;
	display: block;
	}
/* Right Menu Button Details */
#pricing a {top: 0; height: 68px;}
#contact a {top: 69px; height: 81px;}
#miscellaneous a {top: 150px; height: 131px;}
#pricing a:hover {
	background: transparent url(http://www.puertovallartacondo4rent.info/images/RightMenu.gif) -29px 0px no-repeat;}
#contact a:hover {
    background: transparent url(http://www.puertovallartacondo4rent.info/images/RightMenu.gif) -29px -68px no-repeat;}
#miscellaneous a:hover {
    background: transparent url(http://www.puertovallartacondo4rent.info/images/RightMenu.gif) -29px -149px no-repeat;}

/* Over Images */
.branch {
	position:absolute;
	top: 69px;
	left: 101px;
	z-index: 1;
	}
.trunk {
	position:absolute;
	top: 274px;
	left: 101px;
	z-index: 2;
	}
.wishing {
	position:absolute;
	top: 370px;
	left: 455px;
	z-index: 3;
	}