html { margin:0; padding:0; }  /*light blue text #a6cff7; dark teal #0d576d border #a6cff7 gold ff9a37 light yellow f9ed86 dark blue #2e5882 medium teal 1d8385*/
body { width:auto; height:auto; background:black url(/img/gr/bg-gabriel-gold.jpg) repeat left top; text-align:left; margin:0; padding:0; font:12px Verdana, Arial, Helvetica, sans-serif; color:#ff9a37; }
p { margin-top:6px; margin-bottom:9px; }
img { border:none; }
h1 { font:small-caps 34px Century Gothic, Arial, sans-serif; text-align:center; letter-spacing:4px; color:#ff9a37; }
h2 { font:bold 14px Helvetica, Ariel, sans-serif; color:white; margin:0; padding:0; margin-bottom:7px; letter-spacing:1px; text-transform:uppercase; }
#container { width:auto; margin:0; padding:0;	position:relative; }
#content { width:1061px; height:auto; color:#ff9a37; }
#pageheader {	width:auto; height:108px; background:black; position:relative; border-bottom:1px solid #ff9a37; margin-bottom:15px; }
#logo { width:204px; height:80px; background:black url(/img/gr/logo.jpg) no-repeat left top;; margin-top:13px; position:absolute; left:25px; font:bold 13px Arial, Times, serif; letter-spacing:3px;  }
#logotext { width:204px; height:15px; text-indent:106px; position:absolute; top:63px; padding:0; color:#ff9a37; letter-spacing:5px; }
#logotext2 { width:204px; height:15px; text-indent:66px; font:bold 18px Georgia, Times, serif; position:absolute; top:57px; padding:0; color:#ff9a37; letter-spacing:5px; }
#topnav { width:586px; height:19px; position:absolute; top:85px; left:355px; } 
#topnav a { font:12px Verdana,Arial, Helvetica, sans-serif; color:#ff9a37; text-decoration:none; }
#topnav a:hover {	color:#f9ed86; text-decoration:underline; }
#topnav a.selected { color:#f9ed86; text-decoration:none; }
#bannerbox { width:615px; height:16px; position:absolute; top:44px; left:340px; }
.banner { font:small-caps 15px Helvetica, Ariel, sans-serif; text-align:center; letter-spacing:3px; }
.pause { font:12px Arial, Helvetica, sans-serif; color:#1b3d7d; }
#leeftcol { width:482px; height:559px; margin-left:30px; float:left; }

#home { width:1037px; float:left; margin-left:24px; margin-top:0px;  }
#home-art { width:669px; height:494px; float:left; margin-left:24px; border:1px solid #ff9a37; }
#home-message { width:325px; height:647px; float:left; margin-left:15px; line-height:1.7em; text-align:left; padding:12px; border:1px solid #ff9a37; }
#home-message h2 { font:normal 20px Century Gothic, Arial, sans-serif; color:#ff9a37; margin-top:20px; text-align:center; letter-spacing:2px; } 
.home-nb { text-align:center; font:12px Arial, Helvetica, sans-serif; color:#ff9a37; margin-top:35px; }
#loadarea { width:669px; height:669px; float:left; margin-left:24px; font:12px Arial, Helvetica, sans-serif; color:#ff9a37; }
#thumbs-hm { width:1047px; height:auto; margin-left:24px; margin-top:15px; float:left; }
#thumbs-hm img { width:197px; height:150px; margin-right:10px; float:left; border:1px solid #ff9a37; }
/*Custom 404 page*/
#message { width:329px; float:left; margin-left:15px; line-height:2.1em; text-align:left; padding:10px; border:1px solid #ff9a37; }
#message h1 { font:normal 20px Century Gothic, Arial, sans-serif; color:#ff9a37; margin-top:10px; text-align:center; letter-spacing:2px; } 
#art-404 { width:669px; height:514px; float:left; margin-left:24px; border:1px solid #ff9a37; }
#art-thanks { width:669px; height:542px; float:left; margin-left:24px; border:1px solid #ff9a37; }
#art-sitemap { width:515px; height:669px; float:left; margin-left:24px; border:1px solid #ff9a37; }
#sitemap { width:467px; height:auto; float:left; font:14px Verdana, Arial, Helvetica, sans-serif; line-height:2.2em; padding:10px; border:1px solid #ff9a37; margin-left:24px; }
#sitemap h1 { font:small-caps 34px Century Gothic, Arial, sans-serif; text-align:center; letter-spacing:4px; color:#ff9a37; padding:25px 0;  }
.yellow { color:#f9ed86; font-size:11px; }
.notice { color: #00ffff;  }
#slideshow { width:669px; height:684px; margin-left:16px; float:left; text-align:center; }
#master0 div { background:black url(/img/gr/bg-gabriel-gold.jpg) 0 -129px; }
/*Bio page*/
#bio { width:482px; height:auto; float:left; font:13px Verdana, Arial, Helvetica, sans-serif; line-height:1.4em; padding:10px; border:1px solid #ff9a37; margin-left:24px; }
#bio-leftcol { width:507px; height:auto; float:left; margin-left:24px;  }
#bio-header { width:507px; height:auto; float:left;  }
#bio-pic { width:451px; height:323px; float:left; border:1px solid #ff9a37; margin-left:27px; margin-top:20px; }
#bio-art { width:507px; height:704px; float:left; border:1px solid #ff9a37; }
#bio-header h1 { font:small-caps 34px Century Gothic, Arial, sans-serif; text-align:center; letter-spacing:4px; color:#ff9a37; padding-bottom:20px; margin:0; }
/*Slideshoe pages*/
#leftcol { width:346px; height:auto; margin-left:24px; float:left; }
#rightcol { width:669px; height:684px; margin-left:20px; float:left; } /*585*/
#content { width:1061px; height:auto; } 
#artistbio { width:328px; height:auto; float:left; text-align:left; color:#ff9a37; font:13px Arial, Helvetica, sans-serif; letter-spacing:1px; 
	line-height:1.3em; background-color:#black; padding:0 8px 8px 8px; margin-top:15px; border:1px solid #ff9a37; } /*0d576d*/
.biotitle { width:330px; height:auto; margin-bottom:10px; }
.biotitle h1 { font:small-caps 28px Century Gothic, Arial, Helvetica, sans-serif; text-align:center; color:#ff9a37; margin:0; padding:0; }
.biopic { width:330px; height:190px; text-align:center; }
.biotext {}
#moreinfo { width:346px; height:55px; float:left; font:13px Arial, Helvetica, sans-serif; color:#ff9a37; letter-spacing:1px; line-height:1.3em; margin-top:12px; 
	text-align:center; }
#moreinfo .email { font:bold 13px Verdana, Arial, Helvetica, sans-serif; }
#moreinfo a:link, #moreinfo a:visited { color:#f9ed86; text-decoration:none; } 
#moreinfo a:hover { color:yellow; text-decoration:underline; }
.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 #ff9a37; } /*each image tag*/
#thumbs { width:1061px; height:auto; margin-left:24px; margin-top:43px; float:left; }
.thumb { width:197px; height:150px; margin-right:10px; margin-bottom:10px; float:left; border:1px solid #ff9a37; }
.blue { color:#1b3d7d; }

/*Contact Us page*/
#contact { width:494px; height:724px; float:left; margin-left:14px; line-height:1.4em; text-align:left; padding:10px; border:1px solid #ff9a37; }
#contact-art { width:505px; height:744px; float:left; margin-left:24px; border:1px solid #ff9a37; }
#contact h1, #home h1 { font:normal 34px Century Gothic, Arial, sans-serif; text-align:center; letter-spacing:4px; color:#ff9a37; padding:20px 0; margin:0; }
#contact a:link, #contact a:visited, #message a:link, #message a:visited, #sitemap a:link, #sitemap a:visited, #home-message a:link, #home-message a:visited,{ color:#f9ed86; text-decoration:none; }
#contact a:hover, #message a:hover, #sitemap a:hover { color:#ff9a37; text-decoration:underline; }
.address { width:492px; float:left; text-align:center; margin-top:20px; }
#subnote { width:492px; float:left;  margin-top:20px; }
#request { width:482px; height:375px; float:left; padding:19px 0 0 10px; border:1px solid #ff9a37; color:#ff9a37; }
.infoform textarea { font:11px Verdana, Arial, Helvetica, sans-serif;}
.infoform label { width:140px; font-weight:normal; float:left; } 
.infoform btn { width:200px; }
.inquiry { width:328px; }
.btn { background-color:#a6cff7; }
.captcha { width:216px; height:12px; float:left; padding-left:140px; margin:5px 0; }
.small { font:11px Verdana, Arial, Helvetica, sans-serif; text-align:center; }
#thanks { width:900px; height:310px; background-color:#2e5882; border:1px solid #a6cff7; }

/*#contact { width:475px; height:auto; float:left; margin-left:310px; margin-top:15px; line-height:1.4em; text-align:left; padding:7px; border:1px solid #ff9a37; }
#contact h1 { font:20px Century Gothic, Arial, sans-serif; color:#ff9a37; letter-spacing:4px; font-weight:normal; text-align:center; margin:0; padding:0;}
#painting { width:669px; height:334px; float:left; margin-left:220px; margin-top:20px; }
#contact a:link, #contact a:visited { color:#f9ed86; text-decoration:none; }
#contact a:hover { color:#ff9a37; text-decoration:underline; }*/

/*Galleries page*/
#intro { width:1037px; height:40px; float:left; text-align:center; margin-left:24px; font:15px Verdana, Arial, Helvetica, sans-serif; color:#ff9a37; }
#galleries { width:1037px; height:auto; float:left; margin-left:24px; }
.gallery { width:1035px; height:180px; float:left; border:1px solid #ff9a37; margin-bottom:10px; font-size:14px; }
.gal-left { width:517px; height:180px; float:left; text-align:center; color:#a6cff7; }
.gal-right { width:517px; height:180px; float:right; text-align:center; }
.gal-left h1, .gal-right h1 { font:normal 30px Century Gothic, sans-serif; color:#ff9a37; letter-spacing:4px; margin-top:20px; margin-bottom:6px; }
.gal-left h2, .gal-right h2 { font:normal 24px Verdana, Arial, Helvetica, sans-serif; color:#a6cff7;   }
#galleries a:hover h1 { color:#f9ed86; text-decoration:underline; }

#dropmenudiv { position:absolute; border:1px solid #ff9a37; border-bottom-width:0; font:normal 12px Verdana; line-height:18px; z-index:100; }
#dropmenudiv a { width:100%; display:block; text-indent:10px; border-bottom:1px solid #ff9a37; padding:1px 0; text-decoration:none; color:#f9ed86; }
#dropmenudiv a:hover { background-color:#a6cff7; color:blue; }

a:link { color:#f9ed86;; text-decoration:none; }
a:hover {	color:yellow; text-decoration:underline; }
a:visited {	color:#f9ed86; text-decoration:none; }
.selected { color:white; font-weight:bold; text-decoration:none; }
#footer { width:1037px; height:60px; clear:both; margin-top:12px; margin-left:24px; float:left; text-align:center; color:#ff9a37; font:12px Arial, Helvetica, sans-serif;}
#copyright { width:1037px; height:17px; font:11px Arial, Helvetica, sans-serif; padding-top:7px; border:1px solid #ff9a37; }
#footnav { width:1037px; height:25px; padding-top:10px;  }
#footer a:link, #footer a:visited { color:#ff9a37; text-decoration:underline; } 
#footer a:hover { color:#f9ed86; text-decoration:underline; } 
#footer a.selected { color:#f9ed86; text-decoration:none; }
#aa { margin:8px 0; font:11px Arial, Helvetica, sans-serif; }
#aa a:link, #aa a:visited { color:#ff9a37; text-decoration:underline; }
#aa a:hover { color:#f9ed86; }
