body { background-color: #ffc; font-family: Verdana, Arial, Helvetica, sans-serif; }

/* wIE ? */
html>body, html>body #wrapper { background-position: center 0; padding: 0; }

#wrapper { position: relative; width: 995px; min-height: 650px;top: 10px;
margin-left: auto; margin-right: auto; /*border: solid 2px #fff; */
text-align: left; height: auto; }

#lang, #lang ul {
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 12px;
list-style: none;
padding: 0;
padding-top: 4px;
margin: 0;
}

#lang li {
display: inline;
  /*float the main list items*/
float: left; 
margin: 0px;
letter-spacing: 1px;}


#lang a:link, #lang a:visited 
{  /*for all links in the list*/
text-decoration: none; 
margin-left: 10px; 
padding: 3px 20px 3px 20px;
color: #f93;

 }

#lang a:hover {  background: #f93; color: #fff; }



#navcontainer
{
position: absolute;
width: 994px;
top: 30px;
left: 0px;
margin: 0px 0 0 0px;
padding: 0;
height: 96px;
}

/*#navcontainer
{
float: left;
margin: 0px 0px 0 5px;
padding: 0;
height: 100px;
}*/

#navcontainer ul
{
border: 0;
margin: 0;
padding: 0;
list-style-type: none;
text-align: left;
}

#navcontainer ul li
{
display: block;
float: left;
text-align: center;
/*padding below is for IE borders to show*/
padding-top: 5px;
padding-bottom: 5px;
margin: 0;
}

#navcontainer ul li a
{
margin-top: 0px;
margin-bottom: 0px;
margin-left: 5px;
margin-right: 5px;
letter-spacing: 1px;
text-decoration: none;
display: block;


}

/*#navcontainer ul li a:hover
{
border: solid 2px #fff; 
 }*/

#navcontainer a:active
{
color: #fff;
}

#navcontainer li#active a
{
color: #fff;
}

#bajaboutique{
	position: absolute;
	top: 120px;
	float: left;
	z-index: 18;
	position: absolute;
	visibility: visible;
	color: #fc0;
	font-size: 11px;
	font-style: italic;
	font-weight: 200;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
	display: block;
	width: 146px;
	text-align: center;
	letter-spacing: 0px;
	left: 14px;
	height: 34px;
}
 
 #menuitems{

position: absolute;
width: 154px;
top: 150px;
left: 0px;
min-height: 450px;
float: left;
 z-index: 3; 
 position: absolute; 
 visibility: visible; }



/*#menuitems
 { position: absolute; 

width: 154px; min-height: 450px; top: 200px; left: 0; float: left; }*/

#content { position: absolute; width: 830px; min-height: 354px; top: 150px; left: 165px; visibility: visible;
z-index: 2;
}



.casa a {  
color: #fc0; 
font-size: 28px; 
font-family: "Avant Garde"; 
font-weight: 700;
text-align: center;
background-color: #399; 
border: solid 2px; 
padding-top: 10px;
outline: solid 5px #399; 
display: block; 
height: 85px; 
width: 140px;

line-height: 27px; 
letter-spacing: -1px;

 }

.casa a:hover
{ background: #399; 
color: #fc0;  
border: solid 2px #fff; 
outline: solid 5px #399; }

.rooms a { 
text-indent: 1em;
font-size: 13px;
color: #fff; 
background-color: #f93; 
border: solid 2px #f93;  
outline: solid 5px #f93;
height: 24px; width: 140px; padding: 72px 0px 0 0;
text-align: left;
top: 40px;
left: 175px;
 }
 
.rooms a:hover { 
background: #f93; color: #fff;
 border: solid 2px #fff;  
}


.about a { 
text-indent: 1em; 
font-size: 13px;
text-align: left;
color: #fff; background-color: #93c; border: solid 2px #93c; outline: solid 5px #93c; height: 24px; width: 140px; padding: 72px 0px 0 0;
top: 40px;
left: 330px;}

.about a:hover { background: #93c; color: #fff;  border: solid 2px #fff;  outline: solid 5px #93c; }

.photos a { text-indent: 1em; 
font-size: 13px;
text-align: left;
color: #fff; 
background-color: #c39; 
border: solid 2px #c39; 
outline: solid 5px #c39;  
height: 24px; width: 140px; 
padding: 72px 0px 0 0;
top: 40px;
left: 560px;
}

.photos a:hover { background: #c39; color: #fff; border: solid 2px #fff; outline: solid 5px #c39; }

.res a { text-indent: 1em; 
font-size: 13px;
text-align: left;
 color: #fff; background-color: #99f; border: solid 2px #99f; outline: solid 5px #99f; height: 24px; width: 140px; padding: 72px 0px 0 0;
top: 40px;
left: 660px;}

.res a:hover { background: #99f; color: #fff; border: solid 2px #fff; outline: solid 5px #99f; }

.guest a { text-indent: 1em; 
font-size: 13px;
text-align: left;
color: #fff; background-color: #fc0; border: solid 2px #fc0; outline: solid 5px #fc0; height: 24px; width: 140px; padding: 72px 0px 0 0;
top: 40px;
left: 825px;}
.guest a:hover { background: #fc0; color: #fff; border: solid 2px #fff; outline: solid 5px #fc0; }

.hometext { color: #ffc; font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 18px; margin-top: 15px; margin-left: 12px; margin-right: 12px; padding: 0; }

.hometext a { text-decoration: none;
color: #ffc; font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 18px;  }

.hometext a:hover { color: #ffc; font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 18px;  text-decoration: underline;
}

.main { color: #666; font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 13px; }
ul { font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 18px; margin-left: 1.5em; list-style-type: square; }
/*Mozilla bug workarounds*/
.main a:link { color: #600; font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: 700; line-height: 13px; text-decoration: none; }
.main a:visited { color: #ff7f00; font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: 700; line-height: 13px; text-decoration: none; }
.main a:hover { color: #600; font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; line-height: 13px; text-decoration: underline; }
.leftmenu a { color: #ffc; font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 18px; text-decoration: none; margin-top: 15px; margin-left: 12px; }
.leftmenu a:hover { color: #ffc; font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 18px; text-decoration: underline;  }
#footer { font-size: 90%; color: #aaaaaa; background-color: transparent; left: 10px; z-index: 16; position: relative; visibility: visible; }
#footer p { padding: 0;
 }
.clear {
 margin: 0;
 border: 0;
 padding: 0;
 clear: both
 }
h1 { color: #633; font-size: 14px; font-family: Georgia, "Times New Roman", Times, serif; line-height: 16px; margin-top: 0; margin-bottom: 10px; }
hr { color: #099; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: 900; line-height: 5px; background-color: #099; }
.caption { color: #600; font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; font-style: italic; line-height: 12px; }
.seasons { color: #600; font-size: 12px; font-family: Georgia, "Times New Roman", Times, serif; font-weight: bold; font-variant: small-caps; line-height: 13px; letter-spacing: 1px; }
.seasons a { color: #600; font-size: 12px; font-family: Georgia, "Times New Roman", Times, serif; font-weight: bold; font-variant: small-caps; line-height: 13px; text-decoration: underline; letter-spacing: 1px; }
.seasons a:hover { color: #f93; font-size: 12px; font-family: Georgia, "Times New Roman", Times, serif; font-weight: bold; font-variant: small-caps; line-height: 13px; text-decoration: underline; letter-spacing: 1px; }
tdphoto { color: #c39; font-family: "Times New Roman", Times, Georgia, serif; }
select { font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 12px; }
submit { font-size: 10px; line-height: 10px; }
form { font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 13px; }
input { font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 13px; }
textarea { font-size: 9px; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 11px; }
td.ratetable { color: #666; font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 13px; }
.ratetable a:link { color: #600; font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: 700; line-height: 13px; text-decoration: none; }
.ratetable a:visited { color: #ff7f00; font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: 700; line-height: 13px; text-decoration: none; }
.ratetable a:hover { color: #600; font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; line-height: 13px; text-decoration: underline; }