body { background-color: #8B7355; font-family: verdana, arial, helvetica, sans-serif; font-size: 13px; font-weight: bold; color:#000000; scrollbar-face-color: #8B7355; scrollbar-shadow-color: #AF9E7A; scrollbar-highlight-color: #AF9E7A; scrollbar-3dlight-color: #8B7355; scrollbar-darkshadow-color: #8B7355; scrollbar-track-color: #8B7355; scrollbar-arrow-color: #CBC796; }

h1 { color: #4A5269; font-size: 18px; font-weight: 900; margin: 0px; padding: 0px; }
h2 { color: #4A5269; font-size: 15px; font-weight: 900; margin: 0px; padding: 0px; }

/* GLOBAL LINKS */
a:link { color: #8B6914; text-decoration: none; }
a:visited { color: #8B6914; text-decoration: none; }
a:hover { color: #495E28; text-decoration: none; }

/* HEADER */

.center { margin-left: auto; margin-right: auto; }

#logo { width: 715px; height: 160px; background: url(logo.gif) no-repeat; padding: 0; margin: 0;}
#logo2 { width: 715px; height: 160px; background: url(logo2.gif) no-repeat; padding: 0; margin: 0;}

#navbar { width: 715px; height: 50px; background: url(navbar.gif) no-repeat; padding: 0; text-align: left; }
#navig { font-family: 'trebuchet ms'; font-size: 11px; font-weight: bold; color: #7E3723; text-align: center; background-color: transparent; }
.dots4 { font-family: 'trebuchet ms'; font-size: 11px; font-weight: bold; color: #7E3723; margin-right: 6px; margin-left: 6px}
.here { color: #8FBC8F; }

/* NAVIGATION LINKS */
a.nav:link { color: #CBC796; text-decoration: none; }
a.nav:visited { color: #CBC796; text-decoration: none; }
a.nav:hover { color: #8FBC8F; text-decoration: none; }


/* CONTENTS */

#back { position: relative; width: 715px; background: url(content.gif) repeat-y; padding: 0; margin 0; text-align: center;}

.foto50, .foto75, .foto100, .foto125, .foto150, .foto175, .foto200  {border: 1px solid #AF9E7A; padding: 10px; text-align: center; }

.foto50 { width: 50px; }
.foto75 { width: 75px; }
.foto100 { width: 100px; }
.foto125 { width: 125px; }
.foto150 { width: 150px; }
.foto175 { width: 175px; }
.foto200 { width: 200px; }

.dots2 { font-family: arial; font-size: 8px; font-weight: bold; color: #7E3723; margin-right: 4px; margin-left: 4px}
.clear { clear: both; }

/* CONTENTS MAIN */

#cont1 { width: 690px; font-family: verdana; font-size: 13px; font-weight: bold; color: #000; padding: 0; margin: 0; }
.margen { float: left; width: 40px; height: 50px; }
.margen2 { float: left; width: 100px; height: 50px; }

.box75, .box100, .box100b, .box125, .box150, .box175, .box200, .box225, .box250, .box275, .box300, .box350, .box375, .box400, .box425, .box450, .box600 { float: left; text-align: left; }

.box75r, .box100r, .box125r, .box150r, .box175r, .box200r, .box225r, .box250r, .box275r, .box300r, .box350r, .box375r, .box400r, .box425r, .box450r, .box600r { float: left; text-align: right; }

.box75, .box75r { width: 75px; }
.box100, .box100r, .box100b { width: 100px; }
.box100b { margin-bottom: 10px; }
.box125, .box125r { width: 125px; }
.box150, .box150r { width: 150px; }
.box175, .box175r { width: 175px; }
.box200, .box200r { width: 200px; }
.box225, .box225r { width: 225px; }
.box250, .box250r { width: 250px; }
.box275, .box275r { width: 275px; }
.box300, .box300r { width: 300px; }
.box350, .box350r { width: 350px; }
.box375, .box375r { width: 375px; }
.box400, .box400r { width: 405px; }
.box425, .box425r { width: 425px; }
.box450, .box450r { width: 450px; }
.box600, .box600r { width: 600px; }

/* PHOTO LANDSCAPE */
a.foto1 { z-index: 24; color: #666666; text-decoration: none; }
a.foto1:hover { z-index: 25; background-color: transparent; }
a.foto1 span { display: none; }
a.foto1:hover span { display: block; position: absolute; top: 60px; left: 138px; width: 400px; border: 1px solid #AF9E7A; background-color: #ADB58D; color: #333333; text-align: left; padding: 20px; padding-bottom: 10px; font-size: 10px; font-weight: normal; }

/* PHOTO 2 */
a.foto2 { z-index: 24; color: #666666; text-decoration: none; }
a.foto2:hover { z-index: 25; background-color: transparent; }
a.foto2 span { display: none; }
a.foto2:hover span { display: block; position: absolute; top: 0px; left: 188px; width: 300px; border: 1px solid #AF9E7A; background-color: #ADB58D; color: #333333; text-align: left; padding: 20px; padding-bottom: 10px; font-size: 10px; font-weight: normal; }

/* PHOTO 3 */
a.foto3 { z-index: 24; color: #666666; text-decoration: none; }
a.foto3:hover { z-index: 25; background-color: transparent; }
a.foto3 span { display: none; }
a.foto3:hover span { display: block; position: absolute; top: 0px; left: 138px; width: 400px; border: 1px solid #AF9E7A; background-color: #ADB58D; color: #333333; text-align: left; padding: 20px; padding-bottom: 10px; font-size: 10px; font-weight: normal; }



/* FOOTER */

#footer { position: relative; width: 715px; height: 45px; background: url(footer.gif) no-repeat; padding: 0; text-align: left; }
#foot1 { float: left; width: 25px; height: 20px; text-align: left; background-color: transparent; }
#foot2 {  float: left; width: 670px; height: 20px; font-family: 'trebuchet ms'; font-size: 11px; font-weight: normal; color: #333333; text-align: left; background-color: transparent; }

.dots { font-family: 'trebuchet ms'; font-size: 11px; font-weight: bold; color: #7E3723; margin-right: 8px; margin-left: 8px}
.hover { margin-left: 170px;}
.hover2 { margin-left: 180px;}

/* COPYRIGHT HOVER SPANISH */
a.info2 { z-index: 24; color: #666666; text-decoration: none; }
a.info2:hover { z-index: 25; background-color: transparent; }
a.info2 span { display: none; }
a.info2:hover span { display: block; position: absolute; top: 40px; left: 0px; width: 682px; border: 1px solid #AF9E7A; background-color: #968354; color: #333333; text-align: left; padding: 8px; font-size: 11px; }


/* RATES */

#rates { float: left; width: 560px; background-color: #C0BC9A; text-align: left; padding: 15px 20px 0px 20px; }
.res2 { color: #333333; font-weight: normal;}
.col1, .col3, .col4, .col5, .col7, .col8 { float: left; padding: 5px 0px 5px 0px; text-align: center; border-right: 1px solid #AF9E7A; font-weight: normal;  color: #333333; }
.col2, .col6 { float: left; padding: 5px 0px 5px 10px; text-align: left; border-right: 1px solid #AF9E7A; font-weight: normal; color: #333333; }
.col1, .col2, .col3, .col4 { background-color: #CDC9A5; }
.col5, .col6, .col7, .col8 { background-color: transparent; }

.col1 { width: 90px;  border-left: 1px solid #AF9E7A; }
.col2 { width: 190px; }
.col3 { width: 130px; }
.col4 { width: 130px; }
.col5 { width: 90px; border-left: 1px solid #AF9E7A; }
.col6 { width: 190px; }
.col7 { width: 130px; }
.col8 { width: 130px; }


/* FORM */

#formwrap { float: left; width: 560px; padding: 30px 20px 0px 20px; background-color: #C0BC9A; text-align: right; }

input { color: #333333; background-color: #F5F1CD; font-family: verdana, arial, helvetica, sans-serif; font-size: 12px; }

select { color: #333333; background-color: #F5F1CD; font-family: verdana, arial, helvetica, sans-serif; font-size: 12px; }

textarea { background-color: #F5F1CD; font-family: verdana, arial, helvetica, sans-serif; font-size: 12px; scrollbar-face-color: #F5F1CD; scrollbar-shadow-color: #666666; scrollbar-highlight-color: #666666; scrollbar-3dlight-color: #FFFFFF; scrollbar-darkshadow-color: #FFFFFF; scrollbar-track-color: #F5F1CD; scrollbar-arrow-color: #666666; }

.button { background: #818A60; color: #CBC796; font-family: verdana, arial, helvetica, sans-serif; font-weight: bold; font-size: 10px; border: 0px; padding: 2px; width: 65px; height: 17px; cursor: pointer; }

.button2 { background: #888888; color: #CBC796; font-family: verdana, arial, helvetica, sans-serif; font-weight: bold; font-size: 10px; 0px; border: 0px; padding: 2px; width: 65px; height: 17px; cursor: pointer; }


/* PHOTO GALLERY */

#thumbs3 { float: left; width: 580px; height: 375px; background-image:url('thomas7665-2.jpg'); }
#thumbs { float: left; width: 580px; text-align: center; background: url(galbak.jpg) no-repeat; background-color: transparent; position: relative; }
.spacer, .spacer2 { width: 18px; height: 10px; text-align: left; background-color: transparent;}
.spacer { float: left; }

/* THUMBS */
a.fotog, a.fotog2 { z-index: 24; color: #666666; text-decoration: none; }
a.fotog:hover, a.fotog2:hover { z-index: 25; background-color: transparent; }
a.fotog span, a.fotog2 span { display: none; }
a.fotog:hover span, a.fotog:active span, a.fotog:focus span, a.fotog2:hover span, a.fotog2:active span, a.fotog2:focus span { display: block; position: absolute; top: 100px; left: 120px; width: 330px;  background-color: transparent; color: #333333; text-align: left; padding-bottom: 15px; font-size: 10px; font-weight: normal; }
a.fotog:hover span, a.fotog:active span, a.fotog:focus span { text-align: left; } 
a.fotog2:hover span, a.fotog2:active span, a.fotog2:focus span { text-align: center; }

/* OTHER */

#meta { clear: both; width: 600px; height: 100px; }
#thanks { float: left; width: 450px; border: 1px solid #AF9E7A; padding: 20px; text-align: left; }
p.meta { font-size: 11px; color: #8B7355; font-weight: normal; margin: 0px; padding: 0px; }
.foot, .foot2 { font-family: 'trebuchet ms';  font-weight: normal;}
.foot { font-size: 11px; color: #333333; margin-top: 10px; }
.foot2 { font-size: 10px; color: #8B6914; }
.res { font-size: 12px; color: #666666; font-weight: bold;}
.res3 { font-size: 11px; color: #666666; font-weight: bold;}
.title { color: #894727; font-size: 13px; font-weight: bold; }
.hi3 { color: #923723; font-weight: 900; font-size: 10px;}
.dots3 { font-family: 'trebuchet ms'; font-size: 12px; font-weight: bold; color: #7E3723;}