* {
margin:0;
padding:0;
}

*
body {
	color:#666;
	background-color:#fff;
	background-repeat:no-repeat;
	margin-top:20px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.74em;
	border:thin 1px #F8F8F8;
	background-image: url(../images/balivillas-head2.jpg);
}

h1 {
font-size:3em;
font-weight:400;
float:right;
}

h1 a {
text-decoration:none;
}

h2 {
font-size:2em;
color:#00ADEF;
font-weight:400;
margin:0 0 .8em;
}

h3 {
font-size:1.3em;
border-bottom:1px solid #eee;
margin:4px 0 0.5em;
}

h4 {
font-size:1.3em;
border-bottom:1px solid #eee;
text-align:right;
margin:4px 0 0.5em;
}

p {
line-height:1.8em;
margin:0 0 2em;
}

em {
border-bottom:1px dotted #fff;
cursor:pointer;
}

a {
color:#008FC6;
text-decoration:none;
}

a:hover {
color:#00ADEF;
text-decoration:underline;
}

img {
border:0;
}

.red {
color:#00ADEF;
}

.white {
color:#fff;
}

.red2 {
color:#900;
}

.wrap {
width:900px;
float:left;
}

#header {
width:874px;
height:79px;
padding-left:20px;
text-align:right;
padding-right:10px;
margin:0;
}

#teaser {
clear:both;
height:208px;
background-color:#fff;
background-image:url(../images/balivillas-menu3.jpg);
background-repeat:no-repeat;
float:left;
}

.box {
float:left;
width:345px;
color:#666;
margin-left:25px;
font-family:Verdana, Arial, Helvetica, sans-serif, "Arial Narrow";
font-size:10px;
padding:10px 0 0;
}

#image {
float:right;
width:496px;
position:relative;
top:0;
height:208px;
}

#bar {
height:27px;
background-image:url(../images/bgbottom.jpg);
background-repeat:no-repeat;
float:left;
margin:0 0 5px;
padding:0;
}

.step {
cursor:pointer;
color:#FAFDDD;
font-size:1.4em;
float:left;
text-align:center;
background:url(../images/step.gif) no-repeat;
height:30px;
margin:0 35px 0 0;
padding:4px 0 0 11px;
}

.step a {
color:#fff;
margin:0 10px 0 0;
}

#main {
float:left;
width:660px;
margin-left:16px;
}

.mainright1 {
width:30%;
float:left;
padding-bottom:10px;
padding-top:5px;
font-family:Verdana, Arial, Helvetica, sans-serif, "Arial Narrow";
font-size:10px;
}

.maincenter1 {
width:30%;
float:left;
margin-right:11px;
margin-left:12px;
border-right-width:1px;
border-left-width:1px;
border-right-style:dotted;
border-left-style:dotted;
border-right-color:#CCC;
border-left-color:#CCC;
font-family:Verdana, Arial, Helvetica, sans-serif, "Arial Narrow";
font-size:10px;
padding:5px 12px 10px;
}

.mainleft1 {
width:30%;
float:left;
padding-bottom:10px;
padding-top:5px;
padding-left:0;
font-family:Verdana, Arial, Helvetica, sans-serif, "Arial Narrow";
font-size:10px;
}

#mainrec {
width:94%;
float:left;
font-family:Verdana, Arial, Helvetica, sans-serif, "Arial Narrow";
font-size:10px;
border:1px solid #FDDB7E;
margin-top:15px;
background-image:url(../images/bg-search-yellow.jpg);
background-repeat:repeat-x;
margin-bottom:10px;
padding:3px 5px 10px;
}

#mainrec2 {
width:94%;
float:left;
font-family:Verdana, Arial, Helvetica, sans-serif, "Arial Narrow";
font-size:10px;
border:1px solid #FDDB7E;
margin-top:15px;
margin-bottom:10px;
padding:5px 5px 10px;
}

#box {
float:left;
width:642px;
border:1px solid #E6E9F2;
background-image:url(../images/box.gif);
background-repeat:repeat-x;
margin-bottom:10px;
padding:0 6px 6px 8px;
}

#boxbanner {
float:left;
width:642px;
border:1px solid #DADADA;
background-repeat:repeat-x;
margin:0;
padding:20px 5px 0;
}

.book {
float:none;
width:55px;
border:1px solid #E6E9F2;
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
height:16px;
color:#900;
background-color:#FFC;
padding-bottom:2px;
}

#boxgrey2 {
float:left;
width:640px;
border:1px solid #E6E9F2;
background-image:url(../images/boxgrey.gif);
background-repeat:repeat-x;
margin-bottom:10px;
padding:10px 8px 6px;
}

#boxgrey {
float:left;
width:642px;
border:1px solid #E5E5E5;
margin-top:10px;
margin-bottom:10px;
background-color:#F8F8F8;
padding:6px 6px 6px 8px;
}

#boxgrey3 {
float:left;
width:642px;
border:1px solid #CCC;

margin-top:10px;
margin-bottom:10px;
background-image:url(../images/boxrates.gif);
background-repeat:repeat-x;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
padding:10px 6px 6px 8px;
}

#boxgrey4 {
float:left;
width:642px;
border:1px solid #CCC;
margin-top:10px;
margin-bottom:10px;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
padding:5px 6px 6px 8px;
}

#sidebar {
float:right;
width:200px;
}

.colx {
line-height:22px;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
}

.col {
float:left;
width:205px;
border:1px solid #E8E8E8;
background-image:url(../images/bg-deals.jpg);
line-height:22px;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
margin:0 5px 10px 0;
padding:1px 4px 0;
}

.col2 {
float:left;
width:414px;
background-image:url(../images/bgsearch2.jpg);
border:1px solid #DEE7F0;
background-repeat:repeat;
font-family:Verdana, Arial, Helvetica, sans-serif, "Arial Narrow";
font-size:10px;
line-height:20px;
margin:0 8px 12px 0;
padding:2px 8px 8px;
}

.col3 {
float:left;
width:405px;
background-image:url(../images/bgsearch2.jpg);
border:1px solid #DEE7F0;
background-repeat:repeat-x;
margin:0 8px 8px 0;
padding:2px 8px 8px;
}

#mainleft {
width:43%;
float:left;
padding-bottom:10px;
line-height:13px;
font-family:Verdana, Arial, Helvetica, sans-serif, "Arial Narrow";
font-size:10px;
padding-left:5px;
font-weight:400;
margin-top:5px;
}

#mainright {
width:46%;
float:right;
padding-bottom:10px;
line-height:13px;
font-family:Verdana, Arial, Helvetica, sans-serif, "Arial Narrow";
font-size:10px;
padding-left:15px;
font-weight:400;
margin-top:5px;
border-left-width:1px;
border-left-style:dotted;
border-left-color:#E6E6E6;
}

#footer {
clear:both;
width:875px;
background-color:#fff;
background-repeat:repeat-x;
background-image:url(../images/sep2.gif);
margin:0;
padding:10px 15px 15px 14px;
}

#footer .right {
float:right;
margin:0 55px 0 0;
}

#footer a {
color:gray;
font-weight:700;
}

.contentfooter {
width:98%;
height:20px;
color:#333;
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
font-weight:lighter;
margin-top:2px;
margin-bottom:2px;
border-bottom-width:1px;
border-bottom-style:dotted;
border-bottom-color:#DFDFFF;
padding-top:2px;
margin-left:14px;
}

.listhotel {
width:74%;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:lighter;
float:right;
margin-top:10px;
line-height:16px;
margin-bottom:10px;
}

.listimg {
width:23%;
float:left;
font-family:Verdana, Arial, Helvetica, sans-serif, "Arial Narrow";
font-size:10px;
margin-top:10px;
margin-bottom:10px;
}

#villadetail {
width:64%;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:400;
float:left;
margin-top:10px;
line-height:16px;
margin-bottom:10px;
margin-left:5px;
color:#666;
border-right-width:1px;
border-right-style:dotted;
border-right-color:#E5E5E5;
padding-right:10px;
}

#villaimg {
width:30%;
float:right;
font-family:Verdana, Arial, Helvetica, sans-serif, "Arial Narrow";
font-size:10px;
margin-top:10px;
margin-bottom:10px;
margin-right:5px;
}

.villaimg2 {
width:180px;
float:right;
border:1px solid #E8E8FF;
margin-bottom:8px;
padding:3px;
}

.boxsearch {
float:left;
width:190px;
}

