/* 
	STYLE SHEET FOR GLOBALRENTAVILLA.COM SITE
Created by Andrew Purnell

Table Of Contents

	1. defaults
	2. main layout
	3. links
	4. fonts	
	
/* - 1. defaults - */

* {
	CLEAR: none;
	FONT-SIZE: 12px;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif
}

BODY {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color: #ffffff;
	font-size: 12px;
	margin: 0;
	padding: 0;
}

.BodyText {	color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin: 0;
	padding: 0;
}
  
/* - 2. main layout - */

#wrapper {
	WIDTH: 1000px;
	POSITION: relative;
	TEXT-ALIGN: left
}

#header {
	background-color: #FFFFCC;
	float: left;
	height: 100px;
	width: 1000px;
	clear: both;
	visibility: visible;
	overflow: visible;
	background-image: url(../images/jpg/grv-logo.jpg);
	background-repeat: no-repeat;
	background-position: 25px bottom;
}

#newheader {
	background-color: #FFFFCC;
	float: left;
	width: 1000px;
	height: 100px;
	clear: both;
	visibility: visible;
	overflow: visible;
	background-image: url(../images/jpg/grv-logo.jpg);
	background-repeat: no-repeat;
	background-position: 25px bottom;
}

#pscroller1{
	clear: both;
}

.someclass{
	background-color: #FEFEF3;
	float: left;
	margin-top: 6px;
	left: 260px;
	width: 525px;
	height: 70px;
	color: #0000FF;
	border: 1px double #0000cc;
	clear: both;
	padding-top: 5px;
	padding-right: 5px;
	padding-left: 5px;
}

#navigation {
	clear: both;
}

.navigation {
	background-color: #FFFFCC;
	height: 50px;
	width: 800px;
	padding-left: 25px;
	float: left;
	clear: both;
	padding-top: 0px;
}

#newnavigation {
	clear: both;
}

.newnavigation {
	background-color: #FFFFCC;
	height: 50px;
	clear: both;
}

.clock {
	background-color: #f9a21e;
}

#hpClock object{
	top:114px;
	margin-right: 30px;
	margin-top: 7px;
	position: absolute;
	background-color: #f9a21e;
	padding: 2px;
	clear: both;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: groove;
	border-right-style: groove;
	border-bottom-style: groove;
	border-left-style: groove;
}
.hpAdvertsPlaceholder 
#hpClock object{
	background-color: #f9a21e;
	clear: both;
}
.hpAdvertsResetTop 
#hpClock{
	float:right;
	clear:both;
	font-size:.92em;
	background-color: #f9a21e;
}
#hpClock object{
	position:absolute;
	top:7px;
	left:872px;
	background-color: #f9a21e;
	clear: both;
}
#hpClock p{
	text-align:right;
	margin-top: 15px;
	margin-right: 93px;
	margin-bottom: 0;
	margin-left: 0;
	background-color: #f9a21e;
	clear: both;
}

.Date {
	position: absolute;
	top: 84px;
	left:820px;
	width: 170px;
	height: 14px;
	color: #ff6600;
	text-align: center;
}

#Date {
	color: #ff6600;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}

.telephone {
	background-color: #FFFFCC;
	font-size: 14px;
	font-weight: bold;
	color: #0000cc;
}

.sponsors1 {
	background-image: url(../images/gif/sponsortabs200x50homepage.gif);
	top: 100px;
	width: 200px;
	left:0px;
	height: 50px;
}

.sponsors2 {
	position: absolute;
	top: 101px;
	left:800px;
	width: 200px;
	height: 50px;
}

#sponsors2 {
	background-image: url(../images/gif/sponsortabs200x50homepage.gif);
}

.newsponsors1 {
	background-image: url(../images/gif/sponsortabs200x50homepage.gif);
	width: 200px;
	height: 50px;
}

.newsponsors2 {
	width: 200px;
	height: 50px;
}

#newsponsors2 {
	background-image: url(../images/gif/sponsortabs200x50homepage.gif);
}

#contentcontainer {
}

.contentcontainer {
	top: 151px;
	height: 600px;
	width: 1000px;
}

#contentleft {
}

.contentleft {
	position: absolute;
	top: 151px;
	background-image: url(../images/advertisers/sidepanelpictures.gif);
	width: 200px;
	height: 600px;
	float: left;
	left: 0px;
}



.contentmiddle {
	position: absolute;
	top: 151px;
	width: 599px;
	overflow: hidden;
	left: 200px;
	float: left;
}

#contentright {
}

.contentright {
	position: absolute;
	top: 151px;
	width: 200px;
	height: 600px;
	overflow: visible;
	left: 800px;
	float: left;
}

#footer {
}

.footer {
	width: 595px;
	height: 25px;
	color: #ff6600;
	text-align: center;
}

#newfooter {
}

.newfooter {
	height: 24px;
	color: #ff6600;
	text-align: center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
}

/* - 3. links - */

a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FF6600;
}
a:link {
	text-decoration: none;
	color: #ff6600
;
}
a:visited {
	text-decoration: none;
	color: #ff6600
;
}
a:hover {
	text-decoration: underline;
	color: #ff6600
;
}
a:active {
	text-decoration: none;
	color: #ff6600
;
}

/* - 4. fonts - */

.countryselect {
	color: #ff6600;
	background-color: #FFFFCC;
	border: 1px solid #ff6600;
	clip: rect(auto,auto,auto,auto);
	clear: both;
	margin-top: 5px;
	margin-right: 6px;
	margin-bottom: 0px;
	margin-left: 6px;
}

.orangetext {
	color: #ff6600;
	background-color: #FFFFCC;
}

h1, h2, h3, h4, p {
}

h1 {
	margin-top: 3px;
	font-size: 1.2em;
	color: #0000cc;
	text-indent: 10px;
}

h2 {
}

h3 {
}
		
h4 {
}

p {
	padding-top: 5px;
	padding-left: 7px;
	padding-right: 7px;
}

li {
	padding-top: 5px;
	padding-left: 7px;
	padding-right: 7px;
}

#map {
	MARGIN: 50px 0px 0px 15px; WIDTH: 700px; POSITION: relative; HEIGHT: 503px
}
#map UL {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; LIST-STYLE-TYPE: none; POSITION: absolute; TOP: 0px
}
#map UL LI {
	POSITION: absolute
}

#map UL LI#plt {
	LEFT: 291px; WIDTH: 69px; TOP: 77px; HEIGHT: 70px
}
#map UL LI#mmne {
	LEFT: 130px; WIDTH: 200px; TOP: 306px; HEIGHT: 119px
}
#map UL LI#waverley {
	LEFT: 346px; WIDTH: 104px; TOP: 352px; HEIGHT: 104px
}

* HTML #map UL LI {
	POSITION: static
}
* HTML #map UL LI A.tl {
	POSITION: absolute
}

* HTML #map UL LI#plt A.tl {
	LEFT: 291px; TOP: 77px
}
* HTML #map UL LI#mmne A.tl {
	LEFT: 130px; TOP: 306px
}
* HTML #map UL LI#waverley A.tl {
	LEFT: 346px; TOP: 352px
}

#map UL LI A {
	TEXT-DECORATION: none
}
#map UL LI A.tl {
	DISPLAY: block; BACKGROUND: url(planets/transparent.gif); TEXT-INDENT: -9999px
}
#map UL LI A.tl:hover {
	Z-INDEX: 500
}
#map UL LI:hover {
	Z-INDEX: 500
}


#map UL LI#plt A.tl {
	WIDTH: 69px; HEIGHT: 70px
}
#map UL LI#plt A.tl:hover {
	BACKGROUND: url(planets/plt.jpg)
}
#map UL LI#plt:hover {
	BACKGROUND: url(planets/plt.jpg)
}
#map UL LI#mmne A.tl {
	WIDTH: 200px; HEIGHT: 119px
}
#map UL LI#mmne A.tl:hover {
	BACKGROUND: url(planets/mmne.jpg)
}
#map UL LI#mmne:hover {
	BACKGROUND: url(planets/mmne.jpg)
}
#map UL LI#waverley A.tl {
	WIDTH: 104px; HEIGHT: 104px
}
#map UL LI#waverley A.tl:hover {
	BACKGROUND: url(planets/waverley.jpg)
}
#map UL LI#waverley:hover {
	BACKGROUND: url(planets/waverley.jpg)
}

#map UL LI .xsnazzy {
	VISIBILITY: hidden
}
#map UL LI A .xsnazzy {
	VISIBILITY: hidden
}
* HTML #map UL LI A.tl:hover {
	BORDER-TOP-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; BORDER-RIGHT-WIDTH: 0px
}
* HTML #map UL LI A:hover .xsnazzy {
	VISIBILITY: visible
}
#map UL LI:hover .xsnazzy {
	VISIBILITY: visible
}
#map UL LI:hover .xsnazzy {
	BACKGROUND: url(http://www.cssplay.co.uk/menu/transparent.gif)
}
.xsnazzy {
	DISPLAY: block; POSITION: absolute; HEIGHT: auto; TEXT-ALIGN: center
}

#plt .xsnazzy {
	LEFT: -278px; WIDTH: 200px; TOP: 40px
}
#mmne .xsnazzy {
	LEFT: -236px; WIDTH: 200px; TOP: 104px
}
#waverley .xsnazzy {
	LEFT: -220px; WIDTH: 200px; TOP: 290px
}

.xsnazzy H1 {
	MARGIN: 0px 10px
}
.xsnazzy P {
	MARGIN: 0px 10px
}
.xsnazzy H1 {
	FONT-SIZE: 2.5em; COLOR: #6f9; BORDER-BOTTOM: #fff 1px solid; FONT-FAMILY: georgia, "times new roman", serif
}
.xsnazzy P {
	FONT-SIZE: 12px; PADDING-BOTTOM: 0.5em; COLOR: #eee; TEXT-ALIGN: left
}
.xsnazzy {
	BACKGROUND: none transparent scroll repeat 0% 0%; MARGIN: 1em
}
.xb1 {
	DISPLAY: block; FONT-SIZE: 0px; OVERFLOW: hidden
}
.xb2 {
	DISPLAY: block; FONT-SIZE: 0px; OVERFLOW: hidden
}
.xb3 {
	DISPLAY: block; FONT-SIZE: 0px; OVERFLOW: hidden
}
.xb4 {
	DISPLAY: block; FONT-SIZE: 0px; OVERFLOW: hidden
}
.xb5 {
	DISPLAY: block; FONT-SIZE: 0px; OVERFLOW: hidden
}
.xb6 {
	DISPLAY: block; FONT-SIZE: 0px; OVERFLOW: hidden
}
.xb7 {
	DISPLAY: block; FONT-SIZE: 0px; OVERFLOW: hidden
}
.xb1 {
	HEIGHT: 1px
}
.xb2 {
	HEIGHT: 1px
}
.xb3 {
	HEIGHT: 1px
}
.xb4 {
	HEIGHT: 1px
}
.xb5 {
	HEIGHT: 1px
}
.xb6 {
	HEIGHT: 1px
}
.xb4 {
	BORDER-RIGHT: #fff 1px solid; BACKGROUND: #ccc; BORDER-LEFT: #fff 1px solid
}
.xb5 {
	BORDER-RIGHT: #fff 1px solid; BACKGROUND: #ccc; BORDER-LEFT: #fff 1px solid
}
.xb6 {
	BORDER-RIGHT: #fff 1px solid; BACKGROUND: #ccc; BORDER-LEFT: #fff 1px solid
}
.xb7 {
	BORDER-RIGHT: #fff 1px solid; BACKGROUND: #ccc; BORDER-LEFT: #fff 1px solid
}
.xb1 {
	BACKGROUND: #fff; MARGIN: 0px 8px
}
.xb2 {
	BACKGROUND: #fff; MARGIN: 0px 6px
}
.xb3 {
	BACKGROUND: #fff; MARGIN: 0px 4px
}
.xb4 {
	BORDER-TOP-WIDTH: 0px; BORDER-LEFT-WIDTH: 5px; BACKGROUND: #7f7f9c; BORDER-BOTTOM-WIDTH: 0px; MARGIN: 0px 3px; BORDER-RIGHT-WIDTH: 5px
}
.xb5 {
	BORDER-TOP-WIDTH: 0px; BORDER-LEFT-WIDTH: 4px; BACKGROUND: #7f7f9c; BORDER-BOTTOM-WIDTH: 0px; MARGIN: 0px 2px; BORDER-RIGHT-WIDTH: 4px
}
.xb6 {
	BORDER-TOP-WIDTH: 0px; BORDER-LEFT-WIDTH: 3px; BACKGROUND: #7f7f9c; BORDER-BOTTOM-WIDTH: 0px; MARGIN: 0px 2px; BORDER-RIGHT-WIDTH: 3px
}
.xb7 {
	BORDER-TOP-WIDTH: 0px; BORDER-LEFT-WIDTH: 3px; BACKGROUND: #7f7f9c; BORDER-BOTTOM-WIDTH: 0px; MARGIN: 0px 1px; HEIGHT: 2px; BORDER-RIGHT-WIDTH: 3px
}
.xboxcontent {
	BORDER-RIGHT: #fff 3px solid; BORDER-TOP: #fff 0px solid; DISPLAY: block; BACKGROUND: #7f7f9c; BORDER-LEFT: #fff 3px solid; BORDER-BOTTOM: #fff 0px solid
}
.xboxcontent A {
	PADDING-RIGHT: 4px; DISPLAY: block; PADDING-LEFT: 4px; FONT-WEIGHT: bold; FONT-SIZE: 12px; PADDING-BOTTOM: 4px; COLOR: #ff0; TEXT-INDENT: 0px; PADDING-TOP: 4px
}
.xboxcontent A:visited {
	PADDING-RIGHT: 4px; DISPLAY: block; PADDING-LEFT: 4px; FONT-WEIGHT: bold; FONT-SIZE: 12px; PADDING-BOTTOM: 4px; COLOR: #ff0; TEXT-INDENT: 0px; PADDING-TOP: 4px
}
#map UL LI A:hover .xsnazzy .xboxcontent A:hover {
	COLOR: #fff
}
#map UL LI:hover .xsnazzy .xboxcontent A:hover {
	COLOR: #fff
}
.xsnazzy EM.point_top {
	DISPLAY: block; FONT-SIZE: 0px; BACKGROUND: url(planets/point.gif) center top; LEFT: 50px; WIDTH: 25px; POSITION: absolute; TOP: -11px; HEIGHT: 14px
}
.xsnazzy EM.point_bottom {
	DISPLAY: block; FONT-SIZE: 0px; RIGHT: -110px; BACKGROUND: url(planets/point.gif) center bottom; WIDTH: 100px; BOTTOM: -11px; POSITION: absolute; HEIGHT: 100px
}
* HTML .xsnazzy EM.point_bottom {
	BOTTOM: -2px
}
.xsnazzy EM.point_left {
	DISPLAY: block; FONT-SIZE: 0px; BACKGROUND: url(planets/point.gif) left center; LEFT: 268px; WIDTH: 100px; POSITION: absolute; TOP: -52px; HEIGHT: 100px
}
.xsnazzy EM.point_right {
	DISPLAY: block; FONT-SIZE: 0px; RIGHT: -11px; BACKGROUND: url(planets/point.gif) right center; WIDTH: 100px; POSITION: absolute; TOP: -14px; HEIGHT: 100px
}
* HTML .xsnazzy EM.point_right {
	RIGHT: -224px
}
.yellowrect {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #003ACC;
	background-color: #FFFFCC;
	height: 50px;
	width: 100px;
	text-align: center;
	clear: none;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	text-decoration: none;
	background-repeat: no-repeat;
}

.whiterect {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #003ACC;
	background-color: #FFFFFF;
	height: 50px;
	width: 100px;
	text-align: center;
}
.yellowsquare {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #003ACC;
	background-color: #FFFFCC;
	height: 100px;
	width: 100px;
	text-align: center;
}
.whitesquare {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #003ACC;
	background-color: #FFFFFF;
	height: 100px;
	width: 100px;
	text-align: center;
}