body {
	background-image: url(../images/bg_sand.jpg);
	margin: 0px;
	padding: 0px;
	font-size: 16px;
	font-family: Georgia, "Times New Roman", Times, serif;
}

a:link {
	color: #02B4B8;
}

th {
	background-color: #046f7b;
	color: #FFFFFF;
	background-image: url(../images/bg-th.gif);
	text-align: center;
	font-weight: normal;
	font-size:	0.8em;
	vertical-align:	bottom;
}

td {
	vertical-align:	top;
}

img {
	border: 	0px;
}

img.with_border {
	border: 1px solid #02B4B8;	
	
}

.content {
	background-image: url(../images/st_john_villas_main_06.jpg);
	vertical-align: top;
}

.content #content {
	margin-left: 10px;
	margin-right: 10px;
}

.navmenu {
	background-image: 	url(../images/bg_navmenu.jpg);
	vertical-align: 	top;
}

.content #content #villa {
	text-align: center;
	width: 735px;
}

.content #content #villa img {

}

.content #content #images {
	width: 735px;
	margin: 0px;
}

.content #content #rates {
	width: 735px;
	padding: 2px;
}

.content #content #policies {
	text-align: center;
	vertical-align: top;
	width: 735px;
}

.content #content #villarates th {
	font-size: 14px;
}

.content #content #villarates {
	width: 735px;
	padding: 2px;
}

.content #content #villarates td {
	font-weight: bold;
	text-align: center;
	font-size: 12px;
	background-color: #FFFFFF;
}

.headertable  {
	border-collapse: collapse;
	width:			 	100%;
}

.headertable td {
	padding: 0px;
}

.sortimages {
	width: 				16px;
	padding:			1px;
	border:				0px;
	margin-left:		5px;
	height:				100%;
}

#specialoffer {
	font-size:			1.0em;
	color:				#800;
}

.icon_specialoffer_rates {
	position: 			absolute; 
	top: 				4px; 
	left: 				100px;
}

.icon_specialoffer_homes {
	position: 			absolute; 
	top: 				4px; 
	left: 				170px;
}

#map_homes {
	font-size:			0.6em;
	font-weight:		bold;
}

#map_homes ul {
	list-style-type:	none;
	padding:			0px;
}

#map_container {
}

#images div {
	margin:			2px;
	float:			left;
}

.frame {
	border-collapse:	collapse;
	border:				0px;
	position: 			absolute;
}

.frame td {
	padding:			0px;
}

.frame_c {
	background-color:	white;
	font-size:			0.9em;
}

.frame_c img {
	margin:				0px;
	padding:			0px;
}

.frame_tl {
	background-image:	url( ../images/frame.png );
	background-position:	0px 0px;
	background-repeat:	no-repeat;
	height:				12px;
	width:				12px;
	font-size:			1px;
}

.frame_t {
	background-image:	url( ../images/frame.png );
	background-position: 0px -48px;
	background-repeat:	repeat-x;
	height:				12px;
}

.frame_tr {
	background-image:	url( ../images/frame.png );
	background-position: -12px 0px;
	background-repeat:	no-repeat;
	height:				12px;
	width:				12px;
}

.frame_l {
	background-image:	url( ../images/frame.png );
	background-position: 0px -72px;
	background-repeat:	repeat-y;
	height:				12px;
	font-size:			1px;
}

.frame_r {
	background-image:	url( ../images/frame.png );
	background-position: -12px -72px;
	background-repeat:	repeat-y;
	height:				12px;
	font-size:			1px;
}

.frame_bl {
	background-image:	url( ../images/frame.png );
	background-position:	0px -12px;
	background-repeat:	no-repeat;
	height:				12px;
	width:				12px;
	font-size:			1px;
}

.frame_b {
	background-image:	url( ../images/frame.png );
	background-position: 0px -60px;
	background-repeat:	repeat-x;
	height:				12px;
	font-size:			1px;
}

.frame_br {
	background-image:	url( ../images/frame.png );
	background-position:	-12px -12px;
	background-repeat:	no-repeat;
	height:				12px;
	width:				12px;
	font-size:			1px;
}


.frame_tla {
	background-image:	url( ../images/frame.png );
	background-position:	0px -24px;
	background-repeat:	no-repeat;
	height:				12px;
	width:				12px;
	font-size:			1px;
}

.frame_tra {
	background-image:	url( ../images/frame.png );
	background-position:	-12px -24px;
	background-repeat:	no-repeat;
	height:				12px;
	width:				12px;
	font-size:			1px;
}


.frame_bla {
	background-image:	url( ../images/frame.png );
	background-position:	0px -36px;
	background-repeat:	no-repeat;
	height:				12px;
	width:				12px;
	font-size:			1px;
}

.frame_bra {
	background-image:	url( ../images/frame.png );
	background-position:	-12px -36px;
	background-repeat:	no-repeat;
	height:				12px;
	width:				12px;
	font-size:			1px;
}

h1 {
	font-size: 18px;
	margin-top: 0px;
	margin-bottom: 5px;
	text-align: center;
}

h2 {
	font-size: 16px;
	margin-top: 0px;
	margin-bottom: 5px;
}

h4 {
	margin-top: 0px;
	margin-bottom: 5px;
}

* html .ie6pngfix  {
position:relative;
behavior: expression((this.runtimeStyle.behavior="none")&&(this.pngSet?this.pngSet=true:(this.nodeName == "IMG" && this.src.toLowerCase().indexOf('.png')>-1?(this.runtimeStyle.backgroundImage = "none",
this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "', sizingMethod='image')",
this.src = "images/transparent.gif"):(this.origBg = this.origBg? this.origBg :this.currentStyle.backgroundImage.toString().replace('url("','').replace('")',''),
this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.origBg + "', sizingMethod='crop')",
this.runtimeStyle.backgroundImage = "none")),this.pngSet=true));
}