@charset "UTF-8";
/* CASA MARYLIN - CSS Document */

/* global style settings */

*{
	font-family: Arial, Helvetica, sans-serif;
	color: #333;
	font-size:14px;
	line-height:1.6em;  /*This also affects the h2's*/
	/* Disable to test text in lightbox */
	/*text-shadow: 1px 1px 0px rgba(255, 255, 255, 1);*/
	}
	
.smtxt {font-size:.85em; !important;}



	
sup {font-size:.5em;}

body, div, h1, h2, h3, h4, h5, h6, p, ul, ol, li, dl, dt, dd, img, form, fieldset, input, textarea, blockquote {
	margin: 0; padding: 0; border: 0;
}

header, footer, aside, nav, article {display: block;}/* New HTML5 elements as block */ 

/* OPEN TYPE FONTS */

@font-face {
font-family: "HelveticaNeueMedCn";
src: url('http://www.mikepetersen.ca/_fonts/HelveticaNeue-MediumCond.otf') format("opentype");
}

.redflag {
	color: #990000;
	font-weight: bold;
	text-shadow:none;
}


.clearfloat { /* this class can be placed on a <br /> or empty div as the final element following the last floated div (within the .container) if the .footer is removed or taken out of the .container */
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}

body {	
	width: 960px; 
	margin: 0; padding: 0; border: 0;
	background-image:url(../images/bg_streets.jpg);
	background-repeat:no-repeat;
	margin: 0 auto 24px auto;
}

.hr {
	width:860px;
 	height: 0px;
 	margin: 0px;
  	border-bottom: 1px solid #d3d0b7;
  	font-size: 1px;
}

.hr_short {
	width:215px;
 	height: 10px;
 	margin: 0 0 10px 0;
  	border-bottom: 1px solid #d3d0b7;
  	font-size: 1px;
}

/*--- Casa Marylin Logo ---*/

.logo_home, .logo {
	float:left;
	background-image:url(../images/cuba.gif);
	background-repeat:no-repeat;
		}
		
		.logo_home {width:350px; height:150px;}
		.logo      {width:350px; height:135px; margin:-15px 0 0 -10px;}
	
	
	.casa {
		font-family: 'Macondo', cursive;
		color:#f16523;
		text-shadow: 1px 1px 0px rgba(255, 255, 255, 1);
		font-size:35px; 
		padding:1em 0 0 4.8em;
		}
		
	.marylin_m {
		font-family: 'Great Vibes', cursive;
		color:#ab5e38;
		-webkit-font-smoothing: antialiased;
		 
		text-shadow: 5px 5px 10px rgba(0, 0, 0, .25);
		font-size:80px; 
		margin:-.8em 0 0 .6em;
		}
		
	.marylin {
		font-family: 'Great Vibes', cursive;
		-webkit-font-smoothing: antialiased;
		 
		color:#ab5e38;
		text-shadow: 5px 5px 10px rgba(0, 0, 0, .25);
		font-size:70px;
		}
		
	.matanzas {
		float:left;
		font-family:Arial, Helvetica, sans-serif;
		color:#ab5e38;
		letter-spacing:.3em;
		font-size:13px; margin:-2.5em 0 0 6em;
		}

	.cuba {
		font-family:Arial, Helvetica, sans-serif;
		color:#ab5e38;
		letter-spacing:.3em;
		font-size:13px; margin:-2.5em 0 0 17em;
		}
		
		
	.logo .casa      { font-size:31px;}
	.logo .marylin_m { font-size:70px;}
	.logo .marylin   { font-size:60px;}
	.logo .matanzas  { font-size:11px;}
	.logo .cuba      { font-size:11px;}



/*---Text Formatting---*/

h1 {
	font-family: 'Great Vibes', cursive;
	-webkit-font-smoothing: antialiased;
	font-weight:normal;
	font-size:40px; 
	color:#ab5e38;
	text-shadow: 1px 1px 0px rgba(255, 255, 255, 1);
	margin-bottom: 5px;

}
	

h2 {
	float:left;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
    color:#ab5e38;
    text-shadow: 1px 1px 0px rgba(255, 255, 255, 1); 
    font-size:16px;
}

h3 {
	float:left;
	font-family:'HelveticaNeueLtCn';
	-webkit-font-smoothing: antialiased;
	color:#333;
  /*  color:#8a7d55;*/
    text-shadow: 1px 1px 0px rgba(255, 255, 255, 1); 
    font-size:18px;
}


a {
	color: #aa5e3c; 
	text-decoration: none;
	padding:4px 0px 2px 0px;
	text-shadow:text-shadow: 1px 1px 0px rgba(255, 255, 255, 1); 
}
	a:hover {
		color: #57b5c2;
		text-shadow: 1px 1px 0px rgba(255, 255, 255, 1);
	}

	
	
/*---Common Divs---*/

		.topbar ul li {	
			float:right;
			list-style: none;
			height:30px;
			border-bottom: 1px solid #cdc065;
			background-color: #e4de9d;
			background: rgb(255,255,255); /* Old browsers */
			
			/* Gradient */
			background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(228,222,157,1) 100%); /* FF3.6+ */
			background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(228,222,157,1))); /* Chrome,Safari4+ */
			background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(228,222,157,1) 100%); /* Chrome10+,Safari5.1+ */
			background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(228,222,157,1) 100%); /* Opera 11.10+ */
			background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(228,222,157,1) 100%); /* IE10+ */
			background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(228,222,157,1) 100%); /* W3C */
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e4de9d',GradientType=0 ); /* IE6-9 */
	
	}

		.topbar ul li:first-child { 
			border-right: 1px solid #cdc065;
			border-left: 1px solid #cdc065;
			-moz-border-radius-bottomright: 5px;
			-webkit-border-bottom-right-radius:5px;
			margin-right:40px;
}
		.topbar ul li:last-child { 
			border-left: 1px solid #cdc065;
			border-right: 1px solid #cdc065;
			-moz-border-radius-bottomleft: 5px;
			-webkit-border-bottom-left-radius:5px;
				
			margin-left:10px;
}

		.topbar img {
				float:right; 
				margin:5px 10px 0 0;
				-webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.25);
				-moz-box-shadow:    1px 1px 1px rgba(0, 0, 0, 0.25);
				box-shadow:         1px 1px 1px rgba(0, 0, 0, 0.25);
	}
		
		a.topnav:link, a.topnav:visited {
			font-family: Arial Narrow, Arial, Helvetica, sans-serif;
			-webkit-font-smoothing: antialiased;
			font-weight:bold;
			color:#aa5e3c;
			font-size:14px;
			text-shadow: 1px 1px 0px rgba(255, 255, 255, 0.5);
			text-decoration: none;
			padding:20px 20px;
	}
	
		a.topnav:hover, a.topnav:active {
	
			color:#57b5c2;
			text-shadow: 1px 1px 0px rgba(255, 255, 255, 1);
			text-decoration: none;
			
			-moz-border-radius-bottomleft: 5px;
			-webkit-border-bottom-left-radius:5px;
			
			-moz-border-radius-bottomright: 5px;
			-webkit-border-bottom-right-radius:5px;
}
	

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

nav {
		float: left;
		margin: 10px 0 0 50px; 
}

	nav ul li {
		text-align:center;
		float: left; list-style: none;
		margin: -10px 6px 0px 0px;
	}


a.mainnav:link, a.mainnav:visited
{
	font-family: 'Great Vibes', cursive;
	-webkit-font-smoothing:	antialiased;
	font-weight:normal !important;
	color:#aa5e3c;
	font-size:32px;
	text-shadow: 1px 1px 0px rgba(255, 255, 255, 1);
	text-decoration:none;
	padding:0 12px;
	-moz-border-radius: 7px;
	border-radius: 7px;
	border: 1px solid rgba(0, 0, 0, 0);
}
	a.mainnav:hover, a.mainnav:active {
		color:#57b5c2;
		text-shadow:1px 1px 0px rgba(255, 255, 255, 1);
		/*background-color:#FF9900;*/
		background-color:rgba(255, 255, 255, .5);
		
		border-right: 1px solid #fff;
		border-bottom: 1px solid #fff;
		border-top: 1px solid rgba(0, 0, 0, 0.1);
		border-left: 1px solid rgba(0, 0, 0,  0.1);
		
	}
	
	.mainnav_in {
		display:block;
		background-color:rgba(140, 126, 83, 0.25);
		-moz-border-radius: 7px;
		border-radius: 7px;
		color:#edebdc;
		width:96px;
		text-shadow: -1px -1px 0px rgba(0, 0, 0, 0.25);
		text-align:center;
		padding:2px;
		border-right: 1px solid rgba(237, 235, 220, 0.4);
		border-bottom: 1px solid rgba(237, 235, 220, 0.4);
		border-top: 1px solid rgba(0, 0, 0, 0.2);
		border-left: 1px solid rgba(0, 0, 0,  0.2);
	}
/*-----END MAIN NAV -----*/


/* ---- Main Borders ---- */

.wrapper {
	float:left;
	width: 900px;
	padding: 0px;

	border-right:30px solid #ded178;
	border-bottom:30px solid #ded178;
	border-left:30px solid #ded178;
	}
	
	
.content {
	float:left;
	width: 900px;
	padding: 0px;
	background-image:url(../images/tile_stucco_yellow.gif);
	border:1px solid #fff;
	
	-webkit-box-shadow: 0px 0px 20px rgba(50, 50, 50, 0.5);
	-moz-box-shadow:    0px 0px 20px rgba(50, 50, 50, 0.5);
	box-shadow:         0px 0px 20px rgba(50, 50, 50, 0.5);
}
	

/* ---------------- FOOTER ---------------- */

footer {
	float:left;
	width:920px;
	padding:20px 20px 20px 20px;
	background-color:#434343;
	color:#FFFFFF;
	-moz-border-radius-bottomright: 15px;
	-webkit-border-bottom-right-radius:15px;
	-moz-border-radius-bottomleft: 15px;
	-webkit-border-bottom-left-radius:15px;
	
}

footer .leftcolumn {
	float:left;

	}


footer .addressbox {
	float:right;
	width:390px;
	background-color:#363636;
	padding:20px 20px;
	text-align:right;
	font-size:12px;
	color:#FFFFFF;
	text-shadow: -1px -1px 0px rgba(0, 0, 0, 1); 
	-moz-border-radius: 10px;
	-webkit-border-radius:10px;

}

footer p {
	color:#FFFFFF;
	font-size:11px;
	text-shadow: -1px -1px 0px rgba(0, 0, 0, 1); 
	padding:75px 0 0 20px;
}


 footer ul li {
		float: left; 
		list-style: none;
		margin: 0px 10px;
		text-align:center;
	}/**/
	
	
	a.footnav:link, a.footnav:visited {
			font-weight:bold;
			font-size:12px;
			color:#FFF;
			-moz-border-radius:7px;
			border-radius:7px;
			padding:10px;
			text-decoration:none;
			text-shadow: -1px -1px 0px rgba(0, 0, 0, 1);
}	
	
	a.footnav:hover, a.footnav:active {
			background-color:#5f5f59;
			color:#9ef0fc;
}


	a.footnav2:link, a.footnav2:visited {
		font-weight:bold;
		margin: 0px;
		font-size:12px;
		color:#ded178;
		text-shadow: -1px -1px 0px #000;
		}
		
	a.footnav2:hover, a.footnav2:active {
		color:#9ef0fc;
		text-decoration:none;
		text-shadow: -1px -1px 0px #000;
}

/*-------------------HOME------------------*/

#homebox {
		float:left;
		width:437px;
		height:269;
		background-color:#FFFFFF;
		background-image:url(../images/bg_paper_home.jpg);
		margin:30px 0px 30px 60px;
		border:solid 10px #ded178;
		-moz-border-radius: 10px;
		-webkit-border-radius:10px;
		text-align:center;
		
		-webkit-box-shadow: 5px 5px 10px rgba(50, 50, 50, 0.5);
		-moz-box-shadow:    5px 5px 10px rgba(50, 50, 50, 0.5);
		box-shadow:         5px 5px 10px rgba(50, 50, 50, 0.5);
	}
	
		#homebox img {float:left; margin-right:40px; border-right:solid 5px #ded178;}
		#homebox p {margin:22px 30px 0px 0px; text-align:left;}
		#homebox_inline {
			width:437px;
			height:400;
			border:solid 1px #fff;
		}

#homeimage {
	float:right;
	clear:right;
	}
	
	
.contentbox {
		float:left;
		width:820px;
		margin:0px 40px 40px 40px;
		background-color:#eee;
		border-top:solid 1px rgba(0, 0, 0, 0.15);
		border-left:solid 1px  rgba(0, 0, 0, 0.15);
		border-bottom:solid 1px #FFFFFF;
		border-right:solid 1px #FFFFFF;
	}	
	
	
	
/* ------------------------------------ DELETE THIS ONCE NEW LOOK IS IMPLEMENTED ------------------------------------ */
		.contentbox .left {
			float:left;
			width: 505px;
			height:496px;
			/* this simulates the gradation */
			-moz-box-shadow:    inset -200px -200px 500px rgba(114, 95, 54, 0.15);
   			-webkit-box-shadow: inset -200px -200px 500px rgba(114, 95, 54, 0.15);
  		 	box-shadow:         inset -200px -200px 500px rgba(114, 95, 54, 0.15);
			
			background-image: url(../images/tile_paper.jpg);
		}
		
/* ------------------------------------ DELETE THIS ONCE NEW LOOK IS IMPLEMENTED ------------------------------------ */

.leftcontent {
	float: left;
	width: 420px;
	}
		.photogallery  .full  {
			float:left;
			width: 740px;
			/*padding:20px 40px;*/
			padding:20px 40px 40px 40px;
			/* large inner shadow which simulates the gradation 
			-moz-box-shadow:    inset -200px -200px 500px rgba(114, 95, 54, 0.15);
   			-webkit-box-shadow: inset -200px -200px 500px rgba(114, 95, 54, 0.15);
  		 	box-shadow:         inset -200px -200px 500px rgba(114, 95, 54, 0.15);*/
			
			/*This allows for an inner shadow over top of the above inner shadow*/
				-moz-box-shadow:    inset 5px 5px 10px rgba(114, 95, 54, 0.25);
   				-webkit-box-shadow: inset 5px 5px 10px rgba(114, 95, 54, 0.25);
  		 		box-shadow:         inset 5px 5px 10px rgba(114, 95, 54, 0.25);
		
			background-image: url(../images/tile_paper.jpg);
		}
		
		.contentbox .full {
			float:left;
			width: 780px;
			/*padding:20px 40px;*/
			padding:20px 0 40px 40px;
			/* large inner shadow which simulates the gradation 
			-moz-box-shadow:    inset -200px -200px 500px rgba(114, 95, 54, 0.15);
   			-webkit-box-shadow: inset -200px -200px 500px rgba(114, 95, 54, 0.15);
  		 	box-shadow:         inset -200px -200px 500px rgba(114, 95, 54, 0.15);*/
			
			/*This allows for an inner shadow over top of the above inner shadow*/
				-moz-box-shadow:    inset 5px 5px 10px rgba(114, 95, 54, 0.25);
   				-webkit-box-shadow: inset 5px 5px 10px rgba(114, 95, 54, 0.25);
  		 		box-shadow:         inset 5px 5px 10px rgba(114, 95, 54, 0.25);
		
			background-image: url(../images/tile_paper.jpg);
		}
		
			.left p {
				margin-bottom:15px;
			}
			.left .main {
				float:left;
				width:429px;
				/*---TEMPORARY TO GET THE FORM TO WORK PROPERLY --- height:456px;*/
				
				padding:20px 25px 20px 40px;	
				/*This allows for an inner shadow over top of the above inner shadow*/
				-moz-box-shadow:    inset 5px 5px 10px rgba(114, 95, 54, 0.25);
   				-webkit-box-shadow: inset 5px 5px 10px rgba(114, 95, 54, 0.25);
  		 		box-shadow:         inset 5px 5px 10px rgba(114, 95, 54, 0.25);
			}
			
			.main ol {margin:10px 0 15px;}
			.main ol li {margin-left:20px;}

			
			.left .rip {
				float:left;
				width:11px;
				height:496px;
				background-image:url(../images/rip_01.png);
			}
		
		.contentbox .right {
			float:right;
			width: 315px;
			height:496px;
			-moz-box-shadow:    inset 0px 5px 10px rgba(0, 0, 0, 0.25);
   			-webkit-box-shadow: inset 0px 5px 10px rgba(0, 0, 0, 0.25);
  		 	box-shadow:         inset 0px 5px 10px rgba(0, 0, 0, 0.25);
			
			background: -moz-linear-gradient(-45deg,  rgba(0,0,0,0) 0%, rgba(2,1,0,0.1) 100%);
			background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(100%,rgba(2,1,0,0.1)));
			background: -webkit-linear-gradient(-45deg,  rgba(0,0,0,0) 0%,rgba(2,1,0,0.1) 100%);
			background: -ms-linear-gradient(-45deg,  rgba(0,0,0,0) 0%,rgba(2,1,0,0.1) 100%);
			background: linear-gradient(135deg,  rgba(0,0,0,0) 0%,rgba(2,1,0,0.1) 100%);
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#1a020100',GradientType=1 );
		}

.contentbox .rightmap {
			float:right;
			width: 315px;
			height:496px;
			background-image:url(../images/map_preview.png);
			background-repeat:no-repeat;
		}
		
.contentbox .right_reservepic {
			float:right;
			width: 315px;
			/* ------------- TEMP FOR FORM ---- height:496px; */
			background-image:url(../images/pic_reservation.jpg);
			background-repeat:no-repeat;	
		}
		
.contentbox .right_matanzaspic {
			float:right;
			width: 315px;
			height:496px;
			background-image:url(../images/pic_jose_marti_statue_matanzas.jpg);
			background-repeat:no-repeat;	
		}
					.right aside {
				float:left;
				width:229px;
				padding:20px 40px 20px 25px;	
			}
			
			.rightmap aside {
				float:left;
				width:259px;
				padding:20px 20px 20px 15px;
			}
			
			.rightmap aside ul li {
				list-style:none; 
				line-height:.5em;
				margin:10px 0 0 0px;
				font-size:12px;	
			}
			
			.right .rip {
				float:left;
				width:19px;
				height:496px;
				background-image:url(../images/rip_02.png);
			}
			
			.rightmap .rip {
				float:left;
				width:19px;
				height:496px;
				background-image:url(../images/rip_02.png);
			}
			
			.right_reservepic .rip {
				float:left;
				width:19px;
				height:496px;
				background-image:url(../images/rip_02.png);
			}
			
			.right_matanzaspic .rip {
				float:left;
				width:19px;
				height:496px;
				background-image:url(../images/rip_02.png);
			}
				aside li {
					margin-left:20px;
					line-height:2em;
					font-size:13px;
				}
				
				aside h1 {color:#666;}
				
				aside p {
					color: #944622;
					font-weight: bold;
					font-size:16px;
					margin-top: 20px;
					line-height:1.3em;
				}
			
				aside img {
					border:solid 5px #FFF;
					margin-top:10px;
					-webkit-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.1);
	-moz-box-shadow:    5px 5px 5px rgba(0, 0, 0, 0.1);
	box-shadow:         5px 5px 5px rgba(0, 0, 0, 0.1);
					
					}

/*-----------------END HOME INTRO----------------*/


/*--------Content Buttons--------*/

.button_1, input[type=submit], input[type=reset]  { /*From http://www.binarymoon.co.uk/2010/06/css-button-redux/*/
    float: left;
	text-decoration:none;
	font-size:16px;
	line-height:1.3em;
	color:#944622;
	display:block;
	padding:6px 15px 6px 15px;
	margin:15px 0 0 0;
	border:1px solid #cdc065;
	text-align:center;
	font-size:12px;
	
	text-shadow: 1px 1px 0px rgba(255, 255, 255, 1);
	
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	-o-border-radius:5px;
	border-radius:5px;
		
	background:#dfdac7;
	/* Gradient */
			background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(228,222,157,1) 100%); /* FF3.6+ */
			background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(228,222,157,1))); /* Chrome,Safari4+ */
			background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(228,222,157,1) 100%); /* Chrome10+,Safari5.1+ */
			background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(228,222,157,1) 100%); /* Opera 11.10+ */
			background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(228,222,157,1) 100%); /* IE10+ */
			background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(228,222,157,1) 100%); /* W3C */
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e4de9d',GradientType=0 ); /* IE6-9 */
	
	-webkit-box-shadow: 4px 4px 5px rgba(0, 0, 0, 0.1);
	-moz-box-shadow:    4px 4px 5px rgba(0, 0, 0, 0.1);
	box-shadow:         4px 4px 5px rgba(0, 0, 0, 0.1);
}


a.button_1:hover {
	text-decoration:none;
	background:#f4f3ed;
	color:#57b5c2;
	
}

/* Gradient -generated by http://www.colorzilla.com/gradient-editor */

.button_2 {
	float:left;
	text-decoration:none;
	font-size:16px;
	line-height:1.3em;
	color:#fff;
	display:block;
	padding:6px 15px 6px 15px;
	border:1px solid #51220D;
	font-size:12px;
	
	text-align:center;
	text-shadow: 1px 1px 0px rgba(0, 0, 0, .5);
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	-o-border-radius:5px;
	border-radius:5px;

	background:#d7d0b8;
	background: rgb(197,113,75);
	background: -moz-linear-gradient(top,  rgba(197,113,75,1) 0%, rgba(121,53,22,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(197,113,75,1)), color-stop(100%,rgba(121,53,22,1)));
	background: -webkit-linear-gradient(top,  rgba(197,113,75,1) 0%,rgba(121,53,22,1) 100%);
	background: -o-linear-gradient(top,  rgba(197,113,75,1) 0%,rgba(121,53,22,1) 100%);
	background: -ms-linear-gradient(top,  rgba(197,113,75,1) 0%,rgba(121,53,22,1) 100%);
	background: linear-gradient(to bottom,  rgba(197,113,75,1) 0%,rgba(121,53,22,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c5714b', endColorstr='#793516',GradientType=0 );
	
	-webkit-box-shadow: 4px 4px 5px rgba(0, 0, 0, 0.1);
	-moz-box-shadow:    4px 4px 5px rgba(0, 0, 0, 0.1);
	box-shadow:         4px 4px 5px rgba(0, 0, 0, 0.1);
}

a.button_2:hover {
	text-decoration:none;
	color:#FFF;
	text-shadow: -1px -1px 0px rgba(0, 0, 0, .5);
	border:1px solid #fff;
	background: rgb(218,128,87);
	background: -moz-linear-gradient(top,  rgba(218,128,87,1) 0%, rgba(162,85,50,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(218,128,87,1)), color-stop(100%,rgba(162,85,50,1)));
	background: -webkit-linear-gradient(top,  rgba(218,128,87,1) 0%,rgba(162,85,50,1) 100%);
	background: -o-linear-gradient(top,  rgba(218,128,87,1) 0%,rgba(162,85,50,1) 100%);
	background: -ms-linear-gradient(top,  rgba(218,128,87,1) 0%,rgba(162,85,50,1) 100%);
	background: linear-gradient(to bottom,  rgba(218,128,87,1) 0%,rgba(162,85,50,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#da8057', endColorstr='#a25532',GradientType=0 );


}

/*---- CALLOUT
.callout {
	width:417px;
	height:72px;
	border:1px solid #fff;
	margin:20px 0 0 0; 	

	background: rgb(247,247,247);
	background: -moz-linear-gradient(top,  rgba(247,247,247,1) 0%, rgba(232,232,232,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(247,247,247,1)), color-stop(100%,rgba(232,232,232,1)));
	background: -webkit-linear-gradient(top,  rgba(247,247,247,1) 0%,rgba(232,232,232,1) 100%);
	background: -o-linear-gradient(top,  rgba(247,247,247,1) 0%,rgba(232,232,232,1) 100%);
	background: -ms-linear-gradient(top,  rgba(247,247,247,1) 0%,rgba(232,232,232,1) 100%);
	background: linear-gradient(to bottom,  rgba(247,247,247,1) 0%,rgba(232,232,232,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7f7f7', endColorstr='#e8e8e8',GradientType=0 );

	}
	.callout .stitch {
		float:left;
		border:dashed 1px #ccc;
		margin:10px;
		padding:5px;
}
	.callout img {float:left}
	.callout p {
		float:right;
		font-size:11px;
		line-height:1.3em;
		width:305px;
		margin-bottom:0px;
		} ----*/
		
/*---- CALLOUT NEW ----*/
.calloutnew {
	width:300px;
	float:right;
	margin:20px 20px 0 0; 
	/* Gradient
	background: rgb(247,247,247);
	background: -moz-linear-gradient(top,  rgba(247,247,247,1) 0%, rgba(232,232,232,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(247,247,247,1)), color-stop(100%,rgba(232,232,232,1)));
	background: -webkit-linear-gradient(top,  rgba(247,247,247,1) 0%,rgba(232,232,232,1) 100%);
	background: -o-linear-gradient(top,  rgba(247,247,247,1) 0%,rgba(232,232,232,1) 100%);
	background: -ms-linear-gradient(top,  rgba(247,247,247,1) 0%,rgba(232,232,232,1) 100%);
	background: linear-gradient(to bottom,  rgba(247,247,247,1) 0%,rgba(232,232,232,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7f7f7', endColorstr='#e8e8e8',GradientType=0 ); */

	}
	
	.calloutnew .stitch {
		float:left;
}
	.calloutnew img {
		float:left 
		width:50px
		}
		
	.calloutnew p {
		float:right;
		font-size:11px;
		line-height:1.3em;
		width:240px
		}
		
/*----CALLOUT TAXI-----*/

#taxibox {
		float:left;
		width:400px;
		height:269;
		background-color:#FFFFFF;
		margin:20px 0px 20px 0px;
		border:solid 10px #ded178;
		-moz-border-radius: 10px;
		-webkit-border-radius:10px;
		text-align:center;
		
		-webkit-box-shadow: 5px 5px 10px rgba(50, 50, 50, 0.5);
		-moz-box-shadow:    5px 5px 10px rgba(50, 50, 50, 0.5);
		box-shadow:         5px 5px 10px rgba(50, 50, 50, 0.5);
	}
	
		/*----#taxibox img {float:right; margin: 10px 10px 0px 20px;} --*/
		#taxibox p {margin: 10px 10px 0px 20px; text-align:left;}
		#taxibox_inline {
			width:417px;
			height:400;
			border:solid 1px #fff;
		}

/*----
#taxiimage {
	float:right;
	clear:right;
	}-----*/
		
#reviews {
		margin-top:-20px;
}

	#reviews h2 a {
		font-size:14px;
	}
	
	#reviews p {
		font-size:12px;
		margin:3px 0 3px 0;
		clear:both;
		}
		
	#reviews a {
		font-size:12px;
		font-weight:bold;
		text-shadow: 1px 1px 0px rgba(255, 255, 255, 1);
	}
	
	#reviews .date {
		font-size:10px;
		margin:20px 0 0px 0;}
		
	.star {
		color: #944622;
		
		}
		
	
	.reviewtable {
		margin-top:10px;
	}
	
	
	.reviewlabel {
			clear: left; 
			width: 120px;
			text-align:left;
	
			}
			
		.reviewname {
			color: #944622;
			padding-left: 10px;
			white-space:nowrap;
		}
		
		.reviewlabel, .reviewname {
			float: left; 
			height: 30px;
			}

		
/*----------- RATES PAGE ------------*/

#panel {
	float:left;
	background-color:rgba(255, 255, 255, .5);

	
	/*This allows for an inner shadow over top of the above inner shadow*/
				-moz-box-shadow:    inset 0px 0px 50px rgba(219, 212, 168, 1);
   				-webkit-box-shadow: inset 0px 0px 50px rgba(219, 212, 168, 1);
  		 		box-shadow:         inset 0px 0px 50px rgba(219, 212, 168, 1);
	}
	
#panelright {
	width:280px;
	float:right;
	background-color:rgba(255, 255, 255, .5);
	margin:20px 40px 0 0;

	
	/*This allows for an inner shadow over top of the above inner shadow*/
				-moz-box-shadow:    inset 0px 0px 50px rgba(219, 212, 168, 1);
   				-webkit-box-shadow: inset 0px 0px 50px rgba(219, 212, 168, 1);
  		 		box-shadow:         inset 0px 0px 50px rgba(219, 212, 168, 1);
	}
	
	#panelright li {
		margin-left:20px;
		line-height:2em;
		font-size:13px;
			}
			
	#panelright li:first-child { 
		margin-top:10px;
		}
	
#panel_shdw {
	border:solid 1px #fff;
	padding:20px 30px;
	box-shadow:5px 5px 10px rgba(0, 0, 0, .1);
}


#promocolumn_1, #promocolumn_2 {
	float:right;
	width: 425px;
	padding: 0 0 30px 0;
	background-repeat:no-repeat;
}

#promocolumn_1 {
	background-image:url(../images/pic_varadero.png)
}
#promocolumn_2 {
	background-image:url(../images/pic_scuba_sm.png);
	padding-top: 20px;
}

#pricecolumn_right .callout {
	float:left;
	width:189px;
	height:183px;
	border:1px solid #fff; 	
	
	background: rgb(247,247,247);
	background: -moz-linear-gradient(top,  rgba(247,247,247,1) 0%, rgba(232,232,232,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(247,247,247,1)), color-stop(100%,rgba(232,232,232,1)));
	background: -webkit-linear-gradient(top,  rgba(247,247,247,1) 0%,rgba(232,232,232,1) 100%);
	background: -o-linear-gradient(top,  rgba(247,247,247,1) 0%,rgba(232,232,232,1) 100%);
	background: -ms-linear-gradient(top,  rgba(247,247,247,1) 0%,rgba(232,232,232,1) 100%);
	background: linear-gradient(to bottom,  rgba(247,247,247,1) 0%,rgba(232,232,232,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7f7f7', endColorstr='#e8e8e8',GradientType=0 );

	}
	#pricecolumn_right .callout .stitch {
		float:left;
		border:dashed 1px #ccc;
		margin:10px;
		padding:10px;
}
	
	#pricecolumn_right .callout p {
	
		font-size:12px;
		line-height:1.5em;
		width:145px;
		margin-bottom:0px;
		}
		
	

/* ------------------ FORM -------------------- */


#contact {
	width: 300px; margin: 20px auto; padding: 20px 20px;
	background-image:url(images/tile_form.gif);
	 border: 1px solid #fff;
	-moz-box-shadow: 0px 0px 8px #8a7d55;
	-webkit-box-shadow: 0px 0px 8px #8a7d55;
}


label {
	float: left; 
	clear: left; 
	width: 95px;
	text-align: right;
	font-size: 14px; 
	color: #534722; 
	text-shadow:#f1efe0;
}

input {
	width: 195px; 
	height: 25px; 
	padding: 2px 5px;
	margin: 0 0 5px 0; 
	background: #fff; 
	font-size: 13px;
	border:1px solid #e6dfb2;
	border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;
	
}

	input::-webkit-input-placeholder  {
    	color: #675a33;
}
	input:-moz-placeholder {
	    color: #675a33;
	}


textarea {
	width: 195px !important; 
	height: 150px; 
	padding: 2px 5px;
	margin: 0 0 -10px 0;
	background: #fff;
	font-size: 13px;
	border:1px solid #e6dfb2;
	border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;
	-moz-box-shadow: 0px 1px 0px #f2f2f2;-webkit-box-shadow: 0px 1px 0px #f2f2f2;
	
}
	textarea::-webkit-input-placeholder  {
    	color: #675a33; 
	}
	textarea:-moz-placeholder {
	    color: #675a33;
	}
	
input:focus, textarea:focus {
	background: #fff4aa;
}

input[type=submit], input[type=reset] {
	margin-left:15px;
	white-space:nowrap;
	width: 75px;
	float: right;
	text-align:center;
	text-shadow: 1px 1px 0px rgba(255, 255, 255, 1);
	cursor:pointer;
}

form td {padding:0 5px 0 0; font-size:13px; height:40px;}

/* ----- END FORM ------ */


.forced_subtitle {
	font-size: 18px; 
	font-weight:bold; 	
	color:#ab5e38;
}
CALLOUT