/* Copyright 2006 Ixtapa Beach Condos
	Site designed by Cirkadia (Audrey Nachilo)
	Built by Cirkadia (Audrey Nachilo) and Testarossa Web Design (Trena Tuse)
	Last updated November 2006
	Version 1.0
----------------------------------------------- */
/* =screen stylesheet
----------------------------------------------- */
	/* =access keys =skip
	--------------------------------------------- */
		@import url(skip.css) screen;

/* =colors
 		HEX #			REGIONS
							=body						
		003366		bkgd
		ffffff		text
	 						=container
 		 F8F4E7		bkgd
		 000000		text
	 						=navigation
							bkgd
	 						text
							=leftPanel
 		F8F4E7		bkgd
	 						text
							=centerPanel
 		F8F4E7		bkgd
	 						text
	 						=rightPanel
 		FFFFFF		bkgd
 		F8F4E7		border
	 						text
----------------------------------------------- */

/* =development
----------------------------------------------- */
div {
	/* border: 1px solid red; */
}

/* =global (body, paragraphs, etc)
----------------------------------------------- */
body {
	font: 11px/1.2 Verdana, Arial, Helvetica, sans-serif;
	color: #ffffff;
	background: #003366;
	margin: 0 auto;
	padding: 0;
}
p.hide {
	display: none;
}
p {
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	margin-top: 5px;
	margin-bottom: 5px;
}
img {
	border:0;
}

/* =container
----------------------------------------------- */
#container {
	color: #000000;
	background: #F8F4E7;
	width: 960px;
	margin: 10px auto 0 auto;
}

/* =masthead
----------------------------------------------- */
#masthead {
	background: transparent url(../graphics/branding.jpg) top left no-repeat;
	color: #ffffff;
	margin: 0;
	padding: 0;
	height: 86px;
/*	border-top: 5px solid #003366;
*/
}
#masthead p {
	margin: 0;
	padding: 0;
}
#masthead p a:link, #masthead p a:visited, #masthead p a:hover	{
	text-indent: -9999px;
	display: block;	
	width: 500px;
	height: 50px; /* this is linked to #navigation margin-top */
	text-decoration: none;
	margin: 0;
	padding: 0;
	border: 0;
}

	/* =navigation
	----------------------------------------------- */
	#navigation {
		float: left;
		color: #ffffff;
		background: #006fb7;
		margin: 18px 0 0 0; /* this is linked to #masthead p a: height */
		padding: 0 0 0 41px;
	}
		#navigation ul {
			list-style: none;
			margin: 0;
			padding: 0;
		}
		#navigation ul li {
			display: inline;
		}
		#navigation ul li a:link, #navigation ul li a:visited {
			display: inline;
			text-decoration: none;
			color: #ffffff;
			margin: 0;
/*			padding: 0 25px 0 0;
*/			padding: 0 12px;
		}
		#navigation ul li a:hover {
			text-decoration: none;
		}
		#navigation ul li#navhere a {
				color: #FFE47F;
				background: url(../graphics/asterisk_yellow_nav.gif) left center no-repeat;
			}
/* =footer
----------------------------------------------- */
#footer, #footer p {
	clear: both;
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
	color: #ffffff;
	background: #003366;
	width: 960px;
	margin: 4px auto 0 auto;
	padding: 0 0 10px 0;
}
#footer a:link, #footer a:visited {
	color: #ffffff;
	text-decoration: none;

}
#footer a:hover {
	color: #8AB7E2;
	text-decoration: underline;
}
/* =print =prtfooter =printfooter
----------------------------------------------- */
#prtfooter {
	display: none;
}
#prtImg {
	display: none;
}

/* =headings
----------------------------------------------- */
h3, h4, h5, h6, ul, form, select, input, pre {
	margin:0 0 1em 0;
}
h1 {
	font: bold 14px Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
	color: #bd9153;
	margin-top: 8px;
	margin-bottom: 4px;
	padding: 0;
}
h2 {
	font: bold 13px Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
	color: #45518D;
	margin-top: 8px;
	margin-bottom: 4px;
}

/* =typography, =text styles
----------------------------------------------- */

/* =lists
----------------------------------------------- */

/* =forms
----------------------------------------------- */

/* =links
----------------------------------------------- */
a:link, a:visited {
	color: #45518D;
	text-decoration: underline;
}
a:hover {
	text-decoration: underline;
}
a img {
	border:none;
}
a h2 {
	color: #45518D;
	text-decoration: none;
}
h2 a:link, h2 a:visited {
	color: #45518D;
	text-decoration: none;
}
	h2 a:hover {
		text-decoration: underline;
	}

/* =comments
----------------------------------------------- */

/* =extras
----------------------------------------------- */

/* =home page
--------------------------------------------- */
	/* =leftPanel
	----------------------------------------------- */
	#leftPanel {
		float: left;
		width: 375px;
		margin: 0;
		padding: 8px 0 8px 15px;
	}
	/* =centerPanel
	----------------------------------------------- */
	#centerPanel {
		float: left;
		color: #000000;
		width: 275px;
		margin: 8px 10px 0 10px;
		padding: 0;
	}
		#centerPanel p, #centerPanel h2, #centerPanel h1 {
			padding: 0 8px;
		}
		#centerPanel img {
			margin-bottom: -2px;
		}
		#centerPanel h1 {
			margin-top: 0;
		}
		/* =intro
		----------------------------------------------- */
		#intro {
			background: #ffffff url(../graphics/centerPanel_top.gif) left top no-repeat;
			margin: 0;
			padding: 5px 0 0 0;
		}
		
		#intro h2 {
			margin-top: 0;
		}		
		/* =features
		----------------------------------------------- */
		#features {
			background: #ffffff url(../graphics/centerPanel_top.gif) left top no-repeat;
			margin: 8px 0 0 0;
			padding: 5px 0 0 0;
		}
		#features h2 {
			margin-top: 0;
		}
		#features ul {
			list-style: none;
			margin: 0;
			padding-left: 8px;
		}
			#features ul li {
				line-height: 14px;
				color: #000000;
				background: url(../graphics/asterisk_yellow.gif) left no-repeat;
				margin: 0;
				padding: 0 0 0 15px;
			}
	/* =rightPanel
	----------------------------------------------- */
	#rightPanel {
		float: left;
		width: 260px;
		margin: 0 0 10px 0;
		padding: 0 15px 0 0;
	}
		#rightPanel p, #rightPanel h2, #rightPanel li {
			padding: 0 8px;
			}
		#rightPanel img {
			margin-bottom: -2px;
		}
		#rightPanel h2 {
			padding-top: 4px;
		}
		/* =rates, =destination
		----------------------------------------------- */
		#home #rates, #destination {
			background: #FFFFFF url(../graphics/rightPanel_top.gif) left top no-repeat;
			margin-top: 8px;
		}
			#rates table {
				width: 240px;
				margin: 0 0 0 10px;
			}
			#rates th {
				text-align: left;
				padding: 2px 5px 2px 5px;
			}
			#rates td {
				vertical-align: text-top;
				padding: 2px 5px 2px 5px;
			}
			#rates tr.alt {
				background: #F0F8FF;
			}
		#destination p#last 
		{
			padding-bottom: 3px
		}			
/* =condo page
--------------------------------------------- */
#condo h1 {
	display: none;
}
	/* =gallery
	--------------------------------------------- */
	div.pic {
		float: left;
		display: inline;
		background: #FFFFFF;
		height: 202px;
		width: 282px;
		padding: 9px;
		margin: 10px 4px 0 11px;
		border: 1px solid;
		border-color: #AAA #444 #444 #AAA;
	}
		div.pic img {
			border: 1px solid;
			border-color: #444 #AAA #AAA #444;
		}
		div.ls img {
			height: 185px;
			width: 280px;
		}
		div.pt img {
			width: 185px;
			height: 280px;
		}
		div.pic p {
			margin: 3px 0;
			padding: 0;
			text-align: center;
		}
		div.pic p a:link, div.pic p a:visited {
			color: #000000;
			text-decoration: none;
		}
		div.pic p a:hover {
			text-decoration: underline;
		}
		div.last {
			margin-bottom: 20px;
		}
	/* =detail
	--------------------------------------------- */
	div#detail {
		clear: both;
		padding-top: 10px;
		padding-right: 10px;
		padding-left: 10px;
	}
		#detail div.info {
			clear: both;
			border-top: 1px solid #333333;
		}
			div.info img.detailPicLg {
				float: left;
				background: #FFFFFF;
				height: 185px;
				width: 280px;
				border: 1px solid;
				border-color: #444 #AAA #AAA #444;
				padding: 9px;
				margin: 10px 10px 10px 0;
			}
		div.info img.topIcon 
		{
			vertical-align:middle;
		}
		
		div.detailPic {
			float: left;
			display: inline;
			background: #FFFFFF;
			padding: 8px;
			margin: 10px 0 10px 10px;
			border: 1px solid;
			border-color: #AAA #444 #444 #AAA;
		}
			div.firstPic {
				clear: left;
				margin-left: 0;
			}
			div.detailPic img {
				height: 120px;
				width: 160px;
				border: 1px solid;
				border-color: #444 #AAA #AAA #444;
			}
		div#detail .info table {
			width: 500px;
			border: 1px solid;
			border-color: #444 #AAA #AAA #444;
		}
			div#detail .info table td {
				vertical-align: text-top;
				padding: 5px 5px 0 5px;
			}
			#detail tr.alt {
				background: #F0F8FF;
			}
			#detail td.area {
				border-right: 1px solid #AAA;
				width: 100px;
			}
			div.info ul {
				list-style-position: inside;
				list-style-type: disc;
			}
/* =reservation page, =ixtapamexico page
--------------------------------------------- */
#reservations #content, #ixtapamexico #content {
	padding-top: 8px;
	padding-bottom: 10px;
	padding-left: 10px;
	padding-right: 10px;
}

	#reservations h1 
	{
		text-transform: uppercase;		
		font-size: 14px;
		}
		
	#reservations #availability LI 
	{
		font: normal 11px Verdana;
		color: #383131;
		margin-top: 0px;
		margin-bottom: 5px;
		margin-left:0px;
		padding-bottom:0px;
		padding-left:0px
	}

	#reservations #availability OL 
	{
		margin-top: 4px;
		margin-bottom: 6px;		
		padding-left:0px;
		margin-left:40px;
	}
		
	#reservations #availability 
	{
		vertical-align:text-top;
		float:left;
		width:300px;
	}		
			
	#reservations #form 
	{
		float:left;
		width:547px;
		margin-left: 50px;
	}		

	#reservations #rates {
		margin-top: 8px;
	}
		#reservations #rates table {
			width: 300px;
			margin: 0 0 0 10px;
		}
		#reservations #rates th {
			text-align: left;
			padding: 2px 5px 2px 5px;
		}
		#reservations #rates td {
			vertical-align: text-top;
			padding: 4px 7px 4px 7px;
		}
		#reservations #rates tr.alt {
			background: #FFFFFF;
		}
				
#ixtapamexico h1 
	{
		text-transform: uppercase;		
		font-size: 14px;
		}
	#ixtapamexico #infoPanel 
	{
		vertical-align:text-top;
		float:left;
		width:500px;
	}		
			
	#ixtapamexico #linksPanel 
	{
		float:left;
		width:350px;
		margin-left: 50px;
	}	
	
			
.special
{
	BORDER-RIGHT: #003466 1px solid; BORDER-TOP: #003466 1px solid; FONT-FAMILY: verdana; FONT-SIZE: 11px; BORDER-LEFT: #003466 1px solid; BORDER-BOTTOM: #003466 1px solid; background-color:#F8F7F7;
}

.cbr
{
	BORDER-LEFT-COLOR: #003466 ; BORDER-BOTTOM-COLOR: #003466 ; CURSOR: hand; COLOR: #000000; BORDER-TOP-COLOR: #003466 ; FONT-FAMILY: verdana; FONT-SIZE: 11px; BACKGROUND-COLOR: #ebebeb; BORDER-RIGHT-COLOR: #003466