html { margin:0; padding:0; }  /* gold daaf00, for text 0a5ca9 3979b7 light yellow f9ed86, gold e2bf43 header green 1e5625, green text 9dd692 green bg of ss 205a27 */
body { width:auto; height:auto; background:#22662d url(../img/gr/bg-green-slate.jpg); repeat left top; margin:0; padding:0; text-align:left; font:14px Verdana, Geneva, sans-serif; color:#9dd692; }
#master0, #master0 #canvas0_0, #master0 #canvas0_1 { background:#22662d url(/img/gr/bg-green-slate.jpg) -902px -141px; }
#container { width:1244px; height:auto; margin:auto; position:relative; } 
#content { width:1244px; height:auto; margin:auto; }
p { margin-top:8px; margin-bottom:11px; } img { border:none; }  hr { width:90%; color:#a6cff7; background-color:#a6cff7; }
h1 { font:small-caps 28px Helvetica, Arial, sans-serif; text-align:center; margin:0; padding:0; margin-bottom:7px; letter-spacing:3px; color:#83ca75; }
h2 { font:bold 14px Helvetica, Ariel, sans-serif; color:#83ca75; margin:0; padding:0; margin-bottom:7px; letter-spacing:1px; text-transform:uppercase; }
h3 { font:bold 16px Helvetica, Ariel, sans-serif; color:#1e5625; margin:0; padding:0; margin-bottom:4px; letter-spacing:1px; }
.small, .small-C { font:11px Helvetica, Arial, sans-serif; } .small-C { text-align:center; }  .center { text-align:center; }  .blue { color:#0a5ca9; } .red { color:#ab005f; }
#pageheader {	width:1244px; height:auto; position:relative; background:#1e5625 url(../img/gr/bg-header-gradient.jpg) repeat-x; margin:auto; margin-bottom:15px; ; text-align:center; border-bottom:1px solid #83ca75; e2bf43;}
#logotext { width:976px; height:73px; margin-left:134px; background:#1e5625 url(/img/gr/maui-koa-wood-creations.jpg) no-repeat; }
#banner { width:1242px; height:18px; margin:auto; padding-top:2px; font:small-caps 14px Arial, Helvetica, sans-serif; color:#e2bf43; letter-spacing:3px; }
#topnav { width:1242px; height:18px; margin:auto; flooat:left; margin:7px 0; color:#e2bf43; }  
#topnav a { font:bold 12px Helvetica, Arial, sans-serif; color:#e2bf43; text-decoration:none; } 
#topnav a:hover {	color:#ffcc00; text-decoration:underline; } #topnav a.selected { color:#ffcc00; text-decoration:none; font-weight:bold; text-transform:uppercase; } 
#dropmenudiv { position:absolute; border:1px solid #f9ed86; border-bottom-width:0; font:bold 12px Helvetica, Ariel, sans-serif; line-height:18px; z-index:100; }
#dropmenudiv a { width:100%; display:block; text-indent:10px; background-color:#22662d; color:#f9ed86; border-bottom:1px solid #e2bf43; padding:1px 0; text-decoration:none; }
#dropmenudiv a:hover { background-color:#a6cff7; color:blue; }
.fullcol, .fullbox { width:1242px; height:auto; float:left; margin-bottom:10px; }  .fullbox { border:1px solid #88a881; }
.textcol, .textcol1, .textcol2, .textcol3, .textcol4, .textcol5, .textcol6 { min-height:627px; float:left; padding:20px; line-height:1.4em; margin-bottom:10px; color:#9dd692; border:1px solid #9dd692; 83ca75; }
.textcol { width:199px; }  .textcol1 { width:386px; }  .textcol2 { width:510px; }  .textcol3 { width:640px; }  .textcol4 { width:750px; }  .textcol5 { width:510px; background:#1e5625 url(/img/gr/bg-contact.jpg) no-repeat left top; }  .textcol6 { width:900px; }  .textcol7 { width:1212px; }
/*ul, li { margin:5px; padding:2px; }*/
ul.n, ol.n {list-style-type:none; }  ul.a {list-style-type:lower-alpha; }  ol.b { list-style-type:lower-roman; }
.photocol { width:auto; height:auto; float:right; }  .photocol img { border:1px solid #88a881; margin-bottom:5px; }
.photo-L { float:left; margin-right:10px; }  .photo-R { float:right; margin-left:10px; }  
.caption { text-align:center; margin-bottom:5px; }
#moreinfo { width:540px; height:55px; float:left; font:italic 14px Helvetica, Ariel, sans-serif; color:#0a5ca9; letter-spacing:1px; line-height:1.3em; margin-top:12px; text-align:center; }
.colhead3, .head, .head1 { height:auto; float:left; background:#6699cc; padding-top:2px; padding-left:2px; font:13px Arial, Helvetica, sans-serif; color:white; border:1px solid #88a881; margin-bottom:3px; }
.colhead2 { width:751px; }  .colhead3 { width:1007px; }  .head { width:1184px; }  .head1 { width:1207px; }
.col-space, .col-space1, .col-space2 { height:auto; float:left; text-align:center; }  .col-space { width:10px; } .col-space1 { width:19px; } .col-space2 { width:25px; }
.row1,.row2 { width:100%; height:23px; float:left; padding-top:5px; }
.row1 { background:#f3f3f3; } .row2 { background:#e6e6e6; }

#leftcol { width:553px; height:auto; float:left; }
#rightcol { width:auto; height:auto; float:right; }
#slideshow { width:671px; height:auto; float:right; text-align:center; color:#f9ed86; }  #slideshow img { border:1px solid #88a881; }
.slideshow { float:left; margin-right:10px; margin-bottom:10px;  } /*css for div containing each thumbnail image*/
.slideshow img { width:197px; height:150px; border:1px solid #88a881; } /*each thumbnail*/
#ccanvas0_0 td, #ccanvas0_1 td { vertical-align:top; }
#thumbs { width:1254px; height:auto; margin-top:10px; float:left; }
#contact { width:auto; 494px; height:auto; float:left; background:#1e5625 url(/img/gr/bg-contact.jpg) no-repeat left top; text-align:left; line-height:1.4em; padding:25px; font:12px Helvetica, Ariel, sans-serif; border:1px solid #88a881; }
#contact h1 { color:#1e5625; }
#address { width:auto; height:auto; margin-left:100px; padding:10px; float:left; background:#feefaa; text-align:center; line-height:1.4em; font-size:14px; margin-top:5px; color:#1e5625; }
#request { width:510px; height:435px; float:left; background:#1e5625 url(../img/gr/bg-green-slate.jpg); margin-top:10px; border:1px solid #88a881; color:#feefaa; f9ed86; }
.infoform { margin-top:15px; padding-top:15px; }  .infoform textarea { font:12px 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; }  .details { width:444px; height:auto; margin-left:25px; margin-top:5px; }

a:link, a:visited { color:#e2bf43; text-decoration:underline; } a:hover {	color:#f9ed86; ffcc00; text-decoration:underline; }
#footer { width:1244px; height:auto; clear:both; float:left; font:12px Helvetica, Arial, sans-serif; text-align:center; margin-top:10px; }
#footnav { width:1244px; height:25px; padding-top:4px; }  #footer a.selected { color:#ffcc00; text-decoration:none; font-weight:bold; text-transform:uppercase; }
#copyright { width:1242px; height:17px; padding-top:5px; font-size:12px; border:1px solid #88a881; color:#88a881; }
#aa { margin:4px 0; font:11px Arial, Helvetica, sans-serif; } #aa a:link, #aa a:visited { color:#88a881; text-decoration:underline; } #aa a:hover { color:#ffcc00; }
#hits { font:10px Arial, Helvetica, sans-serif; color:#88a881; margin-top:3px; }
