/* Cumbre Villas styles
 *
 * Dark Blue 		- #0074C5
 * Blue					- #61C0F4
 * Pale Blue		- #E9F6FD
 * Orange				- #ED6000
 * Pale Orange	- #F8C595
 */
 
/************************************************* 
 * Default element styles                        * 
 *************************************************/
body {
	margin: 0;
	padding: 0;
	text-align: center; /* needed for centering IE5 */
	font-family: Verdana, Geneva, sans-serif;
	background: #E9F6FD url(../images/background.gif) repeat 25px 0; /* Pale Blue */ 
	color: #222; /* Dark Grey */ 
	font-size: x-small; /* Fix IE5 Win */
 	voice-family: "\"}\""; 
 	voice-family: inherit;
  font-size: small;
}
	
a:link	{
	color: #0074C5; /* Dark Blue */
}
	
a:visited	{
	color: #0074C5;  /* Blue */
}
	
a:hover	{
	color: #ED6000; /* Orange */
	text-decoration: underline;
}
 
h1 {
	margin: 0;
	padding: 0 0 0 25px;
	background: url(../images/palm.gif) no-repeat 0 0;
	font-size: 120%;
	line-height: 2em;
	color: #ED6000; /* Orange */ 
	font-weight: bold;
}
	
h2 {
	margin: 0 0 3px 0;
	font-size: 100%;
	color: #ED6000; /* Orange */ 
	background: #E9F6FD url(../images/bird.gif) no-repeat 100% 1px; /* Pale Blue */
	font-weight: bold;
}
		
h3 {
	margin: 0;
	font-size: 100%;
	color: #0074C5; /* Dark Blue */ 
	font-weight: bold;
}

p {
	margin: 0 0 10px;
	padding: 0;
}
	 
strong {
	color: #0074C5; /* Dark Blue */ 
	font-weight: bold;	
}
 
.right	{
	float: right;
}
	
.left	{
	float: left;
}
	
.centre	{
	text-align: center;
}

.rightalign	{
	text-align: right;
}

table {
	border-collapse: collapse;
	font-size: 90%;
}
	
td {
	border-width: 1px;
	padding: 3px;
	border-style: solid;
	border-color: #E9F6FD; /* Blue */
}

th {
	background-color: #E9F6FD; /* Blue */
	color: #ED6000; /* Dark Orange */
	font-size: 110%;
	text-align: left; /* need for IE5 */
}

blockquote {
	background: url(../images/start_quote.gif) left top no-repeat;
	margin: 5px;
	padding: 10px;
}

blockquote div {
	font-weight: bold;
	margin: 5px 0;
  padding: 0;
  background: url(../images/end_quote.gif) right bottom no-repeat;
}
	
form  {	
	margin-top: 0;
} 

/************************************************* 
 * Main layout styles                            * 
 *************************************************/
#container	{
	margin: 0 auto; /* auto margins will centre the div because it has a fixed width */
	padding: 0;
	width: 780px;
	text-align: left; /* override the centering of body needed for IE5 */
	position: relative; /* allows elements in the container to be positioned absolutely */
	border: 1px solid #61C0F4; /* Blue */
	background-color: #FFF; /* White */ 
}
	
#pageheader	{
	background: url(../images/header.gif) 0 0 no-repeat;
	height: 138px;
}
	
#pagecontenttop	{
	background-color: #61C0F4; /* Blue */
	height: 20px;
	border-left: 3px solid #FFF;
	border-right: 3px solid #FFF;
}
	
#pagecontent	{
	padding: 12px;
	}
* html #pagecontent
{
    /* \*/ height: 0.01%; /* hasLayout Hack to fix background image problems in IE */
}

#pagefooter	{
	clear: both;
	background-color: #61C0F4; /* Blue */;
	height: 20px;
	padding: 5px 5px 0 5px;
	font-size: 90%;
	color: #fff;
}
	
#pagefooter .copyright {
	float: left;
	width: 595px;
}
	
#pagefooter .casabase {
	text-align: right;
}

#pagefooter a:link,  #pagefooter a:visited {
	color: #fff;
}
	
#pagefooter a:hover {
	color: #ED6000;
}
	
.selectlang {
	padding: 1px 4px;
	font-weight: bold;
	font-size: 110%;
	float: right;
}

.selectlang img {
	padding: 2px 4px;
	border: 1px solid #61C0F4;
}

.selectlang img.selected {
	border: 1px solid #FFFFF3;
}

/************************************************* 
 * bullet list styles                            * 
 *************************************************/
#pagecontent ul, #faqcontent ul	{
	margin-left: 5px;
}

#pagecontent li, #faqcontent li	{
	list-style: none;
	padding-left: 15px;
	background: url(../images/sundot.gif) no-repeat 0 4px;
}

/************************************************* 
 * Navigation styles                             * 
 *************************************************/
#mainmenu {
	font-weight: bold;
	font-size: 14px;
	margin: 0;
	padding: 0;
	background-color: #0074C5;
	position: absolute;
	top: 110px;
	left: 274px;
}
	
#mainmenu li	{
	float: left;
	list-style: none;
	border-right: 2px solid #FFF;
	text-align: center;
}
	
#mainmenu a	{
	text-decoration: none;
	float: left;
	padding: 5px 3px;
	color: #FFF;
	width: 93px;	
}

#mainmenu a.wide {
	width: 163px;
}

#propnav {
	float: right;
	margin: 13px 0 0 0;
	padding: 0;
	list-style: none;
	font-size: 100%;
	background: #0074C5; /* Blue */
}
* html #propnav {
  margin: 14px 0 0 0;
}
	
#propnav li {
	float: left;
	list-style: none;
	border-right: 1px solid #fff;
	background-image: none;
	padding: 0;
}

#propnav li.last {
	border-right: none;
}

#propnav a {
	float: left;
	padding: 3px 8px;
	text-decoration: none;
	color: #fff; /* White */
}

#mainmenu a.active, #propnav a.active	{
	background-color: #61C0F4;
}

#mainmenu a:hover, #propnav a:hover	{
	text-decoration: underline;
}
	
/************************************************* 
 * boxed content styles                          * 
 *************************************************/
.boxed	{
	margin: 2px;
	width: 215px;
	border: 1px solid #0074C5; /* Blue */
	color: #0074C5;
	font-size: 85%;
}

.boxed h3	{
	margin: 0;
	padding: 2px 0;
	background-color: #0074C5; /* Dark Blue */
	color: #FFF;
	text-align: center;
	font-size: 110%;
}

.boxed p {
	margin-bottom: 5px;
}


/************************************************* 
 * photo styles                                  * 
 *************************************************/
img.photo {
	margin: 2px;
	padding: 3px;
	border: 1px solid #61C0F4; /* Pale Blue */
}

/************************************************* 
 * Property Photos                               *
 *************************************************/
#propphotos {
	float: left;
	padding: 2px;
	margin: 5px 0;
	border: 1px solid #61C0F4; /* Blue */ 
	width: 362px; /* box model hack for IE5 */	
	voice-family: "\"}\""; 
 	voice-family: inherit;
	width: 356px; 
}
 
#mainphoto {
	border: 1px solid #61C0F4;
	width: 350px; 
	padding: 2px;
	margin-bottom: 5px;
	text-align: center;
}
	
#mainphoto .arrow {
	width: 15px; 
	height: 13px; 
}
	
#mainphoto td {
	border-width: 0;
}
 
#mainphoto h2 {
	margin: 0;
	color: #ED6000; /* Orange */ 
	background: #fff;
	font-weight: bold;
	text-align: center; /* needed for IE 5 */
}

.bigls img {
	width: 350px; 
	height: 262px; 
}

.bigpt img {
	width: 196px; 
	height: 262px; 
}

.midimage {
	background: #fff; /* white */
	border: 1px solid #61C0F4; /* Blue */ 
	padding: 3px;
	width: 150px;
	height: 112px;
}

.midimage img {
	width: 150px;
	height: 112px; 
}

.thumb {
	background: #fff; /* white */
	border: 1px solid #61C0F4; /* Blue */ 
	padding: 3px;
	width: 75px;
	height: 75px;
}
	
.thumb img, #propphotos img, .midimage img {
	border: none;
}

.thumbls img {
	width: 75px; 
	height: 56px; 
	margin: 9px 0;
}
	
.thumbpt img {
	width: 56px; 
	height: 75px; 
	margin: 0 9px;
}
 
#propphotos .thumb {
 float: left;
 margin: 2px 3px 2px 2px;
}

* html #propphotos .thumbpt img { /* Fix IE Bug */
	margin: 0 9px -1px 9px;
}
	
#propphotos p {
	font-size: 95%;
	text-align: center;
	clear: both;
}

/************************************************* 
 * Property Description styles                   *
 *************************************************/
.propbyline {
	font-size: 90%;
} 

#propdesc {
	margin: 5px 0 0 365px;
	padding: 2px;
	border: 1px solid #61C0F4; /* Blue */
	/* can't put div-wide font size here because of IE5 bug */
	}

#propdesc #keys {
	background-color: #FFFFFF;
	width: 190px;
	font-size: 95%;
}

#propdesc #enquiry {
	background-color: #E9F6FD;
	border: 1px solid #61C0F4;
	font-size: 95%;
}

#propdesc .keytitle {
	color: #ED6000; /* Orange */
	font-weight: bold;
	width: 68px;
	padding: 0 0 10px 0;
}

#propdesc .keydata {
	padding: 0 0 10px 2px;
}

#propdesc td {
	border-width: 0px;
	padding: 1px 0 0 2px;
	vertical-align:top;
}

#propdesc textarea {
	width: 120px;
	height: 62px;
	margin-right: 2px;
}

#propdesc input {
	width: 120px;
	margin-right: 2px;
}

#propdesc .button {
	width: 170px;
}

#propdesc .email {
	padding: 0 0 2px 20px;
	background: url(../images/email.gif) no-repeat;
}

#propdesc .printer {
	padding: 0 0 2px 20px;
	background: url(../images/printer.gif) no-repeat;
}

#propdesc .proptext {
	margin: 5px 0 0 0;
	padding: 3px 2px;
	font-size: 90%;
}

#propdesc p {
	margin: 0 0 8px 0;
}

#propdesc h2 {
	font-size: 100%;
}

#printdesc {
	clear:both;
	padding: 2px;
	}
/************************************************* 
 * Rates styles                                 *
 *************************************************/
#rates {
	width: 348px;
	font-size: 85%;
	margin: 2px 2px 0 2px;
}
* html #rates {
	width: 343px;
 	voice-family: "\"}\""; 
 	voice-family: inherit;
	width: 345px;
}

.special	{
	border: 1px solid #ED6000; /* Orange */
	margin-bottom: 10px;
}

.special h3	{
	margin: 0;
	padding: 2px 0;
	background-color: #ED6000; /* Orange */
	color: #FFF;
	text-align: center;
}

#propnote {
	border: 1px solid #61C0F4; /* Blue */
	font-size: 90%;
}

#propnote h3	{
	padding: 2px 0;
	background-color: #0074C5; /* Dark Blue */
	color: #FFF;
	text-align: center;
	font-size: 110%;
}

#propnote div, .special div {
	padding: 10px 10px 0 10px;
}

#propnote div p {
	text-align: left;
}

/************************************************* 
 * Guestbook styles                              *
 *************************************************/
.commentlist {
	border: 1px solid #61C0F4; /* Blue */
	font-size: 90%;
	margin-bottom: 1px;
}

/************************************************* 
 * property list styles                          * 
 *************************************************/
 
#proplist table {
	margin: 10px;
	border: 1px solid #61C0F4; /* Blue */
	font-size: 95%;
	width: 740px;
	border-collapse: collapse;
}
 
#proplist td {
	border-width: 0;
}

#proplist td.photo {
	width: 160px;
}
 
#proplist td.refcode {
	background-color: #E9F6FD;
	color: #ED6000; /* Orange */
	font-weight: bold;
}
 
#proplist td.refcode a {
	color: #ED6000; /* Orange */
	text-decoration: none;
}

#proplist td.refcode a:hover {
	text-decoration: underline;
}
 
#proplist td.sleeps {
	text-align: right;
	padding-right: 40px;
	color: #ED6000; /* Orange */
	background: #E9F6FD url(../images/bird.gif) no-repeat 100% 1px;
	font-weight: bold;
}

#proplist span.flag {
	color: #FFF;
	background-color: #0074C5;
	border: 1px solid #0074C5;
	font-weight: bold;
	padding: 2px 10px;
	margin-right: 2px;
}

#proplist span.noflag {
	display: none;
}

#proplist td.special {
	text-align: right;
	padding-right: 20px;
	background: #FFF url(../images/sundot.gif) no-repeat 96% 9px;
	font-weight: bold;
}

#proplist td.more {
	text-align: right;
}

#proplist td.keys {
	background-color: #E9F6FD;
	color: #ED6000; /* Orange */
	font-weight: bold;
}

#proplist td.price {
	background-color: #E9F6FD;
	color: #ED6000; /* Orange */
	font-weight: bold;
	text-align: right;
	padding-right: 10px;
}

#proplist img {
	width: 150px;
	height: 112px;
}

#resultsleft {
	float: left;
	font-weight: bold;
	color: #0074C5;
	margin: 5px 0 0 5px;
	}
	
#resultsright {
	text-align: right;
	margin: 5px 10px 0 0;
	}
	
/************************************************* 
 * Contact styles                                 *
 *************************************************/
#contactmain {
	float: left;
	width: 470px;
}

#contactmain td {
	border-width: 0px;
	vertical-align: top;
}

#contactmain select {
	width: 146px;
}

#contactside {
	margin-left: 490px;
	font-size: 85%;
}
* html #contactside {
	height: 1%; /* Holly Hack to fix Guillotine bug in some IE browsers */
}
	
/********************************************** 
 * FAQ styles                                 *
 **********************************************/
#faqwrap{
	clear: right;
	margin: 5px 3px;
	font-size: 100%;
}

#faqcontent {
	border-style: none;
	vertical-align: top;
	padding-left: 5px;
}

#faqcontent h2 {
	margin-top: 3px;
	background: #61C0F4 ; /* Blue */
	color: #fff;
}

#faqmenu {
	width: 170px;
	padding: 0;
	margin-left: 3px;
	background-color: #0074C5; /* Dark Blue */
	border-style: none;
	vertical-align: top;
}

#faqmenu ul	{
	list-style: none;
	margin: 0;
	padding: 0;
}

#faqmenu li	{	
	padding: 5px;
	border-bottom: 1px solid #fff;
}

#faqmenu li.active {	
	background-color: #61C0F4; /* Blue */
}

#faqmenu a {
	color: #fff;	
	text-decoration: none;
}

#faqmenu a:hover {	
	text-decoration: underline;
} 

/************************************************* 
 * reservation form styles                        * 
 *************************************************/
#reservation td, #reservation input, #reservation select {	
	font-size: 95%;
} 

#reservation td.label {	
	width: 50%;
} 

#reservation select.wide {	
	width: 220px;
} 

#reservation textarea {
	width: 220px;
	height: 62px;
	margin-right: 2px;
}

#reservation #name, #reservation #email, #reservation #phone {	
	width: 180px;
} 

#reservation #startdate, #reservation #enddate {	
	width: 100px;
}

#reservation td.guests {	
	width: 25%;
} 
* html #reservation td.guests {
	width: 38%; /* IE screws up table cell widths */
}

#reservation .selnumber {	
	width: 52px;
} 

#reservation button {
	height: 20px;
	width: 20px;
}
/************************************************* 
 * text styles                                   * 
 *************************************************/
.tagline {
	font-style: italic;
	font-weight: bold;
	color: #ED6000; /* Orange */ 
	text-align: center;
}

.help {
	padding-left: 15px;
	background: url(../images/help.gif) no-repeat 0 2px;
}

#contactinfo td, #propnote td, #reservation td {
	border-width: 0;
}

.hide {
	display: none;
}