/* light blue border & text #a6cff7  blue header #2e5882  light gold f2e1a9 */
html { margin:0; padding:0; }
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; }
p { margin-top:6px; margin-bottom:11px; } /*8 11*/    .yellow { color:#f2e1a9; }
img { border:none; }  .15px { font:15px Verdana, Arial, Helvetica, sans-serif; }
 .blue { color:#1b3d7d; } .small { font:11px Verdana, Arial, Helvetica, sans-serif; text-align:center; } .large { font:20px Helvetica, Arial, sans-serif; line-height:1.2em; color:white; } .center { text-align:center; } .white { color:white; }
h11 { font:28px "Times New Roman", Times, serif; letter-spacing:4px; vertical-align:top; line-height:35px; font-weight:normal; margin:4px; color:white; text-align:center; }
h1 { font:small-caps 28px Garamond,"Garamond Premr Pro",Times,serif; letter-spacing:2px; margin:0; padding:0; text-align:center; color:white; }
h2 { font:small-caps 17px  Arial, Helvetica, sans-serif; letter-spacing:2px; margin:4px; margin:0; padding:0; color:white; text-align:center;}
h3 { width:100%; height:auto; float:left; margin:0; margin:5px 0 0; padding:2px 0; font:small-caps 28px Garamond,"Garamond Premr Pro",Times,serif; text-align:center; letter-spacing:2px; color:white; border:1px solid #a6cff7;  }
h4 { font:small-caps 17px  Arial, Helvetica, sans-serif; letter-spacing:2px; margin:0; padding:0; color:white; text-align:center; }
#container { width:1242px; height:auto; margin:auto; position:relative; box-sizing:border-box; } 
#content { width:1242px; height:auto; margin:auto; box-sizing:border-box; } 
/*@media (max-width: 1242px) { #container { width: auto; } */

#pagetop { height:112px; position:relative; margin:auto; background:#2e5882; border-bottom:1px solid #a6cff7; margin-bottom:15px; }
#pageheader {	width:1242px; height:112px; margin:auto; position:relative; background:#2e5882; margin-bottom:15px; border-bottom:1px solid #a6cff7; }
#logo { width:288px; height:86px; background:#2e5882 url(/img/gr/sargents-logo.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:54px; position:absolute; top:67px; padding:0; }
#topnav { width:120px; height:70px; position:absolute; top:7px; right:200px; color:white; text-align:left; }
#toopnav { width:120px; height:70px; position:absolute; top:7px; left:900px; color:white; text-align:left; }
#toopnav2 { width:681px; height:19px; position:absolute; top:92px; left:337px; } 
.nav { width:130px; height:16px; float:left; border-left:1px solid #a6cff7; }
#topnav22 { width:681px; height:19px; position:absolute; top:92px; left:407px; } 
#banner { width:1242px; height:16px; float:left; text-align:center; margin-top:40px; font:15px Arial, Helvetica, sans-serif; letter-spacing:3px; text-transform:uppercase; color:white; }
#topnav2 { width:1242px; height:19px; float:left; text-align:center; poosition:absolute; margin-top:36px; 92px; leeft:407px; } 
#topnav3 { width:auto; height:19px; position:absolute; top:92px; left:340px; } 
#topnav a { font:bold 14px Arial, Helvetica, sans-serif; color:#a6cff7; text-decoration:none; padding-left:12px; letter-spacing:1px; }
#topnav2 a, #topnav3 a { font:12px Verdana, Arial, Helvetica, sans-serif; color:#a6cff7; text-decoration:none; }

.social { width:32px; height:32px; position:absolute; right:15px; top:73px; }
.pause { font:11px Arial, Helvetica, sans-serif; color:#a6cff7; }
#master0 div { background:url(/img/gr/bg-blue-gradient-dk.jpg) 0 -128px; }
/*Home page*/
#leftcol-hm { width:504px; height:559px; float:left; }
#rightcol-hm { width:504px; height:559px; margin-left:29px; float:right; }
#intro-hm { width:1061px; 1242px; height:125px; text-align:center; font:14px Verdana, Arial, Helvetica, sans-serif; font-style:normal; line-height:18px; letter-spacing:.5px; padding-top:0; margin-bottom:10px; }
.homebox { width:1178px; height:auto; font:130% Verdana, Arial, Helvetica, sans-serif; liine-height:18px; leetter-spacing:.5px; margin:15px 0; padding:15px; background:#2e5882; border:1px solid #a6cff7; }
.float-pic { padding:7px; border:1px solid #a6cff7; }

/*Static Pages*/
.textcol1, .textcol2, .textcol2a, .textcol3, .textcol3a, .textcol4, .textcol5, .textcol5a, .textcol6, .textcol7, .textcol8, .fullcol, .biocol { height:auto; float:left; padding:12px 15px 15px; text-align:left; line-height:1.4em; border:1px solid #a6cff7; }
.textcol1 { width:199px; } .textcol2, .textcol2a { width:395px; } .textcol3, .textcol3a { width:522px; }  .textcol4 { width:640px; } .textcol5, .textcol5a { width:767px; } .textcol6 { width:900px; } .textcol7 { width:1011px; } .textcol8 { width:1212px; } 
.textcol2a, .textcol3a, .textcol5a { font:15px Verdana, Arial, Helvetica, sans-serif; line-height:1.5em; } 
.fullcol { width:97.5%; margin:12px 0; }  .biocol { width:97.5%; padding-top:15px; margin-bottom:15px; }
.textcol9 { width:97.5%; height:auto; float:left; text-align:left; line-height:1.4em; } 

.photocol { width:auto; height:auto; float:right; } .photocol img { border:1px solid #a6cff7; } .photo-L { float:left; margin:12px 12px 0 0; border:1px solid #a6cff7; }
.photo-R { float:right; margin:12px 0 12px 12px; border:1px solid #a6cff7; }
.caption { text-align:center; margin-bottom:5px; }  /* for photos with a space around the border { margin:2px; padding:4px; border:1px solid #a6cff7; } */

.fullsection { height:auto; float:left; padding:15px 15px 5px; line-height:1.4em; margin-bottom:10px; border:1px solid #0d4f8c; width:1182px;}

#leftcol { width:480px; height:auto; float:left; }  #rightcol { width:auto; height:auto; float:right; }

/*Artist Pages*/
#biopic { margin:12px 0 12px; } #biopic img { border:1px solid #a6cff7; }
#moreinfo { width:346px; height:auto; margin:auto; background-color:#2e5882; margin-top:25px; padding:1px 15px; text-align:center; border:1px solid #f2e1a9; }
#notice a:hover, .biotext a:hover   { color:#f9ed86; text-decoration:underline; }

#sscol { width:671px; height:684px; float:right; }  #sscol-1000 { width:1002px; height:1002px; float:right; }
#slideshow, #ss-1000 { height:auto; float:left; margin-bottom:20px; text-align:center; color:#a6cff7; }  #slideshow { width:671px; }  #ss-1000 { width:1002px; }  #slideshow img, #ss-1000 img { border:1px solid #a6cff7; }
.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 #a6cff7; } /*each image tag*/
#canvas0_0 td, #canvas0_1 td { vertical-align:top; }
#thumbs { width:1254px; height:auto; margin-top:15px; float:left; color:white; }
.thumb { width:197px; height:150px; float:left; margin-right:10px; margin-bottom:20px; border:1px solid #a6cff7; font-size:10px; text-align:center; }
#notice { width:647px; height:auto; float:right; padding:10px; color:#a6cff7; border:1px solid #a6cff7; }

/*Contact Us page*/
#contact { width:510px; height:auto; float:left; padding:20px; line-height:1.4em; 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;}
#request { width:507px; height:408px; float:left; margin-top:14px; padding-top:5px; background-color:#2e5882; font:13px Helvetica, Ariel, sans-serif; color:#a6cff7; border:1px solid #a6cff7; }
.contactform { margin-top:15px; padding-top:0px; }  .contactform label { width:175px; float:left; text-align:right; padding-right:12px; }  
.inquiry { width:444px; height:auto; margin-left:25px; margin-top:5px; font:12px Verdana, Arial, Helvetica, sans-serif; }  .btn { background-color:#a6cff7;  }
.address { width:325px; float:left; margin-top:20px; text-align:right; }
.textbox { width:627px; height:auto; background-color:#2e5882; margin-bottom:10px; padding:15px 20px; border:1px solid #a6cff7; }

/*Events page*/
#intro { width:994px; 845px; height:53px; float:right; text-align:center; font:15px Verdana, Arial, Helvetica, sans-serif;	line-height:1.4; color:white; }
#events { width:994px; height:auto; float:right; }  .event { width:992px; height:150px; float:left; margin-top:7px; font-size:14px; border:1px solid #a6cff7; }
.artist h1 { font:italic 38px "Times New Roman", Times, serif; color:#a6cff7; letter-spacing:4px; margin-top:5px; }
.artist h2 { font:normal 24px Verdana, Arial, Helvetica, sans-serif; color:#a6cff7;   }
.artist { width:549px; height:131px; float:left; text-align:center; color:#a6cff7; padding-top:20px; }
.art { width:442px; height:150px; float:right; border-left:1px solid #a6cff7; } .art img { float:right; }

.lahaina { font:15px Verdana, Arial, Helvetica, sans-serif} /*Hours column*/
#hours, #hours-ev { width:179px; background-color:#2e5882; float:left; margin-right:20px; padding-top:25px; padding-right:15px; font:12px Arial,Helvetica,sans-serif; text-align:right; line-height:1.3; border:1px solid #a6cff7; } 
#hours { height:815px; }  #hours-ev { height:1139px; }  /* 503 662 821 980 1139 1298 1457 1616 1775 1934 2093 2252 2411 2570 2729 2888 3047 3206 3365 3524 subtract 11?*/
#hours p, #hours-ev p { margin-top:6px; margin-bottom:18px; }

/*Consultants page*/
#staff-intro { width:1242px; height:auto; float:left; text-align:center; margin-top:10px; font:15px Verdana, Arial, Helvetica, sans-serif; line-height:1.4; color:white; }
#consultants { width:1242px; height:auto; float:left; }
.consultant { width:1242px; min-height:256px; float:left; margin-top:8px; font-size:14px; }
.staffpic { width:230px; height:256px; float:right; border:1px solid #a6cff7; padding:8px; }
.stafftext { width:783px; min-height:256px; float:left; border:1px solid #a6cff7; text-align:left; color:#a6cff7; padding:10px; }
.stafftext h1 { font:32px "Times New Roman", Times, serif; color:white; letter-spacing:4px; margin:0; padding:0; }
.stafftext h1 small { font:normal 11px Verdana, Arial, Helvetica, sans-serif; color:#a6cff7; letter-spacing:.5px;}
.stafftext a { color:#f9ed86; }

/*Art Detail Pages*/
#art-text h1 { width:478px; height:auto; text-align:center; font:30px Calisto MT, "Times New Roman", serif; color:#a6cff7; margin-top:0; }
#art-image { width:669px; height:auto; text-align:center; }  #art-image img { border:1px solid #a6cff7; }
#art-caption { width:669px; height:18px; float:left; margin-top:3px; margin-bottom:15px; text-align:center; color:#a6cff7; }

/*Artist Index*/
#imagecol { width:756px; height:700px; float:left; margin-left:63px; }  #imagecol img { border:1px solid #a6cff7; margin-top:15px; }
#indexcol { width:367px; height:700px; float:left; }
#loadarea { width:671px; height:671px; text-align:center; maargin-top:15px; z-index:1; overflow:auto; }
#artist { z-index:1; visibility:visible; overflow:auto; } 
#artistindex { width:367px; height:700px; float:right; text-transform:uppercase; }
#index1, #index2 { height:700px; font:13px Verdana, Arial, Helvetica, sans-serif; line-height:19px; }
#index1 { width:171px; float:left; text-align:right; padding-right:12px;}
#index2 { width:171px; float:right; text-align:left; padding-left:12px; border-left:1px solid #a6cff7; }
#index1 a:link, #index2 a:link, #index1 a:visited, #index2 a:visited { color:#a6cff7; text-decoration:none; } 
#index1 a:hover, #index2 a:hover {	color:#f9ed86; text-decoration:underline; }

#artist { margin-top:21px; z-index:1; visibility:visible; overflow:auto; } 
#aloha,#anilese,#boys,#bunt,#charon,#devon,#dsl,#gangel,#goc,#grundy,#huang,#paradisus,#paula,#pratima,#ray,#shirley,#starborn,#stellar,#tapley	{ position:absolute; left:0px; top:21px; visibility:hidden; } 
{ position:absolute; left:65px; top:0px; visibility:hidden; }

#tapley { margin-left:72px; } #gangel { margin-left:55px; } 
#artistindex { width:287px; height:690px; 630px; float:right; text-transform:uppercase; }  
#index { width:275px; height:665px; 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; }


#alessandro { maargin-left:84px; } #antonov { margin-left:84px; } #basso { margin-left:191px; } #bregeda { margin-left:56px; } #goloubetski-sofia { margin-left:74px; }
#gorban { margin-left:37px; } #higgins { margin-left:83px; } #ho { margin-left:34px; } #johnson { margin-left:113px; } #king { margin-left:94px; } #kiriaty { margin-left:74px; } #latour { margin-left:89px; } 
#moe { margin-left:106px; } #nemesh { margin-left:136px; } #nisla { margin-left:59px; } #norr { margin-left:83px; } #perez { margin-left:84px; } #pujalte { margin-left:86px; } #ritter { margin-left:71px; } 
#soli { margin-left:4px; } #wardlow { margin-left:65px; } #welton { margin-left:78px; } #wilkinson { margin-left:52px; }

#auction-intro { width:1242px; height:190px; float:left; margin-top:15px; }
#auction-intro h1 { font:28px "Times New Roman", serif; letter-spacing:4px; text-align:center; color:#a6cff7; margin:0; padding:0; }
.intropic { width:330px; height:190px; float:left; margin-right:20px; }
.introtext { width:687px; height:135px; float:left; }
#auction { width:1242px; height:auto; float:left; margin-top:20px; }  .auction-piece { width:1242px; height:auto; float:left; }
#auction-intro a:link, #auction-intro a:visited { color:white; text-decoration:none; } 
#auction-intro a:hover { color:#f9ed86; text-decoration:underline; } 
.art-image { width:669px; height:auto; float:left; text-align:center; margin-top:20px; }
.details { width:335px; height:auto; float:right; text-align:left; color:#a6cff7; font:13px Arial, Helvetica, sans-serif; line-height:1.3em; letter-spacing:1px; background-color:#2e5882; padding:0 8px 8px 8px; margin-top:55px; border:1px solid #a6cff7; }
.details h1 { font:24px Century Gothic, sans-serif; text-align:center; color:#a6cff7; }

ul.reg, ol.reg { margin:10px 0px 10px 19px; padding:0 10px; } 

a:link, a:visited { color:#f2e1a9; text-decoration:underline; }  a:hover { color:#ffffff; text-decoration:underline; }
#topnav a:hover, #topnav2 a:hover, #intro a:hover, #showcase1 a:hover, #showcase2 a:hover, #article a:hover, .biotext a:hover { color:#f9ed86; text-decoration:underline; }
.selected, .white, #topnav a.selected, #topnav2 a.selected, #topnav3 a.selected, #intro a:link, #intro a:visited { color:white; text-decoration:none; }
#showcase1 a:link, #showcase1 a:visited, #showcase2 a:link, #showcase2 a:visited, #article a:link, #article a:visited { color:white; text-decoration:none; } 
#footer { width:1242px; height:60px; clear:both; margin-top:5px; float:left; text-align:center; color:#a6cff7; font:10px Arial, Helvetica, sans-serif;}
#copyright { width:1242px; height:17px; font:10px Arial, Helvetica, sans-serif; padding-top:7px; border:1px solid #a6cff7; }
#footnav { width:1242px; height:25px; font-size:12px; padding-top:10px;  }
#footnav a:link, #footnav a:visited { color:#a6cff7; text-decoration:none; }  #footnav a.selected { color:white; text-decoration:none; font-weight:bold; }
#footnav a:hover { color:#f9ed86; text-decoration:underline; } 
#aa { width:1242px; height:auto; float:left; text-align:center; margin:8px 0 15px 0; font:11px Arial, Helvetica, sans-serif; }
#aa a:link, #aa a:visited { color:#a6cff7; text-decoration:underline; }
#aa a:hover { color:#f9ed86; }
#hits { font:11px Arial, Helvetica, sans-serif; color:#a6cff7; margin:3px 0; }