html { margin:0; padding:0; } /*text blue #a6cff7; bg blue 2e5882; light yellow f9ed86; */
body { width:auto; height:auto; background:#2e5882 url(/img/gr/bg-blue-gradient-dk.jpg) repeat left top; text-align:left; margin:0; padding:0; font:13px Verdana, Arial, Helvetica, sans-serif; color:#a6cff7; letter-spacing:1px; line-height:1.3em; }
#master0 div { background:url(/img/gr/bg-blue-gradient-dk.jpg) 0 -128px; }
#container { width:auto; margin:0; padding:0; position:relative; }
#content { width:1061px; height:auto; margin:auto; position:relative; }
.blue { color:#1b3d7d; font:11px Verdana, Arial, Helvetica, sans-serif; } .yellow { color:#f9ed86; font-size:11px; } .white { color:white; } .center { text-align:center; }
p { margin-top:6px; margin-bottom:9px; } img { border:none; } .small { font:11px Verdana, Arial, Helvetica, sans-serif; text-align:center; }
h1 { font:28px Times New Roman, Times, serif; letter-spacing:4px; vertical-align:top; line-height:35px; margin:4px; color:white; }
h2 { font:bold 17px Arial, Helvetica, sans-serif; letter-spacing:2px; margin:4px; color:white; }
h3 { font:bold 16px "Century Gothic", sans serif; margin-top:10px; margin-bottom:2px; }
h4 { font:small-caps 17px Arial, Helvetica, sans-serif; letter-spacing:2px; margin:0; padding:0; color:white; text-align:center; }
#pagetop { width:auto; height:112px; position:relative; margin:auto; margin-bottom:15px; background:#2e5882; border-bottom:1px solid #a6cff7; }
#pageheader { width:1061px; height:112px; margin:auto; position:relative; }
#logo { width:288px; height:86px; background:#2e5882 url(/img/gr/sargents.jpg) no-repeat left top; margin-top:15px; position:absolute; left:0; font:bold 18px Times New Roman, Times, serif; letter-spacing:4px; }
#logotext { width:288px; height:15px; text-indent:17px; position:absolute; top:67px; padding:0; color:#a6cff7; letter-spacing:11px; }
#topnav { width:120px; height:60px; position:absolute; top:15px; left:772px; color:white; text-align:left; }
.nav { width:120px; height:16px; float:left; border-left:1px solid #a6cff7; }
#bannerbox { width:480px; height:16px; position:absolute; top:48px; left:290px; } .banner { font:15px Arial, Helvetica, sans-serif; color:white; text-align:center; letter-spacing:3px; }
#topnav a { padding-left:12px; font:bold 14px Arial, Helvetica, sans-serif; color:#a6cff7;; text-decoration:none; letter-spacing:1px; }
#indexcol { width:669px; height:auto; 709px; float:left; } #rrightcol { width:227px; height:709px; margin-left:140px; float:left; }
#leftcol { width:346px; min-heeight:632px; height:auto; float:left; } #rightcol { width:auto; height:auto; float:right; } /*585*/
.textcol1 {}
#thanks { width:900px; height:310px; background-color:#2e5882; border:1px solid #a6cff7; }
#jewelry { width:338px; float:left; line-height:1.4em; text-align:left; background-color:#2e5882; border:1px solid #a6cff7; padding:5px 8px 8px 8px; }
#jewelry h1 { color:#1b3d7d; margin-top:10px; } /*dark blue*/
#jewelry img { margin:2px 2px 2px 14px; padding:4px; border:1px solid #a6cff7; }
#jewelry a:link, #jewelry a:visited { color:#1b3d7d; text-decoration:none; }
#title { width:671px; height:auto; float:right; text-align:center; margin-bottom:7px; }
#title h1 { font:normal 28px "Times New Roman", Times, serif; color:#a6cff7; margin-top:10px; } /*dark blue*/
#slideshow { width:669px; height:740px; float:right; text-align:center; } #slideshow img { border:1px solid #a6cff7; } /*each image tag*/
.slideshow { float:left; margin-right:10px; margin-bottom:10px; } /*CSS for DIV containing each image*/
.slideshow img { width:197px; height:150px; border:1px solid #a6cff7; } /*each image tag*/
#thumbs { width:1061px; height:auto; margin-top:43px; float:left; }
#loadarea { width:669px; height:671px; float:left; text-align:center; margin-top:0px; z-index:1; overflow:auto; }
#imagecol { width:669px; height:680px; float:left; }
#artist { margin-top:21px; z-index:1; visibility:visible; overflow:auto; }
#beebe,#boys,#bunt,#eam,#ewing,#goc,#grundy,#niihau,#paradisus,#paula,#pratima,#samerjan,#shirley,#starborn,#tapley,#watch { position:absolute; left:0px; top:21px; visibility:hidden; }
#beebe { margin-left:95px; } #samerjan { margin-left:35px; } #tapley { margin-left:72px; } #watch { margin-left:238px; }
#artistindex { width:287px; height:600px; float:right; text-transform:uppercase; }
#index { width:275px; height:530px; margin-top:20px; font:13px Verdana, Arial, Helvetica, sans-serif; line-height:26px; float:right; text-align:left; padding-left:12px; border-left:1px solid #a6cff7; }
#index a:link, #index a:visited { color:#a6cff7; text-decoration:none; } #index a:hover { color:#f9ed86; text-decoration:underline; }
a:link, a:visited { color:#f9ed86; text-decoration:none; } a:hover { color:#f9ed86; text-decoration:underline; }
#topnav a:hover { color:#f9ed86; text-decoration:underline; } a .selected { color:white; text-decoration:none; }
#topnav a.selected { color:white; text-decoration:none; }
#footer { width:1061px; height:60px; clear:both; margin-top:15px; float:left; text-align:center; font:10px Arial, Helvetica, sans-serif; }
#copyright { width:1059px; height:17px; padding-top:7px; border:1px solid #a6cff7; }
#footnav { width:1061px; height:25px; font-size:12px; padding-top:10px; }
#footnav a:link, #footnav a:visited { color:#a6cff7; text-decoration:none; } #footnav a:hover { color:#f9ed86; text-decoration:underline; } #footnav a.selected { color:white; text-decoration:none; text-transform:uppercase; }
#aa { margin:8px 0; font:11px Arial, Helvetica, sans-serif; } #aa a:link, #aa a:visited { color:#a6cff7; text-decoration:underline; } #aa a:hover { color:#f9ed86; }
/*Custom 404 page*/
#message { width:340px; float:left; padding:15px; line-height:2.1em; text-align:center; border:1px solid #a6cff7; margin-bottom:40px; }
#message h1 { font:normal 20px "Times New Roman", Times, serif; color:#a6cff7; margin-top:10px; } /*dark blue*/
/*Contact Us page*/
#contact { width:494px; height:auto; float:left; padding:20px; line-height:1.4em; text-align:left; border:1px solid #a6cff7; }
#contact h1 { font:28px Times New Roman, Times, serif; color:#a6cff7; letter-spacing:4px; font-weight:normal; text-align:center; margin:0; padding:0;}
.address { width:335px; float:left; text-align:right; margin-top:20px; }
#request { width:494px; height:408px; float:left; margin-top:14px; padding-top:5px; background-color:#2e5882; border:1px solid #a6cff7; color:#a6cff7; }
.btn { background-color:#a6cff7; }
.infoform { margin-top:15px; padding-top:0px; } .infoform textarea { font:11px Verdana, Arial, Helvetica, sans-serif;}
.infoform label { width:200px; float:left; text-align:right; padding-right:12px; } .infoform btn { width:200px; } .inquiry { width:328px; }
.notes { width:444px; height:auto; margin-left:25px; margin-top:5px; }
#location { width:461px; height:auto; float:right; background-color:#2e5882; border:1px solid #a6cff7; padding:15px 20px; }
#mapcol { width:504px; height:auto; float:right; margin-top:15px; } #map { width:500px; height:auto; float:right; margin-top:15px; }
.small { font:11px Verdana, Arial, Helvetica, sans-serif; text-align:center; }
#thanks { width:900px; height:310px; background-color:#2e5882; border:1px solid #a6cff7; }
/*About Us page*/
#hours { width:180px; height:877px; float:left; text-align:right; padding-right:15px; border:1px solid #a6cff7; padding-top:25px; font:12px Arial, Helvetica, sans-serif; line-height:1.2; } /*was 798*/
#hours p, #about p, #hours2 p { margin-top:6px; margin-bottom:18px; }
.lahaina { font:15px Verdana, Arial, Helvetica, sans-serif}
#photos { width:339px; height:auto; float:left; text-align:center; margin-left:18px; margin-top:5px; }
.photo { margin:4px; padding:4px; border:1px solid #cccccc; }
#about { width:475px; height:auto; margin-left:18px; float:left; font:13px Verdana, Arial, Helvetica, sans-serif; line-height:1.4; margin-top:10px; }
#about a:link, #about a:visited, #contact a:link, #contact a:visited, #message a:link, #message a:visited { color:#f9ed86; text-decoration:none; }
#about a:hover, #contact a:hover, #hours a:hover { color:white; text-decoration:underline; }
/*Care page*/
#intro { width:808px; height:53px; float:left; text-align:center; margin:10px 0 0px 20px; font:15px Verdana, Arial, Helvetica, sans-serif; line-height:1.4; color:white; }
#care { width:843px; height:auto; float:right; font:15px Verdana, Arial, Helvetica, sans-serif; line-height:1.5em; }
#care h1 { font:normal 20pt Times New Roman, Times, serif; color:#a6cff7; margin-top:10px; letter-spacing:1px; }
#care a:hover h1 { color:#f9ed86; text-decoration:underline; }
#hours2 { width:180px; min-height:632px; background-color:#2e5882; float:left; text-align:right; padding-right:15px; border:1px solid #a6cff7; padding-top:25px; font:12px Arial, Helvetica, sans-serif; line-height:1.2; } /*was 798*/
#artistbio { width:328px; height:auto; float:left; letter-spacing:1px; line-height:1.3em; background-color:#2e5882; padding:0 8px 8px 8px; border:1px solid #a6cff7; }
.pause { font:11px Arial, Helvetica, sans-serif; }
.biotitle { width:330px; height:auto; margin-bottom:10px; } /*25px*/
.biotitle h1 { font:30px Calisto MT, Times New Roman, serif; text-align:center; color:#a6cff7; margin:0; padding:0; }
.biopic { width:auto; height:190px; text-align:center; }
.biotext a:{}
#moreinfo { width:346px; height:55px; float:left; margin-top:12px; text-align:center; }
#moreinfo .email { font:bold 13px Verdana, Arial, Helvetica, sans-serif; }
#moreinfo a:link, #moreinfo a:visited, .biotext a:link, .biotext a:visited { color:#f9ed86; text-decoration:none; }
#moreinfo a:hover, .biotext a:hover { color:white; text-decoration:underline; }
#art_text { width:632px; height:684px; margin-left:10px; text-align:left; float:left; }
#artcol { width:178px; float:right; line-height:1.7em; border:1px solid #a6cff7; margin-bottom:9px; margin-left:5px; }
.art-title { width:176px; background-color:#a6cff7; font-size:10px; }
.list { padding-left:6px; padding-bottom:5px; line-height:1.7em; font-size:11px; }
/*Bio page*/
#bio { width:669px; height:auto; float:right; line-height:1.4em; padding:10px; border:1px solid #a6cff7; } /*506*/
#bio h1 { small-caps font:24px "Century Gothic", sans serif; color:white; letter-spacing:4px; font-weight:normal; text-align:center; margin:0; padding:5px; text-transform:uppercase; }
#bio-leftcol { width:344px; height:auto; float:left; }
#bio-header { width:344px; height:auto; float:left; }
.photocol { width:344px; height:auto; float:left; border:1px solid #a6cff7; }
.bio-art { width:auto; height:auto; float:left; margin-bottom:10px; } .bio-art img { border:1px solid #a6cff7; }