/* http://meyerweb.com/eric/tools/css/reset/ */
/* v1.0 | 20080212 */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/***********************************************/

body {
	position:relative;
	behavior: url(/assets/js/csshover3.htc);		
	background:#fff url(images/bg_template_top.jpg) no-repeat 0 0;
	text-align:center;
}
div#contain {
	position:relative;
	text-align:left;
	margin:0 auto 0 auto;
	width:980px;
	overflow:hidden;
}
div#branding {
	position:relative;
	height:230px;
	overflow:hidden;
	background-color:transparent;
}
div#branding h1 {
	color:#5d3e22;
	line-height:1;
	z-index:5;
	font-family:georgia,times,serif;
}
div#branding p {
	margin:5px 0 0 0;
	padding:0;
	line-height:1.3;
}
div#branding p strong {
	font-size:12px;
	font-weight:normal;
}
div#branding h1 a {
	margin:8px auto 10px auto;
	text-align:center;
	text-indent:-9000px;
	display:block;
	height:100px;
	width:272px;
	background:#fff url(/assets/css/images/vallarta-gardens-logo.gif) no-repeat 0 0;
}
div#branding img {
	position:absolute;
	top:0;
	left:0;
	z-index:1;
}
ul#main_nav {
	height:50px;
	line-height:50px;
	z-index:5;
	position:absolute;
	top:177px;
	left:0;
	overflow:hidden;
}
ul#main_nav li {
	float:left;
	margin:1px 0;
	text-transform:uppercase;
	font-size:14px;
}
ul#main_nav li a {
	letter-spacing:.5px;
	font-family:georgia,times,serif;
	text-decoration:none;
	padding:1px 3px 1px 25px;
	color:#745d51;
	font-weight:300;
}
ul#main_nav li a:hover {
	color:#583913;
	background-color:#fff;
	text-decoration:underline;
}
div#cta {
	height:120px;
	overflow:hidden;
}
div#site_info {
	margin:0;
	padding:100px 0 20px 0;
	background:#fff url(images/bg_template_bottom.gif) no-repeat 0 0;
	overflow:hidden;
	text-align:center;
}
div.content_sub{
	margin:15px 0;
}
div#content{
	margin:10px 0 15px 0;
	height:336px;
	width:auto;
	overflow:hidden;
	position:relative;
	background-color:transparent;
}
div#content h2 {
	color:#88746a;
	font-family:georgia,times,serif;
	font-size:26px;
	font-weight:normal;
	margin:10px 0 15px 0;
}
div#content h3 {
	margin:15px 0;
	font-size:12px;
}
div#content p {
	line-height:1.5;
	margin:12px 0;
}
div#content a:hover {
	color:#754C39;
	text-decoration:underline;
}
div#content img, div.content_sub img {
	border:1px solid #bdb8b4;
	margin:0 10px 0 10px;
}
div#feature {
	float:left;
	width:461px;
	height:335px;
}
div#content ul#promo {
	float:left;
	padding:0;
	overflow:hidden;
	margin:-10px 0 0 10px;
	list-style:none;
}
div#content ul#promo li {
	list-style:none;
	text-align:center;
	font-size:17px;
	text-transform:uppercase;
	background:#63b4c3 url(images/bg_blue_promo.jpg) no-repeat 0 0;
	width:208px;
	height:81px;
	padding:25px 10px 0 10px;
	color:#fff;
	margin:10px 0 0 0;
	overflow:hidden;
	font-family:verdana, geneva, arial, helvetica, sans-serif;
}
div#content ul#promo li a {
	color:#fff;
	text-decoration:none;
	font-size:17px;
}
div#content ul#promo li a:hover {
	text-decoration:underline;
}

div#content ul#promo li.book a {
	color:#CD5555;
	font-weight:bold;
}

div.text {
	font-size:11px;
	float:left;
	margin:0 10px 0 10px;
	padding:10px 20px;
	width:215px;
	overflow:hidden;
	height:100%;
	background-color:#63b4c3;
}
div#content div.text a {
	color:#fff;
}
div#content div.text p {
	font-family:helvetica,arial,sans-serif;
	font-size:12px;
	color:#fff;
	line-height:1.5;
}

div#right_supplement {
	
}
div#left_supplement {
	float:left;
	margin:0 10px 0 0;
	padding:10px 15px;
	width:200px;
	background-color:#c9eded;
	overflow:hidden;
	height:100%;
}
div#content div#left_supplement ul {
	font-style:italic;
	color:#88746a;
}
div#content div#left_supplement ul li {
	list-style-image:none;
	list-style-type:none;
	margin:5px 0;
	background:url(images/bg_li_arrow.gif) no-repeat 0 50%;
	padding:0 0 0 10px;
}
div#content div#left_supplement ul.tight li {
	margin:2px 0;
}
div#content div#left_supplement ul li a{
	font-style:normal;
	text-transform:uppercase;
}
div#content div#left_supplement ul#vids {
	height:190px;
	overflow:hidden;
}
div#content div#left_supplement ul#vids li {
	margin:2px 0;
}
div#content div#left_supplement ul#vids li a {
	line-height:1;
}
div#content ul, div.content_sub ul{	
	margin-top:15px;
	margin-left:39px;
	margin-bottom:15px;
	padding-left:0px;	
}
div#content ul li, div.content_sub ul li {	
	list-style-image: url(images/bullet.gif);
	line-height:1.4;
	vertical-align:middle;
	font-family:verdana, geneva, arial, helvetica, sans-serif;
	color:#7c795a;
	font-size:11px;
}
div.content_sub ul {
	margin:10px 0 15px 20px;
}
div.content_sub ul li {
	margin:5px 0;
}

div.content_sub h3 {
	margin:12px 0;
	font-size:13px;
}

div.content_sub p {
	line-height:1.4;
	margin:8px 0;
	font-size:11px;
}
div.content_sub h4 {
	margin:12px 0 8px 0;
	font-size:12px;
	color:#666666;
}
div.scroll{
	overflow:auto;
	width:auto;
	height:85%;
}
div.wrapper hr {
	clear:both;
	height:10px;
	border:none;
}

.content_sub table {
	width:98%;
	margin:0 auto;
}
.content_sub table th {
	font-family:georgia,times,serif;
	font-size:16px;
	font-style:italic;
	color:#666666;
	font-weight:normal;
}
.content_sub table td {
	border:1px solid #cccccc;
	padding:10px;
	font-family:verdana, geneva, arial, helvetica, sans-serif;
	color:#7c795a;
	font-size:11px;
}
.content_sub table th{
	padding:0 0 5px 10px;
}
div#content a.nyroIframe img {
	border:none;
}

div#content table#vts {
	z-index:100;
	padding:0;
	font-family:verdana, geneva, arial, helvetica, sans-serif;
	color:#7C795A;
	font-size:13px;
}
div#content table#vts td {
	margin:0;
	padding:10px 0;
	text-align:center;
	vertical-align:middle;
	width:160px;
}
div#content table#vts td a {
	display:block;
	margin:3px 0 0 0;
}

/** =CTA= **/

div#cta table td {
	padding:5px 0 0 20px;
	vertical-align:middle;
}
div#cta table h4 {
	font-family:verdana, arial, helvetica, sans-serif;
	color:#fff;
	font-size:12px;
	text-transform:uppercase;
}
div#cta form table {
	margin:5px 0 0 0;
	line-height:1em;
}
div#cta form table td {
	padding:0 10px 0 0;
	color:#fff;
	vertical-align:bottom;
}
div#cta table p {
	color:#fff;
	width:200px;
	margin:15px 0 0 0;
	line-height:1.2;
	font-size:10px;
}
div#cta #date_from {
	height:12px !important;
	width:100px !important;
}

/**
div#cta form {
	margin:10px 0 0 0;
}
div#cta form input#checkin {
	width:80px;
}
div#cta form input#submit {
	float:right;
	margin:10px 15px 0 0;
}
div#cta form img {
	display:block;
}
div#cta form select {
	width:auto;
	border:1px none #969694;
	color:#343434;
	font-family:verdana,geneva,arial,helvetica,sans-serif;
	font-size:9px;
}
**/
div#cta form div.row {
	margin:12px 0 0 0;
}
div#cta form label {
	display:block;
	float:left;
	margin:0 12px 0 0;
}
div#cta form#newsletter input {
	width:180px;
	float:left;
	display:block;
	margin:0 15px 0 0;
}
div#cta form#newsletter input#submit {
	width:91px;
	float:none;
	margin:0;
}
ul#music_controls{
	position:absolute;
	top:15px;
	right:10px;
	list-style-type:none;
	color:#aaaaaa;
	font-size:11px;
	font-family: "Myriad Pro Regular","Trebuchet MS";
	line-height:1;
}
ul#music_controls li {
	display:inline;
	font-size:11px;
	padding:0;
	margin:0 2px;
	line-height:1;
}
ul#music_controls li a {
	line-height:1;
	color:#cccccc;
	text-decoration:none;
	font-style:italic;
	font-family: "Myriad Pro Regular","Trebuchet MS";
}

/** **/
table.room {
	overflow:hidden;
	font-family:arial,helvetica,sans-serif;
	margin:5px 15px 10px 15px;
	padding:0 0 0 5px;
	text-align:left;
}
table.room th{
	color:#a38651;
	padding:5px;
	font-weight:bold;
	font-size:12px;
}
table.room td {
	padding:5px;
	color:#6d6460;
	font-size:11px;
	line-height:14px;
}
table.room td.hdr {
	color:#000000;
	font-size:11px;
	font-weight:bold;
	line-height:16px;
}
div#nyroModalContent td{
	vertical-align:middle;
	padding:10px 5px;
}
div#nyroModalContent h3{
	font-family:arial,helvetica,sans-serif;
	text-transform:uppercase;
	color:#333333;
	margin:10px 0;
	font-weight:normal;
	font-size:16px;
}
div#nyroModalContent img {
	margin:0 10px 0 0;
}

div.tout {
	min-height:135px;
	margin:20px 0 0 0;
	padding:8px 0 8px 20px;
	background-color:#fff;
}

/* = GENERIC = */

.right {
	float:right;
}

/****************OLD*******************************/

a, a:active, a:focus, a:link, a:visited{
	font-family:verdana, arial, helvetica, sans-serif;
	color:#54a0b0;
	font-size:11px;
	font-weight:normal;
	line-height:18px;
	word-spacing:-1px;
	text-decoration: underline;		
}
a:hover{
	font-family:verdana, arial, helvetica, sans-serif;
	color:#54a0b0;
	font-size:11px;
	font-weight:normal;
	line-height:18px;
	word-spacing:-1px;	
	text-decoration: none;
}	

h1{
	font-family:verdana, geneva, arial, helvetica, sans-serif;
	color:#593a14;
	font-size:14px;
	line-height:18px;
	font-weight:600;	
	margin-bottom:7px;
}
h2{
	font-family:verdana, geneva, arial, helvetica, sans-serif;
	color:#593a14;
	font-size:14px;
	line-height:18px;
	font-weight:600;	
	margin-bottom:3px;
}
h3{
	font-family:verdana, geneva, arial, helvetica, sans-serif;
	color:#754C39;
	font-size:14px;
	line-height:18px;
	font-weight:600;	
	margin-bottom:11px;
}
p{
	font-family:verdana, geneva, arial, helvetica, sans-serif;
	color:#7c795a;
	font-size:11px;
	font-weight:normal;
	line-height:18px;
	word-spacing:-1px;
}
input{
	font-family: verdana, geneva, arial, helvetica, sans-serif;
	font-size:11px;
	font-weight:normal;
	color:#000000;
}
input.check{
	font-family: verdana, geneva, arial, helvetica, sans-serif;
	font-size:10px;
	font-weight:normal;
	background-color: #ffffff;
	color:#000000;
	border: thin;
	border-width:1px;
	border-style:solid;
	border-color:#969696;
	width: 83px;
	height: 18px;
}
select{
	font-family: verdana, geneva, arial, helvetica, sans-serif;
	font-size: 9px;
	font-weight: normal;
	color: #343434;
	background-color: #ffffff;
	width: 55px;
	border: 1px;
	border-color:#969694;
	margin-top: 0px;
}
select.date{
	font-family: verdana, geneva, arial, helvetica, sans-serif;
	font-size: 9px;
	font-weight: normal;
	color:#999999;
	background-color: #ffffff;
	width: 44px;
	height:16px;
	border:1px;
	border-color:#c1c1c1;
	border-style:solid;
}
select.year{
	font-family: verdana, geneva, arial, helvetica, sans-serif;
	font-size: 9px;
	font-weight: normal;
	color:#999999;
	background-color: #ffffff;
	width: 75px;
	height:17px;
	border:1px;
	border-color:#c1c1c1;
	border-style:solid;
}
select.nights{
	font-family: verdana, geneva, arial, helvetica, sans-serif;
	font-size: 9px;
	font-weight: normal;
	color:#999999;
	background-color: #ffffff;
	width: 44px;
	height:17px;
	border:1px;
	border-color:#c1c1c1;
	border-style:solid;
}
.bg_white{	
	background-color: #ffffff;
	background-repeat: repeat;
}
.bg_top_body{	
	background-image: url(images/bg_top_body.gif);
	background-repeat: no-repeat;
}
.bg_tile_body{	
	background-image: url(images/bg_tile_body.gif);
	background-repeat: repeat;
}
.bg_footer{
	background-image: url(images/bg_footer.gif);
	background-repeat: no-repeat;
}
.bg_pop{
	background-image: url(images/pop_bg.jpg);
	background-repeat: no-repeat;
}
.pointer { cursor: pointer; }

td.cal { font-family:arial; font-size: 8pt; }
td.calmonth { font-family:arial; font-size: 8pt; text-align: right;}
td.caltoday { font-family:arial; font-size: 8pt; text-align: right; color: red; border-width:1; border-type:solid; border-color:#800000; }
a.cancel { font-family:arial; font-size: 8pt; height: 20px; color: gray; }
a.cal { text-decoration:none; color:#000000; }
a.calthismonth { text-decoration:none; color:#000000; font-weight: bold;}
a.calothermonth { text-decoration:none; color:#808080; }


.h{ display:none; }

ul.gallery, div#content ul.gallery {
	display:block;
	height:auto;
	margin:0;
	padding:16px 0 0 0;
	list-style:none;
	clear:both;
}
ul.gallery li, div#content ul.gallery li {
	border:1px solid #D6D0B2;
	float:left;
	width:auto;
	margin:0 18px 18px 0;
	background-color:#DDDDDD;
	list-style:none;
}
ul.gallery li a:hover, div#content ul.gallery li a:hover {
	border:4px solid #DDDDDD;
}
ul.gallery li a, div#content ul.gallery li a {
	border:4px solid #FFFFFF;
	display:block;
	height:50px;
	width:75px;
}
div#content ul.gallery img {margin:0;border:none;}
div#content ul.gallery{margin:0;padding:25px 0 0 24px;clear:none;}

div#hot_deals {
	width:400px;
	height:auto;
	overflow:hidden;
}
div#hot_deals p {
	margin:12px 0;
}
#coral, #seastar {
	display:none;
}
#nyroModalContent ul.normal {
	color:#7C795A;
	font-family:verdana,geneva,arial,helvetica,sans-serif;
	font-size:11px;
	font-weight:normal;
	line-height:15px;
	word-spacing:-1px;
	list-style-type:circle;
	padding:0 0 0 20px;
}
#nyroModalContent ul.menu {
	color:#7C795A;
	font-family:verdana,geneva,arial,helvetica,sans-serif;
	font-size:11px;
	font-weight:normal;
	line-height:15px;
	word-spacing:-1px;
	list-style:none;
	padding:0 0 0 5px;
margin:0 0 0 5px;
}
#nyroModalContent ul.menu li {
	color:#ad8000;
	margin:15px 0;
padding:0 0 0 20px;
background:transparent url(images/bg_li_leaf.gif) no-repeat 0 0;
}
#nyroModalContent ul.menu li strong {
	color:#333333;
}
#nyroModalContent h3.menu {
	font-size:13px;
	font-weight:bold;
	font-style:italic;
	color:#808000;
}

  #google_translate_element{position:absolute;top:120px;right:0}
  #google_translate_element select {width:auto;border:1px solid #efefef;}
  #google_translate_element div {margin:0 4px 0 0;padding:0 4px 0 0;}