/* CSS RESET & GLOBALS */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, acronym, address, big, cite, code, del, dfn, font, ins, kbd, q, s, samp, small, strike, tt, var, fieldset, form, label, legend, caption { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; }

a:focus { outline: none; }
a img { border: none; }

strong, b { font-weight: bold; }
em, i { font-style: italic; }

td { vertical-align: top;}

/* GLOBALS */
html, body { height: 100%; }
body { background: url(img/bgnd.gif) repeat left top; line-height: 1; }

body, td, th, textarea, input, select, h2, h3, h4, h5, h6, pre { font: 12px Arial, sans-serif; color: #444444; }
textarea, input, select { color: #444444; }

.picBorder { border: 1px solid #c7c7c7; background: #ffffff; padding: 7px; margin: 0 20px 0 0; }
.txtSmall { font-size: 10px; }
.txtSmallest { font-size: 9px; }
.date, .datum { font-size: 11px; color: #807e72; }

ul.inline { margin: 0; padding: 0; list-style:none; }
ul.inline li { display: inline; }


/* FORM ELEMENTS */
.textbox, textarea { background: #cadae4; border: 1px solid #799db4; padding: 3px 5px; }
.searchbox { width: 200px; margin: 4px 8px 0 8px; background: none; border: none; color: #cccbc2; }
select { background: url(img/textboxBgnd.gif) no-repeat 0 0; border: 1px solid #c7c7c7; padding: 2px; }
.btn { color: #ffffff; background: #0082dd url(img/btnBgnd.gif) repeat-x left bottom; border: none; padding: 2px 10px; font-size: 11px; text-transform: uppercase; cursor: pointer; }


/* LINKS */
a:link, a:active, a:visited, a:hover { text-decoration: none; }

a:link, a:active, a:visited { color: #0088ee; }
a:hover { color: #000000; }

a.linkWhite:link, a.linkWhite:active, a.linkWhite:visited { color: #ffffff; }
a.linkWhite:hover { color: #000000; }

.lang a:link, .lang a:active, .lang a:visited { color: #444444; }
.lang a:hover { color: #000000; }

.footer a:link, .footer a:active, .footer a:visited { color: #ffffff; }
.footer a:hover { color: #000000; }


/* WRAPPERS */
.fullStretch { width: 100%; }
.marginTop1 { margin: 15px 0 0 0; }
.marginTop2 { margin: 30px 0 0 0; }

.wrapper { background: url(img/bodyBgnd.gif) repeat-x left top; min-height: 650px; }

.header { width: 970px; margin: 0 auto; background: #ffffff url(img/headerBgnd.gif) repeat-x left top; height: 145px; }
.logoContainer { width: 240px; text-align: center; vertical-align: bottom; }
.headerMain { vertical-align: top; background: url(img/headerArt.gif) no-repeat right bottom; }
.headerAddress { padding: 19px 0 0 20px; position: relative; }
.headerVirtual { position: absolute; left: 410px; top: 62px; }
.langWrapper { background: #b0b0b0; margin: 20px 0 0 0; padding: 7px 15px; font-size: 10px; color: #ffffff; }
.lang { text-align: right; }
.lang li { background: url(img/langDivider.gif) repeat-y right center; padding: 0 8px 0 4px; }
.lang li.last { background: none; padding: 0 0 0 4px; }
.t1 { width: 970px; margin: 0 auto; height: 4px; background: url(img/t1.gif) no-repeat center center; }
.t2 { width: 970px; margin: 0 auto; height: 20px; background: url(img/t2.gif) repeat-x center center; }

.middleWrapper { width: 970px; margin: 0 auto; background: #e8f0fa url(img/middleBgnd.gif) no-repeat top left; }
.middle { width: 100%; margin: 5px 0 0 0; }
.left { width: 240px; }
.main { background: url(img/leftBgnd.gif) repeat-y left top; padding: 10px 11px 20px 19px; }

.leftMenu { margin: 10px 20px 25px 20px; padding: 0; list-style: none; }
.leftMenu li { background: url(img/line_horiz.gif) repeat-x left bottom; padding: 7px 0 7px 5px; }
.leftMenu li p { background: url(img/menuArrow.gif) no-repeat 0 4px; padding: 0 0 0 10px; }
.leftMenu li p.active { background: url(img/menuArrowActive.gif) no-repeat 0 4px; padding: 0 0 0 10px; }
.leftMenu li ul { margin: 3px 0 6px 12px; padding: 0; list-style: none; }
.leftMenu li ul li { background: none; padding: 6px 0 0 0; font-size: 11px; }
.leftMenu li a:link, .leftMenu li a:active, .leftMenu li a:visited { color: #555555; }
.leftMenu li a:hover { color: #000000; }
.leftMenu li p.active a:link, .leftMenu li p.active a:active, .leftMenu li p.active a:visited { color: #0088ee; }
.leftMenu li p.active a:hover { color: #0088ee; }

.indexReservation { background: #a6c1d3; padding: 15px 20px; }
.reservationForm img { margin: 0 0 0 6px; }
.reservationForm div { margin: 8px 0 0 0; }

.picWrapper { text-align: center; }

.indexTripleBox { width: 100%; margin: 12px 0 0 0; }
.box { width: 225px; height:100%; }
.box2 { width: 225px; background: url(img/line_horiz.gif) repeat-x left top; }
.boxBody { padding: 15px 15px 5px 15px; font-size: 11px; line-height: 15px;height:100%; }
.boxBody br { line-height: 10px; }
.box2 .boxBody { padding: 15px 10px 5px 10px; font-size: 11px; line-height: 15px; }
.box .boxTitle { margin: 0 0 10px; font: 19px Arial, Helvetica, sans-serif; color: #ffffff;}
.box2 .boxTitle { margin: 0 0 10px; font: 19px Arial, Helvetica, sans-serif; color: #444444;}
.boxBody ul { margin: 0 15px; padding: 0; }
.boxBody .marginVertical { margin: 8px 0; }
.green { background: #73c773; }
.blue { background: #73c7ff; }
.orange { background: #fac050; }

.pageTitle { padding: 10px 10px 0 10px; }
.pageTitle h1 { font: 17px Arial, Helvetica, sans-serif; color: #0088ee; margin: 0 0 20px 0; text-transform: uppercase; font-weight: bold; letter-spacing: 2px; }
.pageBody { line-height: 17px; padding: 0 10px; }
.pageBody p { margin: 0 0 17px 0; }
.pageBody td p { margin: 0; }
.pageBody td { line-height: 17px; }
.pageBody ul { margin: 7px 0 7px 15px; padding: 0; }

.footer { width: 930px; margin: 0 auto; }
.footer td { vertical-align: top; padding: 12px 0; color: #a6c1d3; font-size: 11px; }
.footerLeft { width: 240px; }
.footerMain { text-align: right; }
.footerMain img { vertical-align: middle; }

.gallery td { background: #ffffff; border: 1px solid #dddddd; padding: 10px; vertical-align: middle; }
.gallery .galleryTitle { background: none; border: none; padding: 0; color: #00740b; font-size: 12px; font-weight: bold; text-transform: uppercase; }

.picWrapper { position: relative; width: 700px; height: 275px; overflow: hidden; }
.picBulletsWrapper { position: relative; top: 230px; left: 470px; width: 210px; text-align: right; }
.picHolder { display: none; position: absolute; float: left; width: 700px; height: 275px; left: 0; }