* { margin: 0; padding: 0; }
html, body { height: 100%; }
html { background: transparent; }
body { background: #FFFFFF url(../images/bg.png) repeat-x fixed; font-family: Tahoma, Geneva, sans-serif; font-size: 100%; 
	line-height: 1.125em; color: #000000; }
	
img { border:0; vertical-align: top; text-align: left; }
p { margin-bottom: 15px; font-size: 1.1em; }
ul { list-style: none; }


#main { width: 974px; margin: 0 auto; position: relative; font-size: 0.75em; }
.alt-top { padding-top: 9px; }

/* contact info */
#contactinfo .row1 { height: 127px; }
#contactinfo .logo { float: left; padding: 40px 0 0 45px; }
#contactinfo .logo em { position: absolute; top: 25px; text-transform: uppercase; font-style: normal; font-size: 16px; 
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-weight: bold; padding-left: 5px; color: #606060; }
#contactinfo .logo strong { color: #AD0000; font-size: .91em; padding-left: 5px; }
#contactinfo .phones { float: right; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 25px; 
	line-height: 1em; color: #C30000; padding: 36px 48px 0 0; letter-spacing: -1px; text-align: right; color: #606060; }
#contactinfo .phones em { text-transform: uppercase; font-style: normal; font-size: 16px; 
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-weight: bold; padding-left: 5px; color: #C30000; }

	
/* header */
.inner-hd { padding-top: 259px; }
.headerbox-main { background: url(../images/main-hd.jpg) no-repeat left top; width: 950px; height: 316px; }
.headerbox-events { background: url(../images/events-hd.jpg) no-repeat left top; width: 950px; height: 316px; }
.headerbox-reserve { background: url(../images/pool-hd.jpg) no-repeat left top; width: 950px; height: 316px; }
.headerbox-directions { background: url(../images/bridge-hd.jpg) no-repeat left top; width: 950px; height: 316px; }
.headerbox-gallery { background: url(../images/main-hd.jpg) no-repeat left top; width: 950px; height: 316px; }
.headerbox-rooms { background: url(../images/rooms-hd.jpg) no-repeat left top; width: 950px; height: 316px; }


#header { margin-bottom: 10px; }
#header .nav { width: 100%; overflow: hidden; margin-left: 1px; }
#header .nav li { display: inline; }
#header .nav li a { display: block; float: left; width: 155px; height: 55px; line-height: 52px; font-size: 16px; 
	text-transform: uppercase; font-weight: bold; color: #FFFFFF; text-decoration: none; border: 1px solid #999999;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; text-align: center; margin-right: 1px; 
	background: url(../images/nav-bg1.png) no-repeat left top; }
#header .nav li a:hover { background: url(../images/nav-bg2.png) no-repeat left top; color: #FFFFFF; }
#header .nav li a.current { background: url(../images/nav-bg2.png) no-repeat left top; color: #FFFFFF; }
/* #header .headerbox-rooms .nav li a { color: #3E3E3E; }
#header .headerbox-directions .nav li a { color: #FFFFFF; }
#header .headerbox-events .nav li a { color: #FFFFFF; }
#header .headerbox-main .nav li a { color: #FFFFFF; } */


/* links, titles */
a  { color: #000000; outline: none; }
a:hover { text-decoration: none; }

h1 { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 60px; line-height: 1em; color: #C30000; 
	text-transform: uppercase; font-weight: normal; letter-spacing: -2px; }
h1 a { color: #C30000; text-decoration: none; }
h2 { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; color: #C30000; font-size: 30px; line-height: 1em; 
	font-weight: normal; margin-bottom: 12px; letter-spacing: -1px; }
h3 { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; color: #C30000; font-size: 25px; line-height: 1em; 
	font-weight: normal; margin-bottom: 16px; }
h4 { font-size: .91em; }
h5 { font-size: 1.33em; color: #C30000; padding-top: 10px; margin-bottom: 26px; }
h6 { font-size: 1em; color: #E7E7E7; }


/* form */
#reserveform { font-size: .91em; font-weight: bold; }
#reserveform fieldset { border: none; }
#reserveform .field { display: block; height: 55px; } 
#reserveform label { display: block; padding-bottom: 4px; }
#reserveform select { border: 1px solid #5D3825; background: #FFFFFF; color: #BCA695; }
#reserveform select.select1 { width: 40px; margin-right: 10px; }
#reserveform select.select2 { width: 127px; }
#reserveform input { width: 23px; text-align: center; border: 1px solid #5D3825; background: #FFFFFF; color: #BCA695; }
#reserveform .button { font-size: 1em; }

.reservation-frame { border: 0; width: 940px; height: 640px; margin-top: 20px; }

.button { text-align: center; font-size: .91em; }
.button span { display: inline-block; background: url(../images/button-side.gif) no-repeat left top; padding-left: 1px; }
.button span span { background: url(../images/button-side.gif) no-repeat right top; padding-right: 1px; padding-left: 0; }
.button span span a { display: inline-block; background: url(../images/button-bg.gif) left top repeat-x; padding: 0 0 3px 0; 
	color: #ECECEC; width: 152px; text-decoration: none; text-transform: uppercase; font-weight: bold; }
.button span span a:hover { text-decoration: underline; }

.box { margin: 14px 0 4px 4px; width: 236px; float: left; }
.box .inner { background: #F6F5F4; padding: 21px 18px 30px 18px; }
.box .inner img { border: 0; }
.box .verifications { background: #FFFFFF; position: absolute; bottom: 68px; }

.info { margin: 25px 40px 10px 290px; }

.hline { width: 100%; height: 1px; margin: 26px 0 26px 0; overflow: hidden; font-size: 0; background: #999999; }
.vline { background: url(../images/line-ver.gif) 297px top repeat-y; width: 100%; }
.wrapper { width: 100%; margin-bottom: 24px; overflow: hidden; }

.col1 { float: left; width: 234px; margin-right: 122px; }
.col1 h3 { margin-bottom: 20px; }
.col2 { float: left; width: 213px; }
.col2 dt { margin-top: 10px; }
.col2 b { color: #3E3E3E; }


#directions { padding: 24px 7px 10px 7px } /* (top, right, bottom, left) */
#directions strong { color: #AD0000; font-size: .91em; padding-right: 15px; }
#directions .map { float: left; }
#directions .routepanel { float: right; border: 0; width: 300px; padding-right: 7px; }
#map-canvas { border: 1px solid #000000; width: 600px; height: 570px; margin-bottom: 10px; margin-top: 18px; }
#route { margin-bottom: 10px; }
.balloon { font-size: 12px; }


.rooms-details { float: left; width: 550px; padding: 20px 0 50px 15px; }
.rooms-row2 { clear: both; }
.rooms-details2 { float: left; width: 550px; padding: 0 15px 30px 0; }
.rooms-picture { float: right; padding: 20px 15px 0 0; }
.rooms-picture2 { float: left; padding: 0 30px 0 15px; }
.rooms-picture img, .rooms-picture2 img { border: 1px solid #CDCDCD; padding: 4px; }


.left-column { width: 50%; float: left; padding-left: 35px; padding-bottom: 30px; }
.left-column h3, .right-column h3 { padding-top: 30px; }
.left-column li, .right-column li { padding-top: 2px; }
.right-column { float: left; }
.google-ads { padding-top: 20px; text-align: center; }


/* footer */
#footer { padding: 17px 0 15px 0; text-align: center; }
#footer .fcopy { font-family: Arial, Helvetica, sans-serif; font-size: 1em; color: #000000; }
#footer .fcopy a { color: #AD0000; }