@charset "utf-8";
body {
	font: 13px Verdana, Arial, Helvetica, sans-serif;
	color:#996633;
	background: url(images/bodybg.jpg);
	margin: 0 auto; 
	padding: 0;
	text-align: center;
}
h3 {
	font-size:16px;
	font-weight:bold;
}
h1 {
	font-size:18px;
}
.newsfont {
	color:#996633;
}
*html img#newsimages {
	margin-left:-8px;
	border:solid 1px #663300;
}
img#newsimages {
	margin-left:1px;
	border:solid 1px #663300;
}
a {
	color:#996633;
	text-decoration:none;
}
a:hover {
	color:#663300;
	text-decoration:underline;
}

font#allnews {
	
}
div#container {
	width: 100%;
	margin: 0 auto;
	text-align: left;
}
div#top1 {
	width:100%;
	background:url(images/tbg1.jpg);
}
div#top2 {
	width:100%;
	background:url(images/tbg3.jpg);
}
div#top3 {
	width:100%;
	background:url(images/tbg2.jpg);
}
div#middle {
	width:100%;
	background:url(images/contentinsidebg.jpg);
}
div#bottom {
	width:100%;
	background:url(images/bbg1.jpg);
}
div#header {
	width:956px;
	height:58px;
	margin: 0 auto;
}
div#topl {
	height:58px;
	width:15px;
	background-image: url(images/tl.jpg);
	background-repeat: no-repeat;
	float:left;
}
div#topl {
	height:58px;
	width:15px;
	background-image: url(images/tl.jpg);
	background-repeat: no-repeat;
	float:left;
}
div#topr {
	height:58px;
	width:15px;
	background-image: url(images/tr.jpg);
	background-repeat: no-repeat;
	float:right;
}
div#mainlinkcontaint {
background: url(images/tbg3.jpg);
	width:956px;
	height:27px;
	margin: 0 auto;
}
div#mainlink {
	width:900px;
	height:27px;
	float:left;

}
div#topl2 {
	height:27px;
	width:15px;
	background-image: url(images/topml.jpg);
	background-repeat: no-repeat;
	float:left;
}
div#topr2 {
	height:27px;
	width:15px;
	background-image: url(images/topmr.jpg);
	background-repeat: no-repeat;
	float:right;
}
div#headercontent {
	width:956px;
	height:171px;
	margin: 0 auto;
}
div#topl3 {
	height:171px;
	width:15px;
	background-image: url(images/tl2.jpg);
	background-repeat: no-repeat;
	float:left;
}
div#topr3 {
	height:171px;
	width:11px;
	background-image: url(images/tr2a.jpg);
	background-repeat: no-repeat;
	float:right;
}
div#middlecontent {
	width:956px;
	background:url(images/maincontentbg.jpg);
	margin: 0 auto;
}
div#mainContent {
	position: relative;
	width: 910px;
	margin: 0 auto;
	text-align: left; 
	padding: 5px 40px 5px 0;
}
*html div#villasbox {
	position: absolute;
	top: 36px;
	left: 18px;
	width: 155px;
	padding: 5px 10px 5px 0;
}
div#villasbox {
	position: absolute;
	top: 50px;
	left: 18px;
	width: 155px;
	padding: 5px 10px 5px 0;
}
div#mainContainer {
	margin: 0 160px;
}
div#mainContainerCategory {
	margin: 0 160px;
	margin-right:0px;
}


div#newsContainer {
	position: absolute;
	top: 40px;
	right: 0;
	width: 180px; 
	padding: 0 10px 15px 0;
}
*html div#newsContainer {
	position: absolute;
	top: 40px;
	right: 0;
	width: 185px; 
	padding: 0 0 15px 0;
}
div#bottomcontaint {
	width:956px; 
	height:74px;
	margin: 0 auto;
}
div#bottoml {
	height:74px;
	width:15px;
	background-image: url(images/bl.jpg);
	background-repeat: no-repeat;
	float:left;
}
div#bottomr {
	height:74px;
	width:15px;
	background-image: url(images/br.jpg);
	background-repeat: no-repeat;
	float:right;
}
ul#mainlink {
	margin-left: -40px;
	margin-top:2px;
}
*html ul#mainlink {
	margin-left: 0px;
	margin-bottom:-10px;
}
li#home a{
	background: url(images/home1.jpg) no-repeat;
	width:65px;
	height:27px;
	float:left;
	margin-top:-2px;
	text-indent:-9999px;
}
li#home a:hover {
	background: url(images/home.jpg) no-repeat;
	width:65px;
	height:27px;
	float:left;
	margin-top:-2px;
}
li#aboutus a {
	background: url(images/aboutus1.jpg) no-repeat;
	width:90px;
	height:27px;
	float:left;
	margin-top:-2px;
	text-indent:-9999px;
}
li#aboutus a:hover {
	background: url(images/aboutus.jpg) no-repeat;
	width:90px;
	height:27px;
	float:left;
	margin-top:-2px;
}
li#termsnconditions a {
	background: url(images/tnc1.jpg) no-repeat;
	width:163px;
	height:27px;
	float:left;
	margin-top:-2px;
	text-indent:-9999px
}
li#termsnconditions a:hover {
	background: url(images/tnc.jpg) no-repeat;
	width:163px;
	height:27px;
	float:left;
	margin-top:-2px;
}
li#register a {
	background: url(images/register1.jpg) no-repeat;
	width:84px;
	height:27px;
	float:left;
	margin-top:-2px;
	text-indent:-9999px
}
li#register a:hover {
	background: url(images/register.jpg) no-repeat;
	width:84px;
	height:27px;
	float:left;
	margin-top:-2px;
}

li#myaccount a {
	background: url(images/account.jpg) no-repeat;
	width:109px;
	height:27px;
	float:left;
	margin-top:-2px;
	text-indent:-9999px
}
li#myaccount a:hover {
	background: url(images/account1.jpg) no-repeat;
	width:109px;
	height:27px;
	float:left;
	margin-top:-2px;
}
li#baliactive a {
	background: url(images/baliactive1.jpg) no-repeat;
	width:99px;
	height:27px;
	float:left;
	margin-top:-2px;
	text-indent:-9999px;
}
li#baliactive a:hover {
	background: url(images/baliactive.jpg) no-repeat;
	width:99px;
	height:27px;
	float:left;
	margin-top:-2px;
}
li#contactus a {
	background: url(images/contactus1.jpg) no-repeat;
	width:102px;
	height:27px;
	float:left;
	margin-top:-2px;
	text-indent:-9999px;
}
li#contactus a:hover {
	background: url(images/contactus.jpg) no-repeat;
	width:102px;
	height:27px;
	float:left;
	margin-top:-2px;
}
ul#mainlink li {
	display:inline;
	list-style: none;
}
div#footer {
	width:926px;
	margin: 0 auto;
	text-align:center;
	padding-top:12px;
	float:left;
	font-size:12px;
	font-weight:bold;
	color:#663300;
}
div#boxlogo {
	width:308px;
	height:171px;
	float:left;
}
div#logo {
	width: 308px;
	height:100px;
	background: url(images/logo.jpg) no-repeat;
}
div#login {
	width:180px;
	height:71px;
	position:absolute;
}
.login {
	width: 150px;
	height:25px;
	background:url(images/usernamebg.jpg) no-repeat;
	border:none;
	padding-left:10px;
	padding-top:4px;
	margin-left:4px;
}
.password {
	width: 99px;
	height:25px;
	background:url(images/passwordbg.jpg) no-repeat;
	border:none;
	padding-top:4px;
	padding-left:10px;
	margin-left:4px;
}
.newsletter {
	width: 122px;
	height:25px;
	background:url(images/subscribebg.jpg) no-repeat;
	border:none;
	padding-top:4px;
	padding-left:10px;
}
.newsok {
	background:url(images/subscribeok_btn.jpg) no-repeat;
	width:40px;
	height:25px;
	border:none;
}
div#boxsubscribe {
	width:170px;
	height:125px;
}
*html div#boxsubscribe {
	width:185px;
	height:125px;
}
div#emailsubs {
	width:122px;
	float:left;
}
div#subscribeok {
	width:40px;
	margin-right:6px;
	float:right;
}
*html div#subscribeok {
	width:40px;
	padding-left:-6px;
}



*html .loginbtn {
	width:51px;
	height:25px;
	background:url(images/login_btn.jpg) no-repeat;
	margin-top:1px;
	position:absolute;
	margin-left:-10px;
	border:none;
	text-indent:-9999px;
	word-spacing:-9999px;
}
.loginbtn {
	width:51px;
	height:25px;
	background:url(images/login_btn.jpg) no-repeat;
	position:absolute;
	margin-left:-10px;
	border:none;
	text-indent:-9999px;
	word-spacing:-9999px;
}
*html .loginbtn {
	width:51px;
	height:25px;
	background:url(images/login_btn.jpg) no-repeat;
	position:absolute;
	margin-left:-16px;
	border:none;
	text-indent:-9999px;
	word-spacing:-9999px;
}
div#boxflash {
	width:618px;
	height:171px;
	background:url(images/flash6.jpg) no-repeat;
	float:left;
	margin-left:4px;
}

ul#villasCategory{
	margin-left:-38px;
}
*html ul#villasCategory{
	margin-left:2px;
}
ul#villasCategory li {
	list-style:none;
	padding-bottom:5px;
}
ul#villasCategory a {
	text-decoration:none;
	color:#663300;
	font-size:14px;
	font-weight:bold;
}
ul#villasCategory li a:hover {
	text-decoration:underline;
	color:#663300;
	font-size:14px;
	font-weight:bold;
}
p#home {
	font-style:italic;
}
img#briefImage {
	width:350px;
	height:220px;
	border-top:solid 1px #663300;
	border-bottom:solid 1px #663300;
	border-left:solid 1px #663300;
	border-right:solid 1px #663300;
	margin-bottom:8px;
}
div#vB4 {
	width:350px;
}
div#vB3 {
	width:350px;
}
.moredetails {
	color:#663300;
	font-weight:bold;
}

div#villasDetailed {width:100%;}
div#vDtop {width:100%; height:50px;}
div#villasName {margin-top:20px; width:100%;}
div#villasReservation {width:200px; text-align:right; float:right;}
div#villaDescription {width:700px;}
div#villaInfoQuestion {width:700px;}
#wrap {
	width:100%;
	height:410px;
	padding-top: 20px;
	margin-left:-6px;
}
#previews {
	margin-bottom: 5px;
	width: 200px;
	float: left;
	margin-right: 10px;
}
#gallerySelect { width: 180px; }
#controls {	margin:0 auto 10px 8px; padding-bottom:35px; }
#controls li {font-size:11px}
*html #controls li .nextBtn {margin-left:-2px;}
#galleries {	margin:0 auto 20px auto; }
#galleries label { padding-bottom: 2px; }

#galleryLinks a {
	color: white;
	text-decoration: none;
}

#transport {
	margin: 0;
	padding: 0;
	list-style: none;
}
#transport li {
	float: left;
	margin: 0;
	padding: 0;
	text-align: center;
}
#transport a {
	text-decoration: none;
	text-transform: uppercase;
	font-size: 85%;
	font-weight: bold;
	letter-spacing: 0.1em;
	margin: 0 2px 1px 0;
	padding: 4px 8px;
	width: 64px;
	float: left;
	display: block;
	-moz-user-select: none;
	-khtml-user-select: none;
}
#transport li#playandstop a {
	text-decoration: none;
	text-transform: uppercase;
	font-size: 85%;
	font-weight: bold;
	letter-spacing: 0.1em;
	margin: 0 1px 0 0;
	padding: 4px 8px;
	width: 148px;
	float: left;
	display: block;
	-moz-user-select: none;
	-khtml-user-select: none;
}
#transport a:link {
	background: #666;
	color: #fff;
	border-top: solid 1px #999;
	border-right: solid 1px #404040;
	border-bottom: solid 1px #3a3a3a;
	border-left: solid 1px #404040;
}
#transport a:visited {
	background: #666;
	color: #fff;
	border-top: solid 1px #999;
	border-right: solid 1px #404040;
	border-bottom: solid 1px #3a3a3a;
	border-left: solid 1px #404040;
}
#transport a:hover {
	background: #666;
	color: #000;
	border-top: solid 1px #999;
	border-right: solid 1px #404040;
	border-bottom: solid 1px #3a3a3a;
	border-left: solid 1px #404040;
}
#transport a:focus {
	-moz-user-select: none;
	-khtml-user-select: none;
}

#transport .playBtn .pauseLabel, #transport .pauseBtn .playLabel {
	display: none;
}
#thumbnails {
	clear: both;
	margin: 10px auto;
}
*html #thumbnails div {
	position: relative;
	width: 74px;
	height: 48px;
	float: left;
	margin: 8px;
	padding: 0;
	float: left;
	display:inline;
}
#thumbnails div {
	position: relative;
	width: 74px;
	height: 49px;
	float: left;
	margin: 8px;
	padding: 0;
	float: left;
	display:inline;
}

#thumbnails img {
	width: 74px;
	height: 50px;
	position: absolute;
	border-top: solid 1px #999;
	border-right: solid 1px #404040;
	border-bottom: solid 1px #333;
	border-left: solid 1px #404040;
}
#picture {
	padding: 0px;
	width: 500px;
	float: left;
}
*html #picture {
	padding: 0px;
	width: 500px;
	margin-right:-20px;
	float: left;
}

#mainImageOutline {
	margin: 0 auto;
	padding: 0;
	background: url(images/bodybg.jpg);
	overflow: hidden; 
	width: 0px;
	height: 0px;
}
#mainImage {
	width: 100%;
	height: 100%;
	margin-bottom:60px;
}
input#emailInput {
	width:400px;	
}
textarea#emailText {
	width:400px;	
}

#picture img {	border: 1px solid #999; }
.selectedThumbnail {  border: solid 2px #fc0 !important; }
.inFocus {  border: solid 1px #fc0 !important; }
div#register{width:580px; height:520px;}
div#register div{ margin-top:2px; margin-bottom:2px; height:22px;}
div#register div#strtAdd{width:580px; height:68px; position:relative; float:left}
div#register input { width:200px;}
div#register select { width:200px;}
div#register textarea { width:200px; height:60px;}
div#register input#newsSubscribe { width:20px; margin-left:-3px;}
div#register input#regOk{width: 99px;}
div#register input#regReset{width: 98px;}

div#apDiv1{ width: 580px; height:30px; float:left; margin-top:10px;}
div#apDiv2{ width: 240px; float:left}
div#apDiv3{ width: 340px; float:right}
div#apDiv4{ width: 240px; float:left}
div#apDiv5{ width: 340px; float:right}
div#apDiv6{ width: 240px; float:left}
div#apDiv7{ width: 340px; float:right}
div#apDiv8{ width: 580px; height:30px; float:left; margin-top:10px;}
div#apDiv9{ width: 240px; float:left}
div#apDiv10{ width: 340px; float:right}
div#apDiv11{ width: 240px; float:left}
div#apDiv12{ width: 340px; float:right}
div#apDiv13{ width: 240px; float:left}
div#apDiv14{ width: 340px; float:right}
div#apDiv15{ width: 240px; float:left}
div#apDiv16{ width: 340px; float:right}
div#apDiv17{ width: 240px; float:left}
div#apDiv18{ width: 340px; float:right}
div#apDiv19{ width: 240px; float:left}
div#apDiv20{ width: 340px; float:right}
div#apDiv21{ width: 240px; float:left}
div#apDiv22{ width: 340px; float:right}
div#apDiv23{ width: 240px; float:left}
div#apDiv24{ width: 340px; float:right}
div#apDiv25{ width: 240px; float:left}
div#apDiv26{ width: 340px; float:right}
div#apDiv27{ width: 240px; float:left}
div#apDiv28{ width: 340px; float:right}
div#apDiv29{ width: 240px; float:left; height:30px; float:left; margin-top:10px;}
div#apDiv30{ width: 340px; float:right}
div#apDiv31{ width: 240px; float:left}
div#apDiv32{ width: 340px; float:right}
div#apDiv34{ width: 340px; float:right; padding-top:20px;}
p#login{text-align:center; font-weight:bold; font-size:14px; margin-top:30px;}

table#reservation tr {
	height:26px;
}
select#resSelect{margin-left:5px; margin-right:5px;}
p#resComment{margin-top:20px;}
ul#ul li {list-style:decimal; margin-left:-14px;}

.specialvillapictures {
	width:280px;
	height:180px;
	border:none;
	border-top:solid 1px #663300;
	border-bottom:solid 1px #663300;
	border-left:solid 1px #663300;
	border-right:solid 1px #663300;

}
table#specialvillas {
	margin-left:-8px;
}
.specialvillaslink {
	font-weight:bold;
}
p#break {
	height:40px;
}
table#user_account {
	margin-left:60px;
	margin-top:20px;
}