* { box-sizing:border-box; }
html { margin:0; padding:0; }  /*light blue text #a6cff7; teal pageheader 00cae8 gold e2bf43 light yellow f9ed86 less dk purple 601a97  551488 text 9ceefa  cyan text ccffff*/
body { width:auto; height:auto; background:#459588 url(/img/gr/bg-teal-pink2.jpg) no-repeat top left fixed; background-size:100%; margin:0; padding:0; text-align:left; font:14px Verdana, Arial, Helvetica, sans-serif; color:#ccffff; } 

p { margin-top:8px; margin-bottom:11px; }  img { border:none; }  ul { margin:0; padding:15px;}  .caption { text-align:center; margin-bottom:5px; }
h1 { font:small-caps 28px Helvetica, Arial, sans-serif; text-align:center; margin:0; padding:0; color:#ccffff; letter-spacing:3px; }
h2 { font:small-caps 15px Helvetica, Ariel, sans-serif; color:#f9ed86; padding:0; margin:0; margin-bottom:7px; letter-spacing:2px;  }
h4 { font:normal 20px Century Gothic, Arial, sans-serif; margin:0; padding:0; margin-top:5px; margin-bottom:3px;}
.small, .small-C { font:11px Helvetica, Arial, sans-serif; } .small-C { text-align:center; }  .center { text-align:center; }  .smaller { font:12px Verdana, Arial, Helvetica, sans-serif; }

#container { width:1244px; height:auto; margin:auto; position:relative; }
#content { width:1244px; height:auto; margin:auto; color:#ccffff; }

/* Full-Width Header */
#pageheader { width:100%; margin:0; background:transparent; border:0; }
#pagetop { width:100%; min-height:80px; margin:0 auto; display:flex; flex-direction:column; align-items:center; justify-content:center; }
#logotext { margin:0; padding:5px 0 0; font:italic 36px Georgia,"Times New Roman",serif; color:#ccffff; text-align:center; letter-spacing:5px; white-space:nowrap; }
#banner { margin:5px 0 15px; font:small-caps 14px Arial,Helvetica,sans-serif; color:#ccffff; text-align:center; letter-spacing:3px; }

/* Top Navigation */
#topnav { width:100%; height:20px; margin:0 0 15px; background:transparent; border-top:1px solid #ccffff; border-bottom:1px solid #ccffff; text-transform:uppercase; }
#topnav-inner { width:100%; max-width:1244px; height:20px; margin:0 auto; display:flex; align-items:center; justify-content:space-around; gap:6px; }
#topnav a { font:12px Verdana,Arial,Helvetica,sans-serif; color:#ccffff; text-decoration:none; white-space:nowrap; }
#topnav a:hover { color:#f9ed86; text-decoration:underline; }
#topnav a.selected { color:#f9ed86; font-weight:bold; }

#fullcol { width:1212px; height:auto; float:left; font:16px Helvetica, Ariel, sans-serif; padding:15px; border:1px solid #ccffff; line-height:18px; text-align:left; line-height:1.6em; }
#maincol { width:1194px; min-height:632px; float:left;  font:15px Verdana, Arial, Helvetica, sans-serif; line-height:18px; padding:10px 14px; border:1px solid #ccffff; text-align:left; } /*860*/
#maincol-hm { width:1194px; height:auto; float:left; background:#339999 url(/img/gr/chinese2.jpg) repeat left top; line-height:18px; padding:10px 14px; border:1px solid #ccffff; text-align:center; }
#maincol img { float:left; margin-right:20px; }
/*Menus and Rental Rates*/
.heading { width:510px; height:auto; margin-bottom:10px; }
.photocol { width:auto; height:auto; float:right; }
.photocol img, .photothin img { margin-bottom:5px; border:1px solid #ccffff; }
.photothin { width:415px; height:auto; float:right; }

#menupage { width:1244px; height:auto; float:left; font:16px Helvetica, Ariel, sans-serif; line-height:18px; text-align:left; line-height:1.6em; }
.menu { width:780px; height:auto; float:left; padding:15px; border:1px solid #ccffff; margin-bottom:10px; text-align:left; color:#ccffff; }
.unit { width:780px; height:auto; float:left; padding:15px; background-color:#007070; border:1px solid #ccffff; margin-bottom:10px; text-align:left; color:#ccffff; }
.menu-L { width:350px; height:auto; float:left; padding:15px; border:1px solid #ccffff; background-color:#007070; }
.menu-R { width:350px; height:auto; float:right; padding:15px; border:1px solid #ccffff; background-color:#007070; }
.rates { width:780px; height:240px; float:left; padding:15px; border:1px solid #ccffff; margin-bottom:10px; text-align:left; color:#ccffff; }
.unit-full { width:750px; height:150px; float:left; padding:15px; margin-bottom:6px; border:1px solid #ccffff; background-color:#007070; }
.unit-L { width:365px; height:auto; float:left; }
.unit-R { width:365px; height:auto; float:right; }

.textcol, .textcol9 { height:auto; float:left; padding:20px; margin-bottom:10px; line-height:1.4em; border:1px solid #ccffff; }
.textcol { width:510px; }  .textcol9 { width:1200px; }

/* Text Columns */
.textcol1, .textcol2, .textcol3, .textcol4, .textcol5, .textcol6, .textcol7, .textcol8, .textcol9 { height:auto; float:left; padding:12px 15px 15px; baackground:#ffebc7; font:14px Verdana, Arial, Helvetica, sans-serif; line-height:1.4em; margin-bottom:10px; border:1px solid #ccffff; }
.textcol1 { width:231px; }
.textcol2 { width:427px; }
.textcol3 { width:554px; }
.textcol4 { width:672px; }
.textcol5 { width:799px; }
.textcol6 { width:932px; }
.textcol7 { width:1043px; }
.textcol8 { width:1244px; }
.textcol9 { width:100%; }
.textcol2 .infoform { font:12px Helvetica, Arial, sans-serif; }


.line-item { width:502; height:auto; float:left; margin-bottom:14px; }
.label { width:70px; height:auto; float:left; margin-right:20px; text-align:right; color:#003399; }
.data { width:409px; height:auto; float:right; color:white; }
#textcol { width:553px; height:auto; float:left; } /*482*/
#rightcol { width:669px; height:auto; margin-left:20px; float:left; } /*684*/
#gallerytext, #textcol { width:510px; min-height:627px; float:left; padding:20px; border:1px solid #ccffff; line-height:1.3em; letter-spacing:1px;} 
.pause { font:11px Verdana, Ariel, sans-serif; color:#ccffff; margin-top:0px; }
.heading { width:510px; height:auto; margin-bottom:10px; }
.gallerypic { width:auto; height:190px; text-align:center; }
#moreinfo { width:510px; height:55px; float:left; font:13px Helvetica, Ariel, sans-serif; color:#ccffff; letter-spacing:1px; line-height:1.3em; margin-top:12px; text-align:center; }
#moreinfo a:link, #moreinfo a:visited  { color:#f9ed86; text-decoration:none; } 
#moreinfo a:hover { color:white; text-decoration:underline; }

/*Contact Us, 404 and thankyou pages*/
#leftcol { width:544px; height:auto; float:left; }
.contact, .notice { width:510px; height:auto; float:left; text-align:left; line-height:1.4em; padding:25px; font:12px Helvetica, Ariel, sans-serif; border:1px solid #ccffff; }
.contact { padding:15px 25px; }  .notice { padding:10px 25px; margin-top:10px; font:13px Verdana, Geneva, sans-serif; color:#ab005f; }
#address { width:510px; height:auto; float:left; text-align:center; line-height:1.4em; font-size:14px; color:#ccffff; }
#request { width:510px; height:auto; float:left; margin-top:10px; border:1px solid #ccffff; color:#ccffff; }
.infoform { margin-top:15px; padding-top:5px; }  .infoform textarea { font:11px Verdana, Arial, Helvetica, sans-serif;}
.infoform label { width:200px; font-weight:normal; float:left; text-align:right; padding-right:12px; }
.infoform btn { width:200px; }  .inquiry { width:328px; }  
.note { width:444px; height:auto; text-align:center; padding:8px 25px; border-top:1px solid #ffffff; border-bottom:1px solid #ffffff; background:#afd2f4; color:#0a5ca9; }
.details { width:444px; height:auto; margin-left:25px; margin-top:5px; }
#coontact h1, #meessage h1 { font:small-caps 34px Century Gothic, Arial, sans-serif; text-align:center; letter-spacing:4px; color:#ccffff; paadding:9px 0; margin:0; }
.contact a:link, .contact a:visited, #message a:link, #message a:visited, #sitemap a:link, #sitemap a:visited { color:#f9ed86; text-decoration:none; }
.contact a:hover, #message a:hover, #sitemap a:hover { color:white; text-decoration:underline; }


/*Slideshow pages*/
#slideshow { width:669px; height:auto; float:right; text-align:center; }
.slideshow { float:left; margin-right:10px; margin-bottom:10px; } .slideshow img { width:197px; height:150px; border:1px solid #ccffff; } /*each thumbnail*/
#thumbs { width:1254px; height:auto; margin-top:10px; float:left; }
#master0 div { background:transparent; }
#canvas0_0 td, #canvas0_1 td { vertical-align:top; }

/* Slideshow */
#slideshow { width:auto; height:auto; float:right; text-align:center; color:#0a5ca9; }
#slideshow img, .gallerypic img { border:1px solid #a6cff7; }
.slideshow { float:left; margin-right:10px; margin-bottom:10px; }
.slideshow img { width:197px; height:150px; border:1px solid #a6cff7; }
#master0, #master0 #canvas0_0, #master0 #canvas0_1 { background:#89b8ac url(/img/gr/bg-teal-pink3.jpg) 0 0; }
#canvas0_0 td, #canvas0_1 td { vertical-align:top; }
#thumbs { width:100%; height:auto; margin-top:10px; float:left; }
.thumb { width:197px; height:150px; margin-right:10px; margin-bottom:20px; float:left; border:1px solid #a6cff7; font-size:10px; text-align:center; }


a:link, a:visited { color:#f9ed86; text-decoration:none; }  a:hover {	color:#993399; text-decoration:underline; }
#foooter { width:1244px; height:auto; clear:both; float:left; font:12px Helvetica, Arial, sans-serif; text-align:center; color:#ccffff; margin-top:10px; }
#footer { width:100%; clear:both; margin:15px auto 0; text-align:center; }
#footer-inner { width:100%; max-width:1244px; margin:0 auto; }
#copyright { width:100%; min-height:23px; font-size:12px; color:#ccffff; padding:2px 0 8px; margin: 12px 0; border:1px solid #ccffff;  }
#footnav { width:1244px; height:25px; padding-top:9px;  }
#footnav { width:100%; min-height:25px; padding-top:9px; }
#copyright { width:100%; height:auto; margin-top:8px; padding:5px 0; border:1px solid #ccffff; color:#ccffff; }
#footer a:link, #footer a:visited { color:#ccffff; text-decoration:underline; }  #footer a:hover { color:#87181f; text-decoration:underline; } 
#footer a.selected { color:#f9ed86; text-decoration:none; font-weight:bold; text-transform:uppercase; }
#aa { margin:6px 0; font:11px Arial, Helvetica, sans-serif; color:#ccffff; }
#aa a:link, #aa a:visited { color:#ccffff; text-decoration:underline; }
#aa a:hover { color:#87181f; }
#hits { font:10px Arial, Helvetica, sans-serif; color:#cccccc; margin-top:3px 0 5px; }