/* Main Structure & Style */

body { margin: 0; padding: 0; font-size: 14px; font-family: georgia helvetica; text-align: justify; }
#container { height: 700px; width: 800px; margin: 40px auto 0 auto; }
#page { position: relative; height: 580px; width: 800px; }
#header { position: relative; height: 60px; width: 800px; }
#header img { position: absolute; top: 0; right: 0; border: none; }
#navigation { height: 20px; }
#content { position: relative; width: 780px; margin-left: 10px; }

a, a:visited { color: #0066CC; text-decoration: none; }
a:hover, a:active { text-decoration: underline; }
h3 { font-size: 110%; color: #000;}
.hidden { display: none; }
img { border: none; }


/* Navigation */
#nav {
	margin: 0;
	padding: 0;
	list-style-image: none;
	list-style-position: outside;
	list-style-type: none;
}
#nav li {
	margin: 0;
	padding: 0;
	display: inline;
	height: 20px;
}
#nav li a {
	padding: 0px;
	float: left;
	background-image: url(../images/nav.png);
	height: 0px;
	text-indent: -9000em;
	line-height: 0px;
	font-size: 0px;
	overflow: hidden;
	padding: 20px 0 0 0;
}
#nav-sanmiguel a {width: 176px; background-position: 0 0;}
#nav-travel a {width: 81px; background-position: -176px 0;}
#nav-accommodations a {width: 143px; background-position: -257px 0;}
#nav-eatanddrink a {width: 109px; background-position: -400px 0;}
#nav-events a {width: 74px; background-position: -509px 0;}
#nav-registry a {width: 91px; background-position: -583px 0;}
#nav-forum a {width: 77px; background-position: -674px 0; }
#nav-faq a {width: 49px; background-position: -751px 0;}

#nav-sanmiguel a:hover, #nav-sanmiguel a:active {width: 176px; background-position: 0 -20px;}
#nav-travel a:hover, #nav-travel a:active {width: 81px; background-position: -176px -20px;}
#nav-accommodations a:hover, #nav-accomodations a:active {width: 143px; background-position: -257px -20px;}
#nav-eatanddrink a:hover, #nav-eatanddrink a:active {width: 109px; background-position: -400px -20px;}
#nav-events a:hover, #nav-events a:active {width: 74px; background-position: -509px -20px;}
#nav-registry a:hover, #nav-registry a:active {width: 91px; background-position: -583px -20px;}
#nav-forum a:hover, #nav-forum a:active {width: 77px; background-position: -674px -20px;}
#nav-faq a:hover, #nav-faq a:active {width: 49px; background-position: -751px -20px;}

#nav-sanmiguel a#current {background-position: 0 -40px;}
#nav-travel a#current {width: 81px; background-position: -176px -40px;}
#nav-accommodations a#current {width: 143px; background-position: -257px -40px;}
#nav-eatanddrink a#current {width: 109px; background-position: -400px -40px;}
#nav-events a#current {width: 74px; background-position: -509px -40px;}
#nav-registry a#current {width: 91px; background-position: -583px -40px;}
#nav-forum a#current {width: 77px; background-position: -674px -40px;}
#nav-faq a#current {width: 49px; background-position: -751px -40px;}


/* Content */

#left { position: relative; height: 300px; width: 300px; }
#right { position: absolute; top: 20px; right: 0; width: 450px; padding: 15px 0 0 20px; }

#frame { margin-top: 30px; }
#image { position: absolute; top: 50px; left: 22px; z-index: 50; display: none; }

#right table { border-spacing: 8px 0; font-size: 14px; text-align: left; }
#right table td { }

.sectionhead { 
	margin-bottom: 5px;
	font-size: 16px;
	color: #000; font-weight: bold;
	border-bottom: 1px dotted #000;
}
#homeimg { margin-top: 10px; }

/* San Miguel */

#about { margin-top: 20px; }
#about table { margin-top: -20px; border-collapse: collapse; }
#about table tr td { vertical-align: top; }


#map { width: 400px; padding-left: 15px; }
#map_controls { 
	width: 400px;
	background: url(ui-cardboard/images/ui-bg_diamond-ripple_75_b19871_22x22.png) repeat;
	border-bottom: 2px solid #fff;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	-webkit-border-top-left-radius: 5px 5px;
	-webkit-border-top-right-radius: 5px 5px;
}
#map_search {
	width: 400px;
	padding: 5px 0;
	background: url(ui-cardboard/images/ui-bg_diamond-ripple_75_b19871_22x22.png) repeat;
	border-top: 2px solid #fff;
	-moz-border-radius-bottomleft: 5px;
	-moz-border-radius-bottomright: 5px;
	-webkit-border-bottom-left-radius: 5px 5px;
	-webkit-border-bottom-right-radius: 5px 5px;
}
#map_search input { margin-left: 15px; }
#points { margin: 0; padding: 5px 30px; }
#points li { display: inline; margin: 0 11px; }
#points a { color: #fff; font-weight: bold; }
#map_canvas { height: 280px; width: auto; }



/* Eat & Drink  & Accomodations */
.eatanddrink, #accommodations { height: 60px; width: 450px; }
#accommodations { margin-top: 10px; }
.list { list-style: none; margin: 0 30px 0 0; padding: 0; float: left; }
.list li { min-width: 100px; }
.click { font-size: 80%; font-weight: normal; }
#eateries, #hotels { position: relative; height: 140px; width: 450px; }
.eatery, .hotel { display: none; position: absolute; top: 10px; left: 0; }
.eateryname, .hotelname { margin-bottom: 5px; color: #000; font-weight: bold; border-bottom: 1px dotted #000; }
.hotelname { height: 17px; }
.hotelname a { float: left; }
.eaterydesc { }
.description ul { list-style-type: none; }
.phone { float: right; font-weight: normal; }


/* Events */
#events { padding: 10px 0; }
#events ul { margin: 0; padding: 0; list-style: none; }
#events li { margin-bottom: 15px; }
.meta { float:left; width: 90px; }
.day {  }
.time { font-size: 13px; color: gray; }
.event { float: right; width: 350px; }
.title { color: #E52361; }
.desc { }
.spacer { clear: both; }

/* Registry */
#registry { text-align: center; }
#registry img { margin-top: 30px; }
#registry p { width: 300px; margin: 30px auto 0 auto; }


/* FAQ */
.question { margin-bottom: 10px; font-weight: bold; }
.answer {  }
.answer div { padding: 0 0 10px 10px; }