/* 
Created: April 09 09 
Cabo Site by DiaMedia.net
hello bonjour hola
Revision:  May 25 09 

*/

/* ----BODY ----
  ----LAYOUT ----
  ----NAV ----
  ----LINKS ----
  ----HEADINGs ----
  ----OTHER DECORATION----
  ----GALLERY -----
		
*/		

	/* BODY */
	
body {
  margin: 0;
  padding: 0;
  /*background: #e0eefe url('../../../cabopix/gradsky.jpg');*/
  background: #d1dbf1 url('cabopix/back-cabo.jpg') repeat-x;
  font-family: "Lucida Grande","Lucida Sans Unicode",geneva,verdana,sans-serif;
  color: #333;
  text-align: center;
  font-size: 75%;
}


/*  ---- LAYOUT ----*/
	
	
#wrapper {
	width: 950px;
	margin:0 auto;
	text-align: left;
	position: relative;
    padding: 0;
	background: #e0eefe url('/cabopix/gradsky.jpg');
	}

body.home #wrapper {
background: #a0c4f3 url('/cabopix/front-back5.jpg') no-repeat bottom right; 
}
	

	
#header {
	background:#d86600;
	color: #fff;
	height: 80px;
	margin: 1em 0 1em 0;
	}
	
#header h1 {
    margin: 0;
    background: url('cabopix/club-la-costa-logo.jpg') no-repeat;
	width: 300px;
	height: 80px;
	float: left;
		 }
		 
body.home #header h1 {
	text-indent: -5555px;
	}		 

#sidebox {
	font-size: .9em;
	padding: 1em;
	width: 250px;
	float: left;
		}

body.booking #sidebox {
	width: 150px;
	border: 1px solid #ccc;
	background: #fff;
	margin: 3em 0 0 2em;
	}
	

body.home  #sidebox {
	font-family: Arial, Helvetica, sans-serif;
	position: absolute;
	left: 635px;
	top: 0;
	width: 195px;
	color: #000;
	line-height: 1.4em;
	font-size: 1em;
	padding-top: 0;
	}


	
	
/*FOOTER */

#footer {
	clear: both;
	text-align: left;
	width: 100%;
	color: #333;
   font-size: .85em;
   padding: .5em 0;
   margin-top: 3em;
   text-align: center;
		}
		
body.home #footer {
	color: #fff;
	}		
		
#footer p {
	clear: left;
	margin: .25em 0 .25em 0;
	}		
		
	

	
/* LAYOUT REST */


#content-main {
	padding: 0 0 2em 0;
	float:left;
	width: 100%;
	margin: 0em 0 3em 0;
	}

body.home #content-main{
	margin: 0 !important;
	padding: 0 !important;
	position: relative;
		}
		
body.explore #content-main {
	background: #e0eefe url('cabopix/gradsky.jpg');
	}			

#feature {
	float: left;
	width: 655px;
	border: 1px solid #666;
       position: relative;
	}

	
	
#colwrap {
	clear: both;
	margin: 0 0 0 0;
	width: 655px;
	float: left;
	}
	
body.gallery #colwrap {
	width: 950px;
	margin: 0 0 0 0;
	}	
	
.column {
	float: left;
	margin: 0 1em 0 0;
	}
	


					
 /*    ----NAV ----*/

ul.menu {
     list-style-type: none;
     width: 600px;
     float: left;
     margin: 25px 0 0 0;
     font-size: .9em;
}


ul.menu li {
   float: left;
   padding: 0 1em;
}

ul.menufoot {
	list-style-type: none;
    margin: 0 auto;
    width: 400px;
	}

ul.menufoot li {
	float: left;
   padding: 0 1em .75em 1em;
}
	


/* 	  ----LINKS ----*/


a { 
	text-decoration: none;
	color:#2b5a97;
	border-bottom: 1px dotted #2b5a97;
}	

a:visited { 
	text-decoration: none;
	color:#587294;
}	

a:hover { 
	text-decoration: none;
	color:#2b5a97;
	border-bottom: 1px solid #2b5a97;
}

#footer a, a.nohover, a.nohover:visited, a.nohover:hover {
	border-bottom: none !important;
	}	
	
#footer a {
	color: #d86600;
		}

body.home #footer a {
	color: #CCDDDA;
	}	


#header h1 a {
	display: block;
	width: 260px;
	height: 75px;
	text-indent: -5555px;
	border: none !important;
		}

ul.menu a {
	font-weight: bold;
	color: #fff;
	border-bottom: none;
	}
	
ul.menu a:visited {
	color: #fff;
	border-bottom: none;
	}
	
	
ul.menu a:hover, ul.menu li.selected a, body.gallery ul.menu li#suitesmenu a, body.rates ul.menu li#ratesmenu a, body.explore ul.menu li#exploremenu a, body.travel ul.menu li#travelmenu a, body.booking ul.menu li#bookmenu a{
	color: #FFCC00;
	border-bottom: 2px solid #ffcc00;
	}
	
body.gallery ul.menufoot li#suitesmenu-foot a, body.rates ul.menufoot li#ratesmenu-foot a, body.explore ul.menufoot li#exploremenu-foot a, body.travel ul.menufoot li#travelmenu-foot a, body.booking ul.menufoot li#bookmenu-foot a { 
	color: #000;
	}	
	 	

/* headings */	

h1, h2, h3, h4 {
	font-weight: normal;
	color: #000;
	font-family: "Trebuchet MS";
	}
	
	
h1{
	font-size: 1.8em;
	line-height: 1.1em;	
						}	
						
h2 {
	font-size: 1.6em;
	}

	

h3 {
	font-size: 1.5em;
	}


body.rates .book h3 {
	height: 280px;
	width: 244px;
	font-size: 1em;
	}	
	
h4 {
	font-size: 1.4em;
	}

body.gallery .block h4 {
    clear: left;
    font-size: 1.2em;
   margin: 1.25em 0 .5em 2em;
}
	
h5 {
	font-size: 1.2em;
	}									
	
	
.block h1, .block h2 {
margin-top: 0;
}	

#framecolumns h2, #framecolumns h3 {
	text-transform: uppercase;
	line-height: 1.2em;
	font-weight: bold;
	color: #003e52;
	}
	

body.home .welcome h2 {
     color: #fff;
     margin-bottom: 0;
    font-size: 2em;
}

.map {
	padding: 1em;
	background: #fff;
	margin-top: 2em;
	}

.map p { 
	font-size: .75em;
	text-align: right;
	}
		

.promo h2 {
	color: #fff;
	margin-top: 5em;
	font-size: 2em;
	text-transform: uppercase;
	}	
	

#framecolumns h3 {
	line-height: 1.2em;
	}


/*     ----DECORATION--	*/
		
.block { 
	float: left;
	}
	
body.booking .block {
	margin: 0 4em 2em 1em;
		}	
		
body.gallery .block {
	width: 350px;
	background: #fff;
	margin: 0 1em;
	padding: 1em;
	border: 4px double  #ccc;
		}		


.book {
text-align: center;
padding: 25px 0 0 50px;
}

.book a, .book a:visited {
	display: block;
	height: 260px;
	width: 244px;
	background: url('cabopix/booknow3.png') no-repeat left bottom;
	border: none! important;
	text-indent: -3500px;
	}
	
.book a:hover {
		background: url('cabopix/booknow3.png') no-repeat right bottom;
		}
		
.book a.blank {
	background-image: none;
	display: inline;
	height: auto;
	width: auto;
	text-indent: none;
	}		
	
.calmini {
	width: 300px;
	margin: 0 0 1em 2em;
	}
	

.contentmain {
	clear: both;
	margin-top: 4em;
	}

#feature img {
	border: 2px solid #fff;
	}
	
	
.feature {
	width: 564px;
	margin: 0 0 2em 0;
	padding: 0;
	border: 1px solid #ccc;
	
	}
	
.feature img {
	float: left;
	border: 2px solid #fff;
	}		

#framecolumns {
	clear: both;
	width: 100%;
	float: left;
	margin-top: 3em;
	background: #d1f787;
	padding: 0 0 3em 0;
	border-top: 15px solid #003e52;
	position: relative;
	}
	
#framecolumns img.high {
	position: absolute;
    top: 600px;
	left: 520px;
	border: 1px solid #e28c11;
	}	

#framefeature {
	height: 381px;
	background:url('http://toesinthesandmexico.com//cabopix/orange-back.png') repeat-y;
	width: 100%;
	margin: 0;
	padding: 0;
	}

	
body.explore #framefeature {
	background:url('http://toesinthesandmexico.com//cabopix/back-blue.png') repeat-y;
	margin-bottom: 1em;
	}

body.gallery #framefeature {
	background:url('http://toesinthesandmexico.com//cabopix/back-gal.jpg') repeat-y;
	}
	
body.travel #framefeature {
	background:url('http://toesinthesandmexico.com//cabopix/back-grey.png') repeat-y;
	}
	
	
body.travel .intro img {
	margin: 2em 0;
	padding: 0;
	}		
	
.intro {
	clear: both;
	max-width: 500px;
	margin-right: 65px;
	background: #fff;
	padding: 1.5em;
		}
		
.intro p {
	font-size: 1.2em;
	}	
	
body.booking p.intro {
	clear: both;
	background: transparent;
	margin: 1em 0 .5em 0;
	color: #000;
	font-size: 1.2em;
	max-width: 600px;
	padding: 1em;
	}

body.explore .intro {
	margin-top: 2em;
	}
	
body.gallery .intro {
	background: transparent;
	width: 500px;
	color: #000;
	margin: 0;
	}	
	
	
body.travel .intro {
	margin: 2em 0 0 0;	
	}	
		
.promo {
	background: transparent;
	color: #fff;
	padding: 0;
	width: 350px;
		}	

.promo .content {
	margin-left: 60px;
	}		
	
body.explore .column { /*may make global */
	font-size: .85em;
	line-height: 1.6em;
	height: auto;
	min-height: 260px;
	background: #fff;
	color: #003e52;
	width: 190px;
	padding: 20px 10px 5px 10px;
	margin: 0 20px 0 0;
	border-right: 1px dotted #003e52;
	border-left: 1px solid #003e52;
	}
	
		
/* column variations */	
		
.even {
	background: transparent !important;
	border: none !important;
	
		}
	
.even img {
	border: 1px solid #497aa1;
	padding: 3px;
	}	
	
.odd img {
	border: 1px solid #325977;
	}	
	
.odd {
	border: 1px dotted #003e52 !important;
	background: #fff !important;
		}

/* end columns */	

.importante {
	color: red;
	}	
	
.last {
	margin-right: 0;
	}	

	
.season { 
padding: 1em 0 .5em .5em;
color: #000;
}	
	
.side {
  width: 290px;
  border-left: 1px solid #666;
  padding-left: 1.5em;
  margin: 2em 0 0 2em;
  }
  


.welcome {
  position: absolute;
  top: 0;
  left: 20px;
  color: #fff;
  font-family: arial, sans-serif;
  font-weight: bold;
}

.welcome p {
  font-size: .9em;
  margin-top: .25em;
}
  
/* LISTS */

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

#framecolumns ul li {
	padding: 0 0 1.5em 0;
	}
	
#framefeature ul {
	margin: 0;
	font-size: 1.2em;
	}

#framefeature ul.gallery {
	list-style-type: none;
	font-size: 1em;
        width: 300px;
        margin: .5em 0 0 2em;
	}
	
#framefeature ul.gallery li {
	float: left;
	margin: 0 1em 1em 0;
		}		
		
#framefeature ul.gallery li div {
	font-size: .8em;
	}
	
		

/* TABLE for rates data */

table.price {
clear: both;
width: 560px;
padding: 0;
margin: 2em 0 1em 0;
border: 1px solid #ccc;
background: #fff;
border-collapse: collapse;
color: #666;
font-size: .9em;
}


table.price th {
	margin: 0 0 1em 0;
	border-bottom: 1px solid black;
	padding: .5em 0 .5em 1em;
	color: #000;
	}
	
table.price td {
	border-bottom: 1px solid #ccc;
	margin: .25em 0;
	padding: .25em 1em .25em 1em;
	}
	
table caption {
	background-color:#a4b51e;
	border:1px solid #585f1a;
	color:#fff;	
	padding:6px 3px 6px 6px;
	text-align:center;
	font-weight: bold;
	margin: 0;
	caption-side:top;
}

	
/*	 end table */