/*  A_STRUCTURE.CSS for www.GRAYLINECANCUN.com  ::  */

/* BASELINE SETTINGS  ----------------------*/

/*<![CDATA[*/

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

table { 
border-collapse: collapse; border-spacing: 0; }

fieldset, img { border: 0; }

address, caption, cite, code, dfn, em, th, var { 
font-style: normal; font-weight: normal; }

ol, ul { margin: .25em 0;  margin-left: 10px; padding-left: 0; }

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

ol { list-style-type: decimal; }

caption, th {  text-align: left; }

h1, h2, h3, h4, h5, h6 { font-size: 100%; }


/*   STRUCTURE SETTINGS  ----------------------*/
html {
	margin: 0;  
	padding: 0;
}

body { 
	position: relative;
	top: 0;
	left: 0;
	margin: 0 auto;  
	padding: 0;  
	color: #000;  
	position: relative; 
	text-align: center;	
	font-size: 76%;
	font-family: Verdana, "Lucida Grande", Arial, sans-serif;
	background-image: url(images-basic/mainbar.png);
	background-repeat: repeat-y;
	background-position: top center;
		/* bkgcolor added in separate file */
}

/* #container { position: relative;
	left: 0;
	top: 0;
	width: 720px; 
	height: auto;
	margin: 0 auto;
	padding: 0;
}
div#container-AIRPORT-MR { position: relative;
	left: 0;
	top: 0;
	width: 720px; 
	height: auto;
	margin: 0 auto;
	padding: 0; 
} */

#container,
#content { position: relative;
	top: 0;
	left: 3px;
	width: 720px; 
	height: auto; 
	padding: 0; 		
	margin: 0 auto; 
	background-color: transparent; 	
}
#container { left: 0; }

#footer { position: relative;
	top: 20px;
	left: -141px;
	width: 720px; 
	height: 180px; 
	padding: 0; 		
	margin-left: 0; 
	margin-top: 20px; 	
}
.footerlinks { position: relative;
	top: -90px;
	left: 250px;
	width: 600px; 
	height: 28px; 
	padding: 0; 	
	z-index: 900;	
}
.footergraylinelogo { position: relative;
	top: -40px;
	left: 0px;
	width: 170px; 
	height: 106px; 
	padding: 0; 		
	z-index: 800;  	
}



/* CSS LAYOUT BLOCKS ------------------------------------*/

#logoblock { position: relative; 
	top: 0px; 
	left: -3px;
	width: 720px; 
	height: 120px; 
	margin: 0; 
	padding: 0;
	z-index: 90;
}
#collage { position: relative; 
	top: 0px; 
	left: 4px;  /* for some reason it's offset to left */
	width: 720px; 
	height: 159px; 
	margin: 0; 
	padding: 0;
		/* border-bottom: color added in separate file */
	z-index: 95;	
}
#logo { position: absolute;
	top: 100px;
	left: 3px;
	width: 720px;
	height: 148px;
	margin: 0;
	padding: 0;
	z-index: 300;
}
.slogan,
.slogan_tours { position: absolute;
	top: 246px;
	left: 162px;
	width: 550px;
	height: auto;
	margin: 0;
	padding: 0;
	z-index: 500;	
	text-align: left;
	font-size: 1em;
	line-height: 1.2em; 
}
.h2indent { padding-left: 6em; }

/* ~~~~~~~~~~~~~~~~~~~~ PRIMARY DIVS ~~~~~~~~~~~~~~~~~~~~~~~~ */
#primary {
	position: absolute;
	top: 270px;
	left: 130px;
	margin-left: 4px;
	width: 440px;
	min-height: 700px;
	margin-top: 1px;
	padding: 6px 10px 10px 8px; 	 
	text-align: left;
}
#primary_tours {
	position: absolute;
	top: 270px;
	left: 140px;
	width: 520px;
	margin-left: 4px;
	margin-top: 0px;
	margin-bottom: 20px;
	padding: 10px 10px 10px 8px; 	 
	text-align: left;
}

.text {
	color: #333;
	font-size: 100%;
	line-height: 1.3em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	z-index: 100;
}
.text p,
#primary_tours p { padding-bottom: .5em; }

/* holder for photoshop font sub-heads */
#primary .text h1 img { margin-left: .75em; }

/* SECONDARY --------------------------------------*/

#secondary {
	position: absolute;
	top: 302px;
	left: 0px;
	margin-left: 0px;
	margin-top: 30px;
	width: 120px;
	text-align: left;
	color: #333333;
	font-size: 95%;
	line-height: 1.3em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	z-index: 200;
}
#secondary_tours {
	position: absolute;
	top: 302px;
	left: 0px;
	margin-left: 5px;
	margin-top: 50px;
	width: 120px;
	text-align: left;
	color: #333333;
	font-size: 95%;
	line-height: 1.3em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	z-index: 200;
}

#primary_tours ul li { padding-left: .5em; }


/* ~~~~~~~~~~~~~~~~~~~~ PRIMARY LINKS ~~~~~~~~~~~~~~~~~~~~~~~~ */

#primary_tours a,
#primary a { 
	font-size: 1.0em;
	font-family: Verdana, sans-serif; }
	
#primary_tours a:link,
#primary_tours a:visited,	
#primary a:link,
#primary a:visited 	{ 
	color: #465cc2;                /* graylineblue */
	text-decoration: none;
	border-bottom: 1px dotted #465cc2; /* graylineblue */ }
	
#primary_tours a:hover,
#primary_tours a:active,	
#primary a:hover, 
#primary a:active	{ 
	color: #465cc2;                /* graylineblue */ 
	text-decoration: none;
	border-bottom: 1px dotted #465cc2; /* graylineblue */  }	


#extra{
	position: absolute;
	top: 285px;
	left: 586px;
	text-align: left;
	margin-left: 0px;
	margin-top: 30px;
	width: 120px;
	height: auto;
	z-index: 540;
}

#introtext { margin-top: 10px;
	margin-left: 16px;
	width: 410px;
	text-align: left;
	color: #333333;
	font-size: 87%;
	line-height: 1.3em;
	font-family: Verdana, Arial, Helvetica, sans-serif; }
	
/* ------------- NAVIGATION ------------------------- */

div.navbar { position: absolute;
	top: 0px; 
	left: 10px; 
	width: 120px; 
	height: 439px;
	margin: 0; 
	padding: 0;	
	z-index: 150;
}

table#navlist a:link img,
table#navlist a:visited img,
table#navlist a:hover img,
table#navlist a:active img
 { border: none; padding: 0; margin: 0;}
 
 
div.navbar ul.textlinks { display: block; 
	padding-left: 5px; 
	list-style-type: none;
	margin-left: 0; }
	
div.navbar ul.textlinks li {
	width: 118px;
	height: auto;
	font-size: .9em;
	line-height: 1.3em;		
}
div.navbar li a:link,
div.navbar li a:visited { 
	display: block;
	width: 118px;
	margin: 0;
	color: #000000; 
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	text-decoration: none; 
}

div.navbar li a:active,
div.navbar li a:hover { 
	/* color added in separate file */
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	text-decoration: none;	
}

table.navlist td.navbar_contact .navbold { 
	padding-top: 6px;
	font-weight: bold;
	color: #273a92;          /* grayline blue */ 
	text-transform: uppercase;
}

table.navlist td.navbar_contact { 
	font-weight: normal;
	line-height: 1.5em;
	font-size: .92em; 
	color: #676767;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	padding-left: .75em;
}
table.navlist td.navbar_contact a:link,
table.navlist td.navbar_contact a:visited { 
	text-decoration: none;
	font-weight: bold;
	color: #273a92;          /* grayline blue */ 
	text-transform: uppercase;
	line-height: 1.5em;
	font-size: .92em; 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color: transparent;
	border-bottom: 1px dotted #777777;
	padding-bottom: 1px;
	padding-top: 6px;
}
table.navlist td.navbar_contact a:hover,
table.navlist td.navbar_contact a:active { 
	text-decoration: none;
	font-weight: bold;
	color: #d02656;          /* rosee */
	text-transform: uppercase;
	line-height: 1.5em;
	font-size: .92em; 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color: transparent;
	border-bottom: 1px solid #d02656;
	padding-bottom: 1px;
	padding-top: 6px;
}

/* HEADERS  ---------------------------------------------*/

h1 { color: #273a92;          /* grayline blue */
	padding-top: 1em;
	padding-bottom: 1px;
	line-height: 1.3em;
	font-size: 1.5em; 
	font-style: italic;
	font-family: Georgia, Times, serif; 
	/* font-family: "Lucida Grande", Arial, sans-serif; */
}
h1 a { 
	padding-bottom: .25em; 
	line-height: 1.3em; 
}
	
h2 { 	/* color added in separate file */
	padding-top: .5em;
	padding-bottom: .5em;
	line-height: 1.3em;
	font-size: 1.1em;  
	font-family: Arial, Helvetica, sans-serif;
}
div.slogan h2,
div.slogan_tours h2 {  
		/* color added in separate file */

	font-style: italic; 
	font-family: Georgia, "Times New Roman", Times, serif; 

}
	
h3 { 	/* color added in separate file */
	padding-top: .6em;
	padding-bottom: .4em;
	line-height: 1.3em;
	font-size: 1em;  
	font-family: Verdana, "Lucida Grande", Arial, sans-serif;
}

h4 { 	/* color added in separate file */
	text-transform: uppercase;
	padding-top: .4em;
	padding-bottom: .2em;
	line-height: 1.1em;
	font-size: 1em;  
	font-family: Verdana, "Lucida Grande", Arial, sans-serif;
}
h4 a { font-size: .96em; line-height: 1.3em;
	font-family: "Lucida Grande", Arial, sans-serif; }

img.headers { height: 30px;
	margin-top: 0px; 
	margin-left: 0; 
	border: none; }
	
	
.grayline { color: #13124c; font-weight: bold; }

.litegray { color: #888888; /* litegray */ }


.message {
	margin-top: 10px;
	padding: 3px;
	width: 550px;
	text-align: center;
	color: #f4e5aa;              /* pale   */
	background-color: #13124c;	/* grayline blue */
	border: 3px solid #42aac5; /* aqua */
	font-weight: bold;
	font-style: italic;
	font-size: 1.1em;
	font-family: Georgia, "Times New Roman", Times, serif; }
	
.ital { font-style: italic; }
	
/*  UL/LI ---- LIST ELEMENTS --------------------------*/

div.general_info { position: relative;
	top: 40px; left: 8px;
	width: 500px; }
	
div.general_info ul { 
	list-style-type: disc;
	list-style-position: inside;}

div.general_info li { padding-left: 1.5em; padding-bottom: .2em; }

div.general_info p img { padding-left: 9px; }

/* USED ON TABLES for BOOK NOW BUTTONS ~~~~~~~~~~~~~~~~~~ */

input { 
	border: 1px solid #13124c; 
	padding: 2px;
	margin: 2px 0;
	font-size: 1em;
	line-height: 1.3em;  
	font-family: Verdana, "Lucida Grande", Arial, sans-serif; }

textarea { 
	border: 1px solid #13124c; 
	padding: 2px;
	margin: 2px 0;
	font-size: 1em;
	line-height: 1.3em;  
	font-family: Verdana, "Lucida Grande", Arial, sans-serif; }
	
label {  
	color: #42aac5; /* aqua */
	padding: 0;
	margin: 3px 0 1px 0;
	font-size: .8em;
	line-height: 1em;  
	font-family: Verdana, "Lucida Grande", Arial, sans-serif;
	text-transform: uppercase; 
}
/* SPECIAL EMPHASIS BLOCKS: ------------------------- */



div.mayanriv { 
	padding: 0 3px 4px 6px;
	width: 260px;
	background-color: #13124c;	     /* grayline blue */
	color: #f4e5aa;                  /* pale   */
	border-top: 4px solid #42aac5;   /* aqua */	
	font-style: italic;
	font-weight: bold; 
	font-size: 1.1em; 
	line-height: 1.3em;
	font-family: Georgia, "Times New Roman", Times, serif; 
	margin-bottom: 10px;
	margin-right: 6px; }
	
.banner-avail { 
	padding: 2px 6px;
	width: 280px;
	background-color: #fae6df;       /* pale coral */
	color: #13124c;	     			 /* grayline blue */	
	border: none;     	 			
	font-style: normal;
	font-weight: bold; 
	font-size: .82em; 
	line-height: 1.6em;
	font-family: Georgia, "Times New Roman", Times, serif; 
	margin-bottom: 10px;
	margin-right: 6px; }

.banner-avail-MR { 
	padding: 2px 6px;
	width: 280px;
	background-color: #13124c;	     /* grayline blue */
	color: #f4e5aa;                  /* pale   */
	border: none;
	font-style: normal;
	font-weight: bold; 
	font-size: .82em; 
	line-height: 1.6em;
	font-family: Georgia, "Times New Roman", Times, serif; 
	margin-bottom: 10px;
	margin-right: 6px; }	
	
	
/* USED IN EXTRA CALL-OUT BLOCKS: ----------------*/

.callouts { 
	margin-top: 10px;
	margin-left: 5px;
	padding: 6px 4px 10px 6px;
	width: 110px;
	font-size: 1.0em; 
	line-height: 1.4em;
	font-style: italic; 
	background-color: #13124c;	     /* grayline blue */
	color: #f4e5aa;                  /* pale   */
	border-top: 4px solid #42aac5;   /* aqua */	
	font-family:  Georgia, "Times New Roman", Times, serif; }	
	
/* FEATURE BLOCKS ---------------------------------- */

.feature_block {  
	position: relative;
	width: 400px;
	padding: 4px 6px;
	border-top: 4px solid #0565ad;   /* marine blue */
	border-right: 1px solid #0565ad;   /* marine blue */
	border-bottom: 1px solid #0565ad;   /* marine blue */
	border-left: 1px solid #0565ad;   /* marine blue */	
	background-color: #fcd6c3;	 /* flamingo peach */	
	margin-bottom: 6px;
	margin-top: 1px;	
	/* display: block;  */
}
div#feature {
	margin-left: 6px;
}
div#feature .feature_block ul  { 
	list-style-type: none;
}
div#feature h2 { 
	padding-top: 1px;
	padding-bottom: 0;
	line-height: 1.0em;
	font-size: .95em;  
	font-family: Arial, Helvetica, sans-serif;
	color: #253867;   /* bluegray */
}
div#primary div#feature,
div#primary div#feature h3 {
	color: #253867;        /* bluegray */
	padding-bottom: 3px;
}
/* div#primary div#feature a, */
div#primary div#feature h3 a {
	color: #253867;        /* bluegray */
	border-bottom: 1px dotted #253867;   /* bluegray */
	padding-bottom: 3px;
}
.feature_text {
	color: #253867;        /* bluegray */
	text-align: left;
	font-size: 98%;
	line-height: 1.3em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
.feature_text p {
	padding-top: 2px;
}

div#feature .feature_text p a.all  { 
	color: #253867;        /* bluegray */
	margin-left: 2em; 
	font-size: .80em;
	padding-bottom: 0; 
	border-bottom: none; }
	
div#feature .feature_text p a:link,
div#feature .feature_text p a:visited { 
	color: #d5677f; /* rosee */	
	margin-left: 2em; 
	font-size: .80em; 
	padding-bottom: 0; 
	border-bottom: 1px dotted #d5677f; }
	
div#feature .feature_text p a:hover,
div#feature .feature_text p a:active { 
	color: #253867;        /* bluegray */
	margin-left: 2em; 
	font-size: .80em; 
	padding-bottom: 0; 
	border-bottom: 1px dotted #253867;}





	
/* TOUR BLOCKS ---------------------------------- */

.txtHead1 { clear: both; }

.tour_block {  
	position: relative;
	width: 400px;
	padding: 4px 6px;
	text-align: left;
	border-top: 4px solid #5cbfd9; /* aqua */
	border-right: 1px dotted #999;
	border-bottom: 1px dotted #999;
	border-left: 1px dotted #999;
	margin-bottom: 6px;
	margin-top: 1px;
	display: block;
}
.tour_text {
	color: #333;
	text-align: left;
	font-size: 98%;
	line-height: 1.3em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
.tour_thum_pic {
	vertical-align: top;
	text-align: left;
	width: 60px;
	height: 60px;
	z-index: 350;
	padding-left: 10px;
	border: 1px solid #000;
}
#primary .text { padding-top: 4px; }

ul.favoritetours { padding-bottom: 4px; padding-left: 6px; 
	min-height: 510px; }
ul.favoritetours li { font-style: normal; }
ul.favoritetours img { float: right; 
	padding-bottom: 4px; 
	padding-left: 6px; }

#importantinfo { 
  display: none; visibility: hidden; height: 1px; overflow: hidden; }
  		
	/*]]>*/