* {
	margin: 0;
	padding: 0;
}

body {
	font: 0.7em Tahoma, Geneva, Arial, sans-serif;
	margin: 0;
	padding: 0;
	background: #242021;
}

.align-right { float:right; margin: 4px 4px 15px 15px; }
.align-left { float:left; margin: 4px 15px 15px 4px; } 
.ie_fix a { text-decoration: none; } 

/* fix dotted line around when links are clicked in Firefox. */
/*   use this instead of focus blur method in the <a onFocus="if(this.blur)this.blur()" > */
/*   An issue is that you can't navigate a page without a mouse if you can't cycle links */
/*   Works for FF3 but not FF2 */

a:focus {-moz-outline: none;}
a { outline: transparent solid 0px; }

p {
	color: #dddddd;
	line-height: 150%;
	text-shadow: 2px 2px 1px #111111;
	margin-bottom: 8px;
}
p.photo {
	color: #dddddd;
	line-height: 150%;
	text-shadow: 2px 2px 1px #111111;
	margin-bottom: 12px;
}

p.phuket1 {
	color: #9aeb39;
	padding-bottom: 14px;
}
p.phuket2 {
	color: #dddddd;
	padding-bottom: 4px;
      line-height: 50%;
}
p.phuket6 {
	color: #dddddd;
	padding-bottom: 4px;
      padding-left: 92px;
      line-height: 50%;
}
p.phuket7 {
	color: #dddddd;
	padding-bottom: 4px;
      padding-left: 66px;
      line-height: 50%;
}

#foot p {
	margin: 442px 0px 0px 54px;
}

#head h1 {
	display: none;
}

#backdrop {
	height: 340px;
	width: 11100px;
	position: absolute;
	top: 100px;
	left: 0px;
	background: #353535 url('../images/backdrop.gif') top left repeat-x;
 }

#headertop {
	width: 1px;
	height: 100px;
	background: url('../images/dummy.gif') top right no-repeat;
	position: fixed;
	top: 0px;
	left: 0px;
      z-index: 0;
}

#navstub1 {
	width: 1px;
	height: 340px;
	background: #696969 url('../images/dummy.gif') top right no-repeat;
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 2;
 }
#navstub2 {
	width: 1px;
	height: 340px;
	background: #696969 url('../images/dummy.gif') top right no-repeat;
	position: absolute;
	top: 0px;
	left: 1700px;
	z-index: 2;
 }
#navstub3 {
	width: 1px;
	height: 340px;
	background: #696969 url('../images/dummy.gif') top right no-repeat;
	position: absolute;
	top: 0px;
	left: 3400px;
	z-index: 2;
 }

#navstub4 {
	width: 1px;
	height: 340px;
	background: #696969 url('../images/dummy.gif') top right no-repeat;
	position: absolute;
	top: 0px;
	left: 5100px;
	z-index: 2;
 }
#navstub5 {
	width: 1px;
	height: 340px;
	background: #696969 url('../images/dummy.gif') top right no-repeat;
	position: absolute;
	top: 0px;
	left: 6800px;
	z-index: 2;
 }
#navstub6 {
	width: 1px;
	height: 340px;
	background: #696969 url('../images/dummy.gif') top right no-repeat;
	position: absolute;
	top: 0px;
	left: 8500px;
	z-index: 2;
 }
.content {
	float: left;
	display: inline;
	padding-left: 4px;
	padding-top: 7px;
	width: 470px;
      height: 286px;
    	margin-right: 120px;
	margin-left: 110px;
}
.content2 {
	float: left;
	display: inline;
	padding-left: 10px;
	padding-top: 1px;
	width: 470px;
      height: 286px;
    	margin-right: 120px;
	margin-left: 110px;
}

#villaintroduction {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 740px;
      height: 340px;
	background: #555555 url('../images/phuket-background.gif') 0px 0px no-repeat;
      z-index: 1;
}
#villadetails {
	position: absolute;
	top: 0px;
	left: 1700px;
	width: 740px;
      height: 340px;
	background: #555555 url('../images/phuket-background.gif') 0px 0px no-repeat;
      z-index: 1;
}

#villamap {
	position: absolute;
	top: 0px;
	left: 3400px;
	width: 740px;
      height: 340px;
	background: #555555 url('../images/phuket-background.gif') 0px 0px no-repeat;
      z-index: 1;
}
#villaaerial {
	position: absolute;
	top: 0px;
	left: 5100px;
	width: 740px;
      height: 340px;
	background: #555555 url('../images/phuket-background.gif') 0px 0px no-repeat;
      z-index: 1;
}
#villaphoto {
	position: absolute;
	top: 0px;
	left: 6800px;
	width: 740px;
      height: 340px;
	background: #555555 url('../images/phuket-background.gif') 0px 0px no-repeat;
      z-index: 1;
}

#villacontact {
	position: absolute;
	top: 0px;
	left: 8500px;
	width: 740px;
      height: 340px;
	background: #555555 url('../images/phuket-background.gif') 0px 0px no-repeat;
      z-index: 1;
}

/* Navigation */

.navbar {
	width: 21px;
	height: 330px;
	margin-left: 18px;
	margin-top: 6px;
      background: #999999;
}

.next-btn {
	width: 31px;
	height: 340px;
	float: left;
}

#last-gap {
	width: 31px;
	height: 340px;
	float: left;
	background: url('../images/lastgap.jpg') top left no-repeat;
}

.back-btn {
	width: 38px;
	height: 39px;
	position: absolute;
	bottom: -5px;
	left: 9159px;
      z-index: 2;
}

ul.navi {
	list-style: none;
	margin: 0;
	padding: 0;
}

ul.navi li {
	margin: 0;
	padding: 0;
	background: none;
}

ul.navi li a {
	display: block;
	height: 54px;
	width: 20px;
	background-position: top left;
	background-repeat: no-repeat;
}

ul.navi li.nav-villaintroduction a {
	background-image: url('../images/nav-introduction.gif');
	text-indent: -9600px;
}
ul.navi li.nav-villadetails a {
	background-image: url('../images/nav-details.gif');
	text-indent: -9600px;
}
ul.navi li.nav-villamap a {
	background-image: url('../images/nav-location.gif');
	text-indent: -9600px;
}
ul.navi li.nav-villaaerial a {
	background-image: url('../images/nav-aerial.gif');
	text-indent: -9600px;
}
ul.navi li.nav-villaphoto a {
	background-image: url('../images/nav-photos.gif');
	text-indent: -9600px;
}
ul.navi li.nav-villacontact a {
	background-image: url('../images/nav-contact.gif');
	text-indent: -9600px;
}

ul.navi li.nav-next a {
	background-image: url('../images/button-next.jpg');
	text-indent: -9600px;
	width: 31px;
	height: 340px;
}

ul.navi li.nav-back a {
	background-image: url('../images/button-back.jpg');
	text-indent: -9600px;
	width: 38px;
	height: 39px;
}
ul.navi li a:hover {
	background-position: 0 -54px;
}
ul.navi li.nav-next a:hover {
	background-position: 0 -340px;
}
ul.navi li.nav-back a:hover {
	background-position: 0 -39px;
}
ul.navi li h3 {
	font-size: 1px;
	color: #353535;
}

/* Links */

a, a:link {
	color: #9aeb39;
	text-decoration: none;
	font-weight: bold;
}
a:visited {
	color: #9aeb39;
	text-decoration: none;
	font-weight: normal;
}
a:hover {
	color: #ffffff;
	text-decoration: none;
}

DIV#photowrapper {
	MARGIN: 0px auto;
}
DIV#photo {
	PADDING-LEFT: 0px; MARGIN: 0px auto; PADDING-TOP: 0px
}
.thumbnail {
	BORDER-RIGHT: #242021 1px solid; BORDER-TOP: #242021 1px solid; BORDER-LEFT: #999999 1px solid; BORDER-BOTTOM: #999999 1px solid; FILTER: Alpha(opacity=100); -moz-opacity: 1.0
}
A.thumbnail {
	BORDER-RIGHT: #999999 1px solid; BORDER-TOP: #999999 1px solid; BORDER-LEFT: #999999 1px solid; BORDER-BOTTOM: #999999 1px solid; FILTER: Alpha(opacity=100); -moz-opacity: 1.0
}
A.thumbnail IMG {
	BORDER-RIGHT: #faf8f0 1px solid; BORDER-TOP: #faf8f0 1px solid; BORDER-LEFT: #faf8f0 1px solid; BORDER-BOTTOM: #faf8f0 1px solid; FILTER: Alpha(opacity=100); -moz-opacity: 1.0
}
A.thumbnail:hover {
	BORDER-RIGHT: #242021 1px; BORDER-LEFT: #242021 1px; BORDER-BOTTOM: #242021 1px; BORDER-TOP: #242021 1px; FILTER: Alpha(opacity=50); -moz-opacity: 0.5
}
A.thumbnail:hover IMG {
	BORDER-RIGHT: #242021 1px; BORDER-TOP: #242021 1px; BORDER-LEFT: #242021 1px; BORDER-BOTTOM: #242021 1px; FILTER: Alpha(opacity=50); -moz-opacity: 0.5
}
.bigpicture {
	BORDER-RIGHT: #ffffff 1px solid; BORDER-LEFT: #ffffff 1px solid; BORDER-TOP: #ffffff 1px solid; BORDER-BOTTOM: #ffffff 1px solid;
}