body { background-color:#5baddf; font-family: verdana, arial, helvetica, sans-serif; font-size: 10px; font-weight: normal; color: #069; }

p { margin-bottom: 4px; }
hr { width: 100%; color: #f60; background: #f60; height: 1px; text-align: left; border: 0; margin-top: 10px; margin-bottom: 10px;}
hr.dos { margin-top: 4px; margin-bottom: 2px;}
hr.tres { color: #099; background: #099; height: 1px; text-align: left; border: 0; margin-top: 10px; margin-bottom: 10px;}
hr.four { margin-top: 8px; margin-bottom: 2px;}


a { color: #fff; text-decoration: underline; }
a:hover { color: #39c; }

a.or:link { color: #f60; text-decoration: none; }
a.or:visited { color: #f60; text-decoration: none; }
a.or:hover { color: #099; text-decoration: none; }
a.or:active { color: #f60; text-decoration: none; }

a.or2:link { color: #f60; text-decoration: underline; }
a.or2:visited { color: #f60; text-decoration: underline; }
a.or2:hover { color: #099; text-decoration: underline; }
a.or2:active { color: #f60; text-decoration: underline; }

.cont {font-weight: normal; margin-bottom: 10px; }
.norm { font-family: verdana, arial, helvetica, sans-serif; font-size: 10px; color: #069; font-weight: normal; }
.bold { font-weight: bold; }
.updat { color: #099; }


/* HEADER */

#head1, #head2, #head3, #head4, #head5, #head6, #head7, #head8 { position: relative; top: -8px; margin-right: auto; margin-left: auto; width: 750px; height: 135px; text-align: center; background-position: center;  background-repeat: no-repeat; }
#head1 { background-image:url('head1.jpg'); }
#head2 { background-image:url('head2.jpg'); }
#head3 { background-image:url('head3.jpg'); }
#head4 { background-image:url('head4.jpg'); }
#head5 { background-image:url('head5.jpg'); }
#head6 { background-image:url('head6.jpg'); }
#head7 { background-image:url('head7.jpg'); }

#text1, #text2, #text3, #text4, #text5, #text6, #text7, #text8 { position: absolute; font-weight: bold; }
/* Stuff-1 Guestbook-2 Photos-3 Tips-4 Drop-5 Email-6 Video-7 FAQ-8 */

#text1 {font-size: 20px; top: 16px; left: 350px;}
#text2 {font-size: 30px; top: 13px; left: 530px;}
#text3 {font-size: 27px; top: 45px; left: 410px;}
#text4 {font-size: 25px; top: 54px; left: 560px;}
#text5 {font-size: 15px; top: 90px; left: 395px;}
#text6 {font-size: 12px; top: 90px; left: 517px;}
#text7 {font-size: 18px; top: 90px; left: 630px;}
#text8 {font-size: 19px; top: 56px; left: 665px;}

/* HEAD HOVER*/

a.menu { z-index: 24; color: #39c; text-decoration: none; cursor: crosshair;}
a.menu:hover { z-index: 25; color: #fff; background-color: transparent; }
a.menu span { display: none; }
a.menu:hover span { display: block; position: absolute; color: #069; text-align: left; font-size: 10px; font-weight: normal; }

#text1 a.menu:hover span {top: 20px; left: 0px; width: 130px;}
#text2 a.menu:hover span {top: 30px; left: 19px; width: 160px;}
#text3 a.menu:hover span {top: 28px; left: 13px; width: 160px;}
#text4 a.menu:hover span {top: 28px; left: 0px; width: 120px;}
#text5 a.menu:hover span {top: 17px; left: 0px; width: 150px;}
#text6 a.menu:hover span {top: 12px; left: 0px; width: 130px;}
#text7 a.menu:hover span {top: 18px; left: 0px; width: 130px;}
#text8 a.menu:hover span {top: 21px; left: 0px; width: 130px;}

.here { color: #fff; }
.here1, .here2, .here3, .here4, .here5, .here6, .here7, .here8 { display: block; position: absolute; color: #069; text-align: left; font-size: 10px; font-weight: normal; }
.here1 {top: 20px; left: 0px; width: 130px;}
.here2 {top: 30px; left: 19px; width: 160px;}
.here3 {top: 28px; left: 13px; width: 160px;}
.here4 {top: 28px; left: 0px; width: 120px;}
.here5 {top: 17px; left: 0px; width: 150px;}
.here6 {top: 12px; left: 0px; width: 130px;}
.here7 {top: 18px; left: 0px; width: 130px;}
.here8 {top: 21px; left: 0px; width: 130px;}

/* GLOBAL */

.hi {color: #f60; }
.hi2 {color: #330; }


.dots, .dots3, .dots4, .dots5 { color: #099; font-family: arial; font-size: 10px; font-weight: bold;}
.dots { margin-left: 5px; }
.dots3 { margin-right: 5px; }
.dots4 { margin-right: 5px; margin-left: 5px;}
.dots5 { margin-right: 5px; margin-left: 160px;}
.dots6 { color: #f60; font-family: courier; font-size: 11px; font-weight: normal; margin-right: 5px; }

#contout {position:relative; width:730px; height: 410px; padding:0px; border:10px solid #fff; top: 0px; margin-right: auto; margin-left: auto; }
#contin {position: relative; width:700px; height: 380px; top: 5px; padding:10px; margin-right: auto; margin-left: auto; text-align: left; background: #fff; }

#contout2 {position:relative; width:730px; height: 460px; padding:0px; border:10px solid #fff; top: 0px; margin-right: auto; margin-left: auto; }
#contin2 {position: relative; width:700px; height: 430px; top: 5px; padding:10px; margin-right: auto; margin-left: auto; text-align: left; background: #fff; }


#quote { position: absolute; top: 30px; right: 50px; width: 205px; height: 150px; background-image:url('quote.gif'); background-position: center;  background-repeat: no-repeat;}

#map {float:left; width:420px; background: #fff; }
#map2 {float:left; width:275px; background: #fff; padding-top: 10px;}
#satmap { position: relative; top: 20px; width: 378px; height: 238px; background-image:url('satmap.jpg'); background-position: center;  background-repeat: no-repeat; border:2px solid #f60;}
#chmap { position: relative; top: 0px; width: 254px; height: 358px; background-image:url('map.gif'); background-position: center;  background-repeat: no-repeat; border:2px solid #f60;}

#notes { position: relative; top: 0px; margin-bottom: 5px; width: 351px; height: 64px; background-image:url('notes.gif'); background-position: center;  background-repeat: no-repeat; }
#stuff { position: relative; top: 0px; margin-bottom: 10px; width: 221px; height: 64px; background-image:url('stuff.gif'); background-position: center;  background-repeat: no-repeat; }
#story { position: relative; top: 0px; margin-bottom: 10px; width: 360px; height: 76px; background-image:url('story.gif'); background-position: center;  background-repeat: no-repeat; }
.link, .link2 {float: left; width:330px; height: 21px; background: #fff; }
.link {text-align: left;}
.link2 {text-align: right;}
#faq { margin-bottom: 10px; width: 477px; height: 71px; background-image:url('faq.gif'); background-position: center;  background-repeat: no-repeat; }
#drop { margin-bottom: 10px; width: 253px; height: 70px; background-image:url('drop.gif'); background-position: center;  background-repeat: no-repeat; }
#mail { position: relative; top: 0px; margin-bottom: 5px; width: 220px; height: 64px; background-image:url('mail.gif'); background-position: center; background-repeat: no-repeat; }
#vidcont { position: relative; float: left; top: 10px; width: 225px; height: 370px; }
#vid { position: relative; top: 0px; margin-bottom: 50px; width: 220px; height: 54px; background-image:url('video.gif'); background-position: top; background-repeat: no-repeat; }

#tipscont {position: relative; width: 700px; height: 80px; top: 0px; }
#tips { float: left; top: 0px; width: 184px; height: 61px; background-image:url('tips.gif'); background-position: center;  background-repeat: no-repeat; }
#day { float: left; top: 0px; width: 380px; height: 80px; margin-left: 110px; margin-top: 0px; }
.daytip {color: #f60; font-family: courier; font-size: 12px; font-weight: normal; margin-right: 10px; margin-bottom: 5px; text-indent: 50px; text-align: right; }

/*#day { float: left; top: 0px; width: 380px; height: 80px; margin-left: 110px; margin-top: 0px; background-image:url('tips/tipani.gif'); background-position: center;  background-repeat: no-repeat;}*/



#video {position: relative; float: left; width: 425px; height: 344px; top: 10px; padding:10px; background: #fff;  margin-left: 20px; text-align: center; border: 2px solid #f60; }
#vidimg { position: relative; top: 200px; }

/* GUESTBOOK */

#entries, #entries3 {position: relative; width: 680px; top: 0px; padding: 0 15px 0 5px; text-align: left; overflow: auto;}
#entries { height: 250px;}
#entries3 { height: 290px; }
.date {color: #f60; font-weight: bold; }
.entry {font-weight: normal; border-bottom: 1px solid #f60; margin: 5px 0 5px 0; padding-bottom: 5px; }
#entries4 {position: relative; width: 680px; height: 250px; top: 0px; padding: 0 15px 0 5px; text-align: left; overflow: auto;}
.sign {color: #330;}


/* PHOTOS */

#gallery {position: relative; top: 5px; width:700px; height:380px; padding:10px; background: #fff; margin-right: auto; margin-left: auto; }
#gallery b.default {position:absolute; left:0px; top:10px; width:530px; height:355px; text-align:center; }
#gallery b.default img {display:block; margin:0 auto 3px auto; }
#gallery b.default span {display:block; color:#069; font-family:verdana, arial, sans-serif; font-weight:normal; font-size:10px; width:450px; margin:0 auto; }

#gallery ul {list-style:none; padding:0; margin:0; width:180px; position:relative; float:right; top:0px; }
#gallery ul li {display:inline; width:52px; height:52px; float:left; margin:0 0 5px 5px;}
#gallery ul li a {display:block; width:50px; height:50px; text-decoration:none; }
#gallery ul li a span {display:none;}
#gallery ul li a img {display:block; width:50px; height:50px; border:0;}
#gallery ul li a:hover {white-space:normal; border:1px solid #f60;}
#gallery ul li a:hover b {position:absolute; left:-515px; top:0px; width:500px; height:355px; text-align:center; background:#fff; z-index:20;}
#gallery ul li a:hover span {display:block; color:#069; font-family:verdana, arial, sans-serif; font-weight:normal; font-size:10px; width:500px; margin:0 auto; }
#gallery ul li a:hover img {margin:0 auto 3px auto; width:auto; height:auto; }

#gallery ul li a:active, #gallery ul li a:focus {white-space:normal; border-color:#fff; background:#fff;}
#gallery ul li a:active b, #gallery ul li a:focus b {position:absolute; left:-515px; top:0; width:500px; height:355px; text-align:center; background:#fff; z-index:10;}
#gallery ul li a:active span, #gallery ul li a:focus span {display:block; color:#069; font-family:verdana, arial, sans-serif; font-weight:normal; font-size:10px; width:500px; margin:0 auto;}
#gallery ul li a:active img, #gallery ul li a:focus img{margin:0 auto 3px auto; width:auto; height:auto; background: #fff; }

/* UPLOADS */

#up {position: relative; float: left; bottom: 20px; left: 5px; width: 515px; background: #fff;  text-align: center; font-weight: bold;}
#up2 {position: relative; float: left; bottom: 42px; width: 200px; background: #fff; text-align: right; font-weight: bold;}
#up2 img { border-top: 1px #f60 dotted; margin-top: 5px; }
#up2 a img { text-decoration: none; }
#up2 a:hover img { color: #fff; }

/* CONTACT */

#form2 {float: left; width: 324px; height: 285px; margin-top: 10px; text-align: left; border-right: 1px #f60 dotted; background: #fff;}
#form3 {float: left; width: 324px; height: 360px; margin-top: 0px; text-align: left; border-right: 1px #f60 dotted; background: #fff;}

#boton { width: 300px; margin-top: 10px; background: #fff; text-align: right; }
.label2 { width: 300px; height: 15px; font-weight: bold; font-size: 10px; color: #f60; background: #fff;}
textarea { width: 310px; height: 18px; font-size: 12px; color: #069; padding-top: 2px; margin: 3px 0 3px 0;}
textarea.comm2 { height: 50px; margin-bottom: 10px; }
.veri  { width: 55; height: 15px; font-size: 12px; color: #069; padding-bottom: 2px; margin: 3px 0 3px 15px;}
.label3 { font-weight: bold; font-size: 10px; color: #f60; background: #fff;}

.button, .button2 { font-family: verdana; font-weight: normal; font-size: 10px; border: 0px; width: 65px; height: 20px; cursor: pointer; padding-bottom: 4px; }
.button { color: #069; background-color: transparent; border: 1px #f60 dotted; }
.button2 { color: #fff; background-color: #f60; }

#entries2 {float: left; width: 350px; height: 295px; margin: -10px 0 0 20px; padding: 0px;  text-align: left; overflow: auto; background: #fff; }
#entries5 {float: left; width: 350px; height: 355px; margin: -10px 0 0 20px; padding: 0px;  text-align: left; overflow: auto; background: #fff; }

.entry2 {font-weight: normal; border-bottom: 1px solid #f60; width: 330px; margin: 5px 0 5px 0; padding-bottom: 5px; }

/* FORM */

#form {position:relative; width:304px; top: 5px; background: #fff;  margin-right: auto; margin-left: auto; text-align: left; }
#form.but {text-align: right; }
#form.cen {text-align: center; }

.label {float: left; width: 80px; height: 20px; font-weight: bold; font-size: 10px; margin: 5px 0px 5px 0; color: #f60; background: #fff;}

textarea.comm { height: 40px; margin-bottom: 20px; }
.clear  { clear: both; }



a.info2 { z-index: 24; color: #f60; text-decoration: none; font-size: 11px; font-weight: bold; }
a.info2:hover { z-index: color: #069; 25; background-color: transparent; }
a.info2 span { display: none; }
a.info2:hover span { display: block; position: absolute; top: 110px; margin-right: auto; margin-left: auto;width: 320px; border: 3px solid #f60; background-color: #fff; color: #069; text-align: left; padding: 8px; font-size: 10px; font-weight: normal;}

.up2 { font-family: verdana, arial, helvetica, sans-serif; font-size: 10px; font-weight: bold; color: #069; }

/* FOOTER */

#footer { position: relative; top: 0px; width: 750px; height: 20px; padding: 0;  font-weight: normal; margin-left: auto; margin-right: auto; color: #fff; background-color: transparent;}

#notice, #credit { position: absolute; top: 0px; font-size: 10px; }
#notice { left: 0px; text-align: left; width: 250px; }
#credit { right: 0px; text-align: right; width: 250px; }
.dots2 { color: #fff; margin-left: 3px; font-family: arial; font-size: 10px; font-weight: normal;}

/* COPYRIGHT HOVER*/

a.copy { z-index: 24; color: #fff; text-decoration: underline; }
a.copy:hover { z-index: 25; color: #377194; background-color: transparent; text-decoration: none;}
a.copy span { display: none; }
a.copy:hover span { display: block; position: absolute; top: 17px; left: 0px; width: 738px; background-color: transparent; border: 1px #fff dotted; color: #069; text-align: left; padding: 5px; font-size: 10px; font-weight: normal; }

#meta { width: 750px; height: 100px; background-color: transparent; }

a.cred:link { color: #fff; text-decoration: underline; }
a.cred:visited { color: #fff; text-decoration: none; }
a.cred:hover { color: #069; text-decoration: none; }
a.cred:active { color: #069; text-decoration: none; }