/*----------------------- styles for Dream Mexico web site------------------ */


body {
	font:1.0em verdana,arial,sans-serif;
	margin:0;
	}

h1 {
	font:1.0em verdana,arial,sans-serif;
	color:#e17f49;
	font-weight:700;
	padding-right:0;
	}

h2 {
	font:1.4em verdana,arial,sans-serif;
	color:blue;
	font-style:italic;
	font-weight:700;
	}


h3 {
	font:1.0em verdana,arial,sans-serif;
	color:#91090b;
	font-weight:700;
	margin:0;
	}


h4 {
	font:1.1em verdana,arial,sans-serif;
	font-weight:700;
	margin-top:35px;
	text-align:center;
	color:#7b9ace;
	}

h5 {
	font:1.2em verdana,arial,sans-serif;
	color:blue;
	font-style:italic;
	font-weight:700;
	padding-left:20px;
	}

hr.two {
	margin:40px 0 1px 0;
	}


.eclipse {
	border:2px solid #67b8c5;
	}


p {
	font:0.8em verdana,arial,sans-serif;
	margin:10px;
	padding:0 0 0 5px;
	letter-spacing:0.07em;
	}


	
p.indent {
	font:0.9em verdana,arial,sans-serif;
	margin:10px;
	padding-left:40px;
	letter-spacing:0.07em;
	}

p.two {
	padding:15px 0 0 0;
	text-align:center;
	}




p.three {
	padding:15px 0 0 0;
	}

p.threeUL {
	padding:15px 0 0 0;
	text-decoration:underline;
	color:#91090b;
	}
	


p.four {
	padding:40px 0 1px 0;
	}


p.five {
	padding:50px 0 0 0;
	}

p.six {
	padding:60px 0 0 0;
	text-align:center;
	}

p.stretched {
	font:0.8em verdana,arial,sans-serif;
	color:#000;
	font-style:italic;
	font-weight:700;
	letter-spacing:0.1em;
	padding-left:8px;
	}

p.enjoy {
	padding-left:50px;
	}

p.contact {
	font:0.9em verdana,arial,sans-serif;
	margin:10px;
	padding:0;
	}

p.center {
	text-align:center;
	}

p.tours {
	font:0.7 verdana,arial,sans-serif;
	}

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

.namelarge {
	font:2.5em Lucida Handwriting, cursive;
	color:blue;
	font-style:italic;
	font-weight:700;
	}

.namelargeshadow {
	font:2.5em Lucida Handwriting, cursive;
	color:yellow;
	font-style:italic;
	font-weight:700;
	}

.name {
	font:1.2em Lucida Handwriting, cursive;
	color:blue;
	font-style:italic;
	font-weight:700;
	}

.mediumitalic {
	font:1.2em verdana,arial,sans-serif;
	color:blue;
	font-style:italic;
	font-weight:700;
	}

.medium {
	font:1.0em verdana,arial,sans-serif;
	color:blue;
	font-weight:700;
	}


.largeitalic {
	font:1.6em verdana,arial,sans-serif;
	color:blue;
	font-style:italic;
	font-weight:700;
	}

.largecap {
	font:1.5em verdana,arial,sans-serif;
	color:black;
	font-weight:700;
	padding-right:2px;
	}

.largecaporange {
	font:1.3em verdana,arial,sans-serif;
	color:#e17f49;
	font-weight:700;
	padding-right:2px;
	}

.largecapwine {
	font:1.2em verdana,arial,sans-serif;
	color:#91090b;
	font-weight:700;
	padding-right:2px;
	}

.mediumcaporange {
	font:0.9em verdana,arial,sans-serif;
	color:#e17f49;
	font-weight:700;
	padding-right:2px;
	}

.mediumcapwine {
	font:0.9em verdana,arial,sans-serif;
	color:#91090b;
	font-weight:700;
	padding-right:2px;
	}


.largetext {
	font:1.2em Verdana, Arial, sans-serif;
	letter-spacing:0.1em;
	color:black;
	}

.largetextstressed {
	font:1.2em Verdana, Arial, sans-serif;
	color:#5d81b2;
	font-style:italic;
	}

.normal {
	font:0.9em verdana,arial,sans-serif;
	color:black;
	}

.normalwine {
	font:0.9em verdana,arial,sans-serif;
	color:#91090b;
	font-weight:700;
	}


.normalitalic {
	font:0.9em verdana,arial,sans-serif;
	color:blue;
	font-style:italic;
	font-weight:700;
	}

.small {
	font:0.8em  bold verdana,arial,sans-serif;
	color:#000
	}

.smallwine {
	font:0.8em  bold verdana,arial,sans-serif;
	color:#91090B;
	font-weight:700;
	}

.smallitalic {
	font:0.8em verdana,arial,sans-serif;
	color:#000;
	font-style:italic;	
	letter-spacing:0.1em;
	font-weight:700;
	}
	
.dropcap {
	float:left;
	padding-right:2px;
	font-size:2.5em;
	color:#000;
	padding-bottom:0;
	}

.special {
	font:0.9em verdana,arial,sans-serif;
	background-color:red;
	color:yellow;
	font-weight:700;
	}

/*-------------------------------------------Framework----------------------------*/
#container {
	width:775px;
	margin:0;
	}

#splash {
	position:absolute;
	top:2px;
	right:3px;
	}

#slideshow {
	position:absolute;
	top:125px;
	left:560px;
	float:right;	
	}

.slideshow {
	float:right;
	margin:10px 0 2px 15px;
	}

.map {
	float:left;
	margin:20px 15px 5px 15px;
	}




#clear {
	clear:both;
	}


#top {
	
	margin:10px 10px 10px 12%;
	padding:0;
	background:url(../img/pano_7a.gif) no-repeat;
	height:80px;
	z-index:1;
	width:100%;
	}
	

#box {
	position:absolute;
	left:150px;
	top:30px;
	width:400px;
	background-color:#efe;
	}

ul.contact {
	list-style:none;
	}


#logo {
	position:absolute;
	top:17px;
	left:30px;
	}


#name {
	position:absolute;
	top:23px;
	left:160px;
	z-index:2
	}

#nameshadow {
	position:absolute;
	top:26px;
	left:163px;
	z-index:1;
	}

#polobox {
	position:absolute;
	top:420px;
	left:5px;
	width:155px;
	}

#polotext {
	position:absolute;
	top:476px;
	left:12px;
	}

#polotext a {
	font:0.6em verdana,arial,sans-serif;
	color:#ffff10;
	font-weight:700;
	}

#eobox {
	position:absolute;
	top:350px;
	left:5px;
	width:155px;
	}

#dreambox {
	position:absolute;
	top:280px;
	left:5px;
	width:155px;
	}

#insurebox {
	position:absolute;
	top:210px;
	left:5px;
	width:155px;
	}

#packagebox {
	background-color:#e3e3e3;
	padding:3px 10px 5px 10px;
	}

.packagebox {
	font-weight:700;
	color:white;
	}
#packagebox a {
	color:blue;
	font-weight:700;
	}

/*-----------------------------------------Center----------------------------------------*/
#center a {
	font:1.0em verdana,arial,sans-serif;
	text-decoration:underline;
	font-weight:700;
	}


#center a.two {
	color:blue;
	font-size:100%;
	font-style:italic;
	text-decoration:none;
	}

#center a.three {
	color:blue;
	font-size:0.8em;
	}


#center a:hover {
	text-decoration:underline;
	}

#center ul {
	list-style-image:url(../img/arrowhead.gif);
	margin-left:30px;
	}

#center li {
	font:90% verdana,arial,sans-serif;
	}

#center ul.two {
	list-style-image:url(../img/arrowhead.gif);
	font:0.8em verdana,arial,sans-serif;
	color:#91090b;
	padding-left:20px;
	}

#center ul.three {
	list-style-image:url(../img/arrowhead.gif);
	font:0.9em verdana,arial,sans-serif;
	color:#91090b;
	font-weight:700;
	padding-left:20px;
	}
	

#center {	
	position:absolute;
	top:122px;
	left:175px;
	width:73%;
	background-color:#fff;
	padding:20px 0 0 25px;
	}




/*------------------------------------------------Forms----------------------------------*/
form {
	padding: 0;
	margin-left:10px;
	}

form p {
	clear:left;
	width:550px;
	padding-left:20px;
	}

form hr {
	width:520px;
	}


form p label {
	float:left;
	font:0.9em verdana,arial,sans-serif;
	padding-top:8px;
	width:210px;
	}

form p label.adventure {
	float:left;
	font:0.9em verdana,arial,sans-serif;
	padding:0;
	width:290px;
	}

form p label.adventure2 {
	float:left;
	font:0.9em verdana,arial,sans-serif;
	padding:0;
	width:140px;
	}


form p label.stay {
	float:left;
	font:0.9em verdana,arial,sans-serif;
	padding:0;
	width:120px;
	}

form p label.day {
	float:left;
	font:0.9em verdana,arial,sans-serif;
	padding:0;
	width:10px;
	}

form p label.comments {
	float:left;
	font:0.9em verdana,arial,sans-serif;
	padding:0;
	width:120px;
	}



form p input {
	float:left;
	color:black;
	}



input.txt {
	color:black;
	width:200px;
	margin:6px 0;
	}


input.txt2 {
	color:black;
	width:100px;
	}
	
input.txt3 {
	color:black;
	width:40px;
	margin-top:6px;
	}




input.btn1 {
	color:black;
	float:left;
	}

input.btn2 {
	color:black;
	float:right;
	color:black;
	width:100px;
	}

input.check {
	float:left;
	}

input.check2 {
	float:left;
	}



label {
	font:0.9em verdana,arial,sans-serif;
	font-weight:700;
	}

select {
	width: 150px;
	color:black;
	width:62px;
	}


select.two {
	width: 150px;
	color:black;
	width:62px;
	margin-top:5px;
	}



textarea {
	width:200px;
	height:60px;
	color:black;
	}

textarea.two {
	width:300px;
	height:60px;
	color:black;
	float:left;
	}

.star {
	font-size:x-large;
	color:red;
	}




/*---------------------------------------------------Images----------------------------*/

.splash {
	width:130px;
	height:130px;
	border:0;
	}

#headimage_1 {
	position:absolute;
	top:10px;
	left:695px;
	}

.linkleft {
	float:left;
	padding:2px 10px 3px 10px;
	}

.linkright {
	float:right;
	padding:2px 10px 3px 10px;
	}

.logosmall {
 	width:20px;
	height:18px; 
	float:left;
	border:0;
	}



.eologo {
	position:absolute;
	top:510px;
	left:2px;
	border:0;
	width:165px;
	height:65px;
	}

.cfdlogo {
	position:absolute;
	top:590px;
	left:2px;
	border:0;
	width:165px;
	height:65px;
	}


.ozlogo {
	position:absolute;
	top:665px;
	left:2px;
	border:0;
	width:165px;
	height:110px;
	}

.gologo {
	position:absolute;
	top:795px;
	left:2px;
	border:0;
	width:165px;
	height:110px;
	}
	
.associate {
	width:155px;
	height:110px;
	border:0;
	margin:15px 2px 2px 5px;
	background-color:#fff;
	}

.arrowhead_2 {
	border:0;
	}

.leftnav {
	width:165px;
	margin:10px 0 10px; 0;
	}
/*------------------------------------------Navigation---------------------------------*/
#navigation {
	position:absolute;
	top:88px;
	left:0;
	width:98%;;
	height:32px;
	background-image:url(../img/navbar.jpg);	
	}

#navigation ul {
	
	list-style:none;
	margin:4px 0 0 0;
	padding:0;
	background-repeat:no-repeat;	
	}
		
#navigation li {
	position:relative;
	left:120px;
	display:inline;
	}

#navigation li a {
	text-decoration:none;
	padding:6px 12px 9px 12px;
	font:80% verdana,arial, sans-serif;
	font-weight:700;
	color: #ffffff;
	background:#f98000;
	
	}

#navigation li a:hover {
	background:white;
	color: blue;
	margin:0;
	padding:6px 12px 10px 12px;
	}

/*----------------------------------------Left------------------------------------*/


#left {
	position:absolute;
	top:111px;
	left:0;
	background-color:#ff7d00;
	margin:12px 0 0 0;
	padding:2px 2px;
	height:780px;
	}

#leftnarrow {
	position:absolute;
	top:101px;
	left:0;
	width:50px;
	background-color:#ff7d00;
	margin:12px 0 0 0;
	padding:2px 2px;
	height:600px;
	}


#left ul  {
	position:absolute;
	left:0px;
	margin:0;
	width:20%;
	border:1px solid #ff7d00;
	list-style:none;
	}

#left li {
	width:20%;
	padding:1px 0;
	}

#left li a {
	
	display:block;
	text-decoration:none;
	background-color:#80;
	padding:6px 10px 6px 10px;
	font:70% verdana,arial,sans-serif;
	color:#0000ff;
	font-weight:700;
	width:20%;
	}

#left li a.home {
	display:block;
	text-decoration:none;
	background-image:url(../img/background.gif);
	padding:6px 10px 6px 10px;
	font:70% verdana,arial,sans-serif;
	color:#0000ff;
	font-weight:700;
	width:145px;
	
	}

#left li a.two {
	background-color:#ff7d00;
	font:0.6em verdana,arial,sans-serif;
	color:white;
	font-weight:700;
	padding-left:20px;
	width:135px;
	}

#left li a.three {
	
	display:block;
	text-decoration:none;
	background-color:#a0e9fd;
	padding:7px 0 7px 10px;
	font:0.7em verdana,arial,sans-serif;
	color:#91090b;
	font-weight:700;
	width:140px;
	}


#left li a.four {
	
	display:block;
	text-decoration:none;
	background-color:#ff7d00;
	padding:7px 0 7px 10px;
	font:0.7em verdana,arial,sans-serif;
	color:#91090b;
	font-weight:700;
	width:145px;
	}

#left li a.six {
	
	display:block;
	text-decoration:none;
	background-color:#ff7d00;
	padding:7px 0 7px 10px;
	font:0.7em verdana,arial,sans-serif;
	color:#fff;
	font-weight:700;
	width:145px;
	}


#left li a.five {
	background-color:transparent;
	padding:7px 2px 7px 3px;
	}


#left li a.two:hover  {
	background-color:white;
	color:blue;
	}

#left li a.three:hover  {
	background-color:#fff;
	color:blue;
	}

#left li a.four:hover  {
	background-color:#ff7d00;
	}

#left li a.five:hover  {
	background-color:transparent;
	}

#left li a.six:hover  {
	background-color:transparent;
	color:#0000ff;
	}

#left li a:hover {
	color:white;
	font-weight:700;
	background-color:#ff7d00;
	color:#91090b
	}

#left li a.home:hover {
	color:#ff7d00;
	font-weight:700;
	background-color:#fff;
	}

#left ul.subnav {
	list-style:none;
	}

#left ul.subnav li {
	border-bottom:1px solid white;
	}

#left ul.subnav li a {
	text-decoration:none;
	display:block;
	font:0.6em verdana,arial,sans-serif;
	color:white;
	font-weight:700;
	background-color:#ff7d00;
	padding:5px 0 5px 15px;
	}



#left ul.subnav li a:hover {
	color:white;
	background-color:red;
	}




#packages ul  {
	position:absolute;
	top:101px;
	left:0;
	margin-left:0;
	list-style:none;
	border-top:1px solid #ccc;
	width:200px;
	}

/*---------------------------------------------Site Map-------------------------------*/

ul.column_1 {
	position:absolute;
	top:140px;
	left:100px;
	width:220px;
	}

ul.column_1 li {
	font:80% verdana,arial,sans-serif;
	padding:2px 5px 2px 10px;
	}

ul.column_1 ul li {
	font:100% verdana,arial,sans-serif;
	padding:1px 5px 1px 0;
	list-style:none;
	}

ul.column_2 {
	position:absolute;
	top:140px;
	left:380px;
	width:220px;
	}

ul.column_2 li {
	font:80% verdana,arial,sans-serif;
	padding:1px 5px 1px 20px;
	}

ul.column_2 ul li {
	font:100% verdana,arial,sans-serif;
	padding:1px 5px 1px 0;
	list-style:none;
	}


ul.column_1 a, ul.column_2 a, ul.column_3 a  {
	text-decoration:underline;
	color:#0000ff;
	}

ul.column_1 a.two, ul.column_2 a.two, ul.column_3 a.two  {
	text-decoration:none;
	color:#000;
	list-style:none;
	font-weight:700;
	}

ul.column_1 a:hover, ul.column_2 a:hover, ul.column_3 a:hover {
	color:#ff0000;
	background-color:transparent;
	}

ul.column_1 a.two:hover, ul.column_2 a.two:hover, ul.column_3 a.two:hover {
	color:#000;
	background-color:transparent;
	}

ul.column_3 {
	position:absolute;
	top:140px;
	left:450px;
	width:250px;
	}

ul.column_3 li {
	font:72% verdana,arial,sans-serif;
	padding:1px 5px 1px 20px;
	}
	
ul.column_3 ul li {
	font:100% verdana,arial,sans-serif;
	padding:1px 0 1px 0;
	list-style:none;
	}