/* CSS Document */

body {
	font-size : 11px;
	font-family : verdana;
	background-color: #FFFFFF;
	background-image:url(http://www.MediaVallarta.com/images/background.gif);
}

img {
	display : block;
	background-color: #FFFFFF;
}

form {
	padding : 0;
	margin : 0;
}

ol {

	line-height : 25px;
	margin-top : 0;
}

a {
	color : #000000;
	text-decoration : none;
}

a:hover {
	color : #000000;
	text-decoration : underline;
}

h1 {
	color : #FF9900;
	font-size : 14px;
	font-family : verdana;
	font-weight : normal;
	line-height : 24px;
	letter-spacing : 3px;
}

.logo {
	background-color: #666666;
	padding : 2px 2px 2px 2px;
	width : 225px;
	height : 70px;
}
.wrapper {
	margin-left : 60px;
	background-color: #FFFFFF;
	border : 1px solid #CCCCCC;
	padding : 2px 2px 2px 2px;
	width : 825px;
	height : 600px;
	clear : both;
	font-size : 16px;
}

.content {
	background-color: #FFFFFF;
	border : 1px solid #FF9900;
	margin : 15px 15px 15px 15px;    
	padding : 5px 5px 5px 5px;
	height : 500px;
	width : 540px;
	font-color : #E4E4E4;
	float : left;
}
.sectionNav {
	width : 520px;
	font-size : 11px;
	font-family: Verdana;
	color: #FF9900;
	padding : 5px 4px 2px 4px;
	margin : 5px 5px 5px 5px;
	height : 30px;
	background-color : #ffffff;
	float : left;
}
.sectionOne {
	width : 510px;
	padding : 5px 4px 2px 4px;
	margin : 5px 5px 5px 5px;
	height : 220px;
	background-color : #E3E4D6;
	float : left;
	z-index: -1;
}
.sectionTwo {
	width : 510px;
	padding : 5px 4px 2px 4px;
	margin : 5px 5px 5px 5px;
	height : 200px;
	background-color : #E3E4D6;
	float : left;
	z-index: 1;
}
.sectionThree {
	font-size: 10px;
	width : 510px;
	padding : 5px 4px 2px 4px;
	margin : 5px 5px 5px 5px;
	height : 410px;
	background-color : #E3E4D6;
	float : left;
	z-index: 1;
}
#topNav {
	width : 230px;
	height : 280px;
	background-color : #FFFFFF;
	font-size : 8px;
	padding : 25px 0px 0px 0px;
	margin: 5px 5px 5px 5px 
	border : 0px solid #cccccc;
	float : left;
}

#topNav ul {
	padding : 2px;
	display : inline;
	list-style : none;
	margin-left : 5px;
}

#topNav ul li {
	padding : 2px;
	background-color : #FFFFFF;
	position : relative;
	display : block;
}

#topNav ul li a {
	font-size : 11px;
	font-family : arial, helvetica, sans-serif;
	line-height : 30px;
	background-color : #FFFFFF;
	text-decoration : none;
	color : #000000;
	padding-top : 3px;
	padding-bottom : 3px;
	margin-left : 15px;
	padding-right : 2px;
	width : 200px;
	cursor : pointer;
}

* html #topNav ul li a{
	background-color : #FFFFFF;
	color : #00000;
	padding-left : 1px;
	padding-right : 1px;
}

#topNav ul li a:hover {
	border : 1px solid #224970;
}

#topNav ul li ul {
	width : 145px;
	height: 50px;
	display : none;
	background-color : #FFFFFF;
	border : 1px solid #224970;
	z-index : 250;
	position : absolute;
	left : 0px;
	top : 25px;
}

/* commented backslash mac hiding hack \*/ 

* html #topNav ul li a {
	height : 1%;
}

/* end hack */ 

#topNav ul li:hover a, #topNav ul li.over a {
	color : #7b2317;
	background-color : #FF9900;
}

#topNav ul li:hover ul li a:hover, #topNav ul li.over ul li a:hover {
	color : #7b2317;
	background-color : #F79E18;
	float:none;
}

#topNav ul li a.ison {
	color : #7b2317;
	background-color : #666666;
	border : 0px solid #7b2317;
	cursor : default;
}

#topNav ul li ul li a.ison {
	color : #7b2317;
	background-color : #CCCCCC;
	border : 0px solid #7b2317;
	cursor : default;
}

#topNav ul li:hover li a, #topNav ul li.over li a {
	color : #224970;

}

#topNav ul li ul li a {
	padding : 0px 0px;
	line-height : 26px;
	font-size : 10px;
	text-align : left;
	width : 131px;
	margin : 0px;
}

#topNav ul li:hover ul, #topNav ul li.over ul {
	display : block;
}

.footer {
	margin : 0 auto;
	width : 761px;
	padding-top : 4px;
	text-align : center;
	color : #000000;
	font-size : 10px;
}

.footer a {
	color : #000000;
	text-decoration : none;
}

.footer a:hover {
	text-decoration : underline;
}