/* 
title green: 66A18F ? 6BC8AE more like it - links anyway
original text dark grey #3E342F
darker grey #222222
*/

body	{
	background-color:#000000;
    font-family:arial, verdana, sans-serif;
    font-size:11px;
    color:#222222;
}

.bordered  {
     border: 1px solid #9B7139;
}

a:link, a:visited  {
      color:#6BC8AE; /*66A18F;*/
      text-decoration:none;
}

a:active, a:hover  {
      color:#ffffff;
      text-decoration:underline;
}

#uberContainer	{
	margin: 0 auto;
	width: 900px;
	padding: 0;
	text-align: left;
	height:700px;
	border: 0px solid #00ff00;
}

/* --------------------------  BACKGROUND  ---------------------------------- */

#bgImage	{
	position:relative;   /* ------------------------------------- was absolute */
	top: 30px;
	z-index:0;
	border:0px solid #ff0000;
}

#bgLowRes	{
	position:absolute;
	left:0px;
	top:0px;
	width:900px;
	height:600px;
	z-index:1;
	border:0px solid #ff0000;
}

#BG-topThumbs {
	position:absolute;
	left:0px;
	top:0px;
	width:900px;
	height:54px;
	z-index:2;
}

#BG-leftThumbs {
	position:absolute;
	left:0px;
	top:54px;
	width:54px;
	height:493px;
	z-index:2;
}

#BG-innerBox {
	position:absolute;
	left:55px;
	top:55px;
	width:790px;
	height:491px;
	z-index:3;
}

#BG-rightThumbs {
	position:absolute;
	left:846px;
	top:54px;
	width:54px;
	height:493px;
	z-index:2;
}

#BG-bottomThumbs {
	position:absolute;
	left:0px;
	top:547px;
	width:900px;
	height:53px;
	z-index:2;
}

#bgColor  {
	position:absolute;
	top: 56px;
    left:56px;
    width:786px;
    height:487px;
    background-color:#D1A978; /*-cc9966  E7B890  - ffcc99*/
    border: solid 2px #885D35;
	z-index:2;
}

/* ---------------------------  TOP  (ALL) --------------------------------- */

#topElements	{
	position:absolute;
	top:38px;
    z-index:3;
    border: solid 0px #ffffff;
}

#bottomLinks  {
     position:absolute;
     color:#9B7139; /*D8B17E;*/
     top:650px;
     left:50%;
     margin-left:-300px;
     width:600px;
     text-align:center;
}
/* --------------------------  HOME  ---------------------------------- */

#h-artwork {
	position:absolute;
	left:134px;
	top:127px;
	width:182px;
	height:274px;
    text-align:center;
    border:0px solid #333333;
}

.caption     {
    font-size:9px;
        /*color:#999999;*/
}

#h-caption {
	position:absolute;
	left:134px;
	top:412px;
	width:182px;
	height:66px;
    border:0px solid #333333;
}


#h-BECKI-SMITH {
	position:absolute;
	left:473px;
	top:247px;
	width:203px;
	height:36px;
}

#h-key01 {
	position:absolute;
	left:391px;
	top:370px;
	width:50px;
	height:103px;
}

#h-key02 {
	position:absolute;
	left:454px;
	top:346px;
	width:54px;
	height:132px;
}

#h-key03 {
	position:absolute;
	left:527px;
	top:374px;
	width:32px;
	height:96px;
}

#h-key04 {
	position:absolute;
	left:584px;
	top:327px;
	width:40px;
	height:152px;
}

#h-key05 {
	position:absolute;
	left:647px;
	top:384px;
	width:38px;
	height:79px;
}

#h-key06 {
	position:absolute;
	left:712px;
	top:399px;
	width:29px;
	height:60px;
}

#h-gallery {
	position:absolute;
	left:398px;
	top:512px;
	width:38px;
	height:13px;
    border: none;
}

#h-biography {
	position:absolute;
	left:469px;
	top:512px;
	width:31px;
	height:11px;
    border: none;
}

#h-statement {
	position:absolute;
	left:518px;
	top:512px;
	width:53px;
	height:11px;
    border: none;
}

#h-events {
	position:absolute;
	left:589px;
	top:512px;
	width:35px;
	height:11px;
    border: none;
}

#h-contact {
	position:absolute;
	left:646px;
	top:512px;
	width:40px;
	height:11px;
    border: none;
}

#h-commissions {
	position:absolute;
	left:697px;
	top:512px;
	width:69px;
	height:11px;
    border: none;
}


/* ----------------------- SUBPAGES  ----------------------------- */

#s-BECKI-SMITH	{
	position:absolute;
	top:98px;
	left: 130px;
	z-index: 50;
}

h1		{
	font-family: arial, verdana,sans-serif;
	color:#365BCD;
	font-size: 50px;
	font-weight:normal;
}

h4  {
    font-size:11px;
	font-weight: bold;
    color:#cccccc;
}

 
#subPageTitle  {
     position:absolute;
     top:132px;
     left:250px;
     width:72px;
     height: 26px;
     border:0px solid #ffffff;
     z-index:100;
}

#subPageLinks  {
     position:absolute;
     top:411px;
     left:130px;
     width:181px;
     height:89px;
     border:0px solid #ffffff;
     z-index:100;
}

#s-keyhole {
	position:relative;
	left:0px;
	top:0px;
	width:33px;
	height:66px;
    float:left;
}

#s-key01 {
	position:relative;
	left:0px;
	top:0px;
	width:26px;
	height:66px;
    float:left;
}

#s-key02 {
	position:relative;
	left:0px;
	top:0px;
	width:31px;
	height:66px;
    float:left;
}

#s-key03 {
	position:relative;
	left:0px;
	top:0px;
	width:25px;
	height:66px;
    float:left;
}

#s-key04 {
	position:relative;
	left:0px;
	top:0px;
	width:26px;
	height:66px;
    float:left;
}

#s-key05 {
	position:relative;
	left:0px;
	top:0px;
	width:27px;
	height:66px;
    float:left;
}

#s-key06 {
	position:relative;
	left:0px;
	top:0px;
	width:13px;
	height:66px;
    float:left;
}

#subPageLinkTexts  {
     position:absolute;
     top:79px;
     left:109px;
     width:83px;
     height:13px;
     border:0px solid #ffffff;
     z-index:50;
}


#bioPortrait  {
     position:absolute;
     left:144px;
     top:180px;
     width:157px;
     height:207px;
     border: 1px solid #9B7139;
     overflow:clip;
     z-index: 150;
}


#biography  {
      position:absolute;
     top: 130px;
     left: 390px;
     width: 350px;
     height:340px;
     padding:10px 15px 10px 0px;
     font-size:12px;
     line-height:16px;
     border-top: dotted 1px #9B7139;
     border-bottom: dotted 1px #9B7139;
     z-index: 100;
}

#contactInfo  {
     position:absolute;
     left:130px;
     top:200px;
     width:190px;
     height:160px;
     padding:0px;
     overflow:auto;
     border-top: dotted 1px #9B7139;
     border-bottom: dotted 1px #9B7139;
     z-index: 100;
     font-size:12px;
     text-align:center;
}

#contactImage  {
     position:absolute;
     left:390px;
     top:156px;
     width:359px;
     height:242px;
     border: 0px solid #9B7139;
     text-align:right;
     z-index: 150;
}

#contactImage a:link, #contactImage a:visited  {
     color:#222222;
     text-decoration:none;
}

#contactImage a:active, #contactImage a:hover  {
     color:#ffffff;
     text-decoration:underline;
}

#contactInfo a:link, #contactInfo a:visited, #biography a:link, #biography a:visited, #eventsText a:link, #eventsText a:visited, #thanks a:link, #thanks a:visited  {
     color:#222222;
     text-decoration:underline;
}

#contactInfo a:active, #contactInfo a:hover, #biography a:active, #biography a:hover, #eventsText a:active, #eventsText a:hover, #thanks a:active, #thanks a:hover {
     color:#ffffff;
     text-decoration:underline;
}

#mailingListForm {
     position:absolute;
     left:375px;
     top:116px;
     width:359px;
     height:242px;
     border: 0px solid #9B7139;
     text-align:right;
     z-index: 150;
}

#thanks {
     position:absolute;
     left:420px;
     top:210px;
     width:280px;
     height:242px;
     border: 0px solid #9B7139;
     text-align:center;
     font-size:12px;
     z-index: 150;
}

#commissionsText  {
     position:absolute;
     left:135px;
     top:170px;
     width:170px;
     height:220px;
     padding:5px;
     overflow:auto;
     border-top: dotted 1px #9B7139;
     border-bottom: dotted 1px #9B7139;
     z-index: 100;
	font-size:10px;
}

#commissionThumbs  {
     position:absolute;
     top:185px;
     left:10px;
     width:160px;
     height:28px;
     border: 0px solid #000000;
     text-align:center;
}

#commissionThumb  {
     position:relative;
     left: 1px;
     top:0px;
     margin-right:2px;
     float:left; 
     border: solid 1px #9B7139;  
}

#commissionsImage {
     position:absolute;
     left:390px;
     top:130px;
     width:359px;
     height:242px;
     border: 0px solid #9B7139;
     text-align:right;
     z-index: 150;
}

#eventsText  {
     position:absolute;
     top: 130px;
     left: 390px;
     width: 350px;
     height:350px;
     padding:0px 15px 10px 0px;
     overflow:auto;
     border-top: dotted 1px #9B7139;
     border-bottom: dotted 1px #9B7139;
     z-index: 100;
}

#eventsImage  {
     position:absolute;
     left:130px;
     top:160px;
     width:157px;
     height:207px;
     overflow:clip;
     z-index: 150;
}

.special   {
     background-color:#333333;
     padding:3px;
}

#statementImage  {
     position:absolute;
     left:130px;
     top:160px;
     width:157px;
     height:207px;
     overflow:clip;
     z-index: 150;
}

#statement  {
      position:absolute;
     top: 130px;
     left: 390px;
     width: 350px;
     height:347px;
     padding:0px 15px 10px 0px;
     overflow:auto;
     border-top: dotted 1px #9B7139;
     border-bottom: dotted 1px #9B7139;
     z-index: 100;
}

#galleryLeft {
     position:absolute;
     left:135px;
     top:163px;
     width:180px;
     height:232px;
     padding-bottom:8px;
     overflow:auto;
     border-top: dotted 1px #9B7139;
     border-bottom: dotted 1px #9B7139;
     z-index: 100;
     font-size:10px;
	line-height:12px;
}

#nineT-01 {
     position:absolute;
     top: 130px;
     left: 395px;
     width:100px;
     height:100px;
     border:1px solid #9B7139;
}

#nineT-02 {
     position:absolute;
     top: 130px;
     left: 520px;
     width:100px;
     height:100px;
     border:1px solid #9B7139;
}

#nineT-03 {
     position:absolute;
     top: 130px;
     left: 645px;
     width:100px;
     height:100px;
     border:1px solid #9B7139;
}

#nineT-04 {
     position:absolute;
     top: 255px;
     left: 395px;
     width:100px;
     height:100px;
     border:1px solid #9B7139;
}

#nineT-05 {
     position:absolute;
     top: 255px;
     left: 520px;
     width:100px;
     height:100px;
     border:1px solid #9B7139;
}

#nineT-06 {
     position:absolute;
     top: 255px;
     left: 645px;
     width:100px;
     height:100px;
     border:1px solid #9B7139;
}

#nineT-07 {
     position:absolute;
     top: 380px;
     left: 395px;
     width:100px;
     height:100px;
     border:1px solid #9B7139;
}

#nineT-08 {
     position:absolute;
     top: 380px;
     left: 520px;
     width:100px;
     height:100px;
     border:1px solid #9B7139;
}

#nineT-09 {
     position:absolute;
     top: 380px;
     left: 645px;
     width:100px;
     height:100px;
     border:1px solid #9B7139;
}

#galleryImage {
     position:absolute;
     left:390px;
     top:115px;
     width:359px;
     height:350px;
     border: 0px solid #9B7139;  /* changed from 1px for gallery/themes */
     text-align:right;
     z-index: 150;
}

#galleryImage .mainView {
	position:absolute;
	top: 3px;
	left: 0px;
	width: 350px;
	text-align: center;
	border: 0px dotted red;
}

#galleryImage .alternateView {
	position:absolute;
	top: -32px;
	left: -2px;
	width: 350px;
	text-align: center;
	border: 0px dotted red;
}

#galleryImage .alternateView a {
	margin: 5px;
	border: 0px solid #9B7139;
}

#galleryImage .alternateView a span {
	position: absolute;
	display: none;
	width: 355px;
	height: 352px;
	left: 0px;
	top: 35px;
	background-image: url(/images/siteDesign/BG-mainBox2.jpg);
	background-position: 2px 0px;
	background-repeat: no-repeat;
	border: 0px dotted red;
}

#galleryImage .alternateView a:hover span {
	display: block;	
}

#galleryImage .alternateView a:hover {
	text-decoration: none;
}

#galleryCaption  {
     position:absolute;
     top: 475px;
     left: 390px;
     width:350px;
     text-align:center;
     color:#222222;    /* ...............................new for becki......... */
}

#galleryCaption a  {
     color:#000000;
     text-decoration:none;
}

#mediaList {
     position:absolute;
     left:135px;
     top:165px;
     width:170px;
     height:230px;
     padding-bottom:10px;
     visibility:hidden;
     z-index: 101;
}

#mediaListContent  {
     position:absolute; 
     left: 0px; 
     top: 0px; 
     width:169px; 
     height:230px; 
     padding:5px;
     background-color:#D1A978;
     border-top: 1px dotted #9B7139;;
     border-bottom: 1px dotted #9B7139;
     z-index:101; 
}

#mediaListContent ul li {
     position:relative;
     left:-25px;
}

#artworkInfo {
     position:absolute;
     left:135px;
     top:165px;
     width:170px;
     height:230px;
     padding-bottom:10px;
     z-index: 101;
}


#artworkDescription  {
     position:absolute; 
     left: 0px; 
     top: 0px; 
     width:169px; 
     height:230px; 
     padding:5px;
     background-color:#D1A978; */
     border-top: 1px dotted #9B7139;
     border-bottom: 1px dotted #9B7139;
     visibility:hidden;
     z-index:101; 
}

.plainText  {
     color:#222222;
}

.highlightText  {
     color:#ffffff;
}

#galleryThemes {
     position:absolute;
     left:135px;
     top:138px;
     width:100px;
     height:20px;
     border: 0px solid red;
     text-align: center;
}

#galleryThemes span {
	text-transform: capitalize;
}

#galleryThemes a {
	font-size: 14px;
}

#galleryThemes a:hover {
	text-decoration: none;
}

#gallery12Thumbs {
     position:absolute;
     left:135px;
     top:165px;
     width:180px;
     height:230px;
     padding-bottom:10px;
     border: 0px solid #ff0000;
     z-index: 110;
     visibility:visible;
}

.gallery12Thumb  {
     position:relative;
     left: 0px;
     top:0px;
     margin-right:10px;
     margin-bottom:10px;
     float:left; 
}

span.plain a:link, span.plain a:visited  {
      color:#222222; /*66A18F;*/
      font-weight:bold;
}

#credit  {
     position:absolute;
     right:50%;
     margin-right:-385px;
     text-align:right;
     top:566px;
     height:10px;
     border:solid 0px #666;
     z-index:101;
     color:#CC9966;
}

#credit2  {
     position:absolute;
     right:50%;
     margin-right:-385px;
     text-align:right;
     top:566px;
     height:10px;
     border:solid 0px #666;
     z-index:101;
     color:#aabbaa;
}


#credit a:link, #credit a:visited  {
      color:#CC9966;
      font-weight:normal;
}

#credit a:active, #credit a:hover  {
      color:#ffffff;
      font-weight:normal;
     text-decoration:underline;
}

#price   {
     position:relative; 
     top:12px;
     visibility:hidden;
     color:#cccccc;
     font-size:12px;
}

/* ******************** COMMISSIONS STUDIO IMAGES ******** */

#studio  {
	position:absolute;
	left:364px;
	top:160px;
	width:406px;
	height:356px;
    visibility: hidden;
	background-image: url(/images/studio/studioBG.jpg);
	background-position: 0px 0px;
	background-repeat: no-repeat;
	border: 0px dotted red;
    z-index:151;
}

#thumbsFrame {
	position:relative;
	left:0px;
	top:24px;
	width:900px;
	height:600px;
	border: 0px solid #ffffff;
}

#bgt-01-01 {
	position:absolute;
	left:0px;
	top:0px;
	width:55px;
	height:55px;
	z-index:3;
}

#bgt-01-02 {
	position:absolute;
	left:55px;
	top:0px;
	width:65px;
	height:55px;
	z-index:3;
}

#bgt-01-03 {
	position:absolute;
	left:120px;
	top:0px;
	width:60px;
	height:55px;
	z-index:3;
}

#bgt-01-04 {
	position:absolute;
	left:180px;
	top:0px;
	width:60px;
	height:55px;
	z-index:3;
}

#bgt-01-05 {
	position:absolute;
	left:240px;
	top:0px;
	width:60px;
	height:55px;
	z-index:3;
}

#bgt-01-06 {
	position:absolute;
	left:300px;
	top:0px;
	width:60px;
	height:55px;
	z-index:3;
}

#bgt-01-07 {
	position:absolute;
	left:360px;
	top:0px;
	width:60px;
	height:55px;
	z-index:3;
}

#bgt-01-08 {
	position:absolute;
	left:420px;
	top:0px;
	width:60px;
	height:55px;
	z-index:3;
}

#bgt-01-09 {
	position:absolute;
	left:480px;
	top:0px;
	width:60px;
	height:55px;
	z-index:3;
}

#bgt-01-10 {
	position:absolute;
	left:540px;
	top:0px;
	width:60px;
	height:55px;
	z-index:3;
}

#bgt-01-11 {
	position:absolute;
	left:600px;
	top:0px;
	width:60px;
	height:55px;
	z-index:3;
}

#bgt-01-12 {
	position:absolute;
	left:660px;
	top:0px;
	width:60px;
	height:55px;
	z-index:3;
}

#bgt-01-13 {
	position:absolute;
	left:720px;
	top:0px;
	width:60px;
	height:55px;
	z-index:3;
}

#bgt-01-14 {
	position:absolute;
	left:780px;
	top:0px;
	width:64px;
	height:55px;
	z-index:3;
}

#bgt-01-15 {
	position:absolute;
	left:844px;
	top:0px;
	width:56px;
	height:55px;
	z-index:3;
}

#bgt-02-01 {
	position:absolute;
	left:0px;
	top:55px;
	width:55px;
	height:65px;
	z-index:3;
}

#bgt-02-15 {
	position:absolute;
	left:844px;
	top:55px;
	width:56px;
	height:65px;
	z-index:3;
}

#bgt-03-01 {
	position:absolute;
	left:0px;
	top:120px;
	width:55px;
	height:60px;
	z-index:3;
}

#bgt-03-15 {
	position:absolute;
	left:844px;
	top:120px;
	width:56px;
	height:60px;
	z-index:3;
}

#bgt-04-01 {
	position:absolute;
	left:0px;
	top:180px;
	width:55px;
	height:60px;
	z-index:3;
}

#bgt-04-15 {
	position:absolute;
	left:844px;
	top:180px;
	width:56px;
	height:60px;
	z-index:3;
}

#bgt-05-01 {
	position:absolute;
	left:0px;
	top:240px;
	width:55px;
	height:60px;
	z-index:3;
}

#bgt-05-15 {
	position:absolute;
	left:844px;
	top:240px;
	width:56px;
	height:60px;
	z-index:3;
}

#bgt-06-01 {
	position:absolute;
	left:0px;
	top:300px;
	width:55px;
	height:61px;
	z-index:3;
}

#bgt-06-15 {
	position:absolute;
	left:844px;
	top:300px;
	width:56px;
	height:61px;
	z-index:3;
}

#bgt-07-01 {
	position:absolute;
	left:0px;
	top:361px;
	width:55px;
	height:60px;
	z-index:3;
}

#bgt-07-15 {
	position:absolute;
	left:844px;
	top:361px;
	width:56px;
	height:60px;
	z-index:3;
}

#bgt-08-01 {
	position:absolute;
	left:0px;
	top:421px;
	width:55px;
	height:62px;
	z-index:3;
}

#bgt-08-15 {
	position:absolute;
	left:844px;
	top:421px;
	width:56px;
	height:62px;
	z-index:3;
}

#bgt-09-01 {
	position:absolute;
	left:0px;
	top:483px;
	width:55px;
	height:61px;
	z-index:3;
}

#bgt-09-15 {
	position:absolute;
	left:844px;
	top:483px;
	width:56px;
	height:61px;
	z-index:3;
}

#bgt-10-01 {
	position:absolute;
	left:0px;
	top:544px;
	width:55px;
	height:56px;
	z-index:3;
}

#bgt-10-02 {
	position:absolute;
	left:55px;
	top:544px;
	width:65px;
	height:56px;
	z-index:3;
}

#bgt-10-03 {
	position:absolute;
	left:120px;
	top:544px;
	width:60px;
	height:56px;
	z-index:3;
}

#bgt-10-04 {
	position:absolute;
	left:180px;
	top:544px;
	width:60px;
	height:56px;
	z-index:3;
}

#bgt-10-05 {
	position:absolute;
	left:240px;
	top:544px;
	width:60px;
	height:56px;
	z-index:3;
}

#bgt-10-06 {
	position:absolute;
	left:300px;
	top:544px;
	width:60px;
	height:56px;
	z-index:3;
}

#bgt-10-07 {
	position:absolute;
	left:360px;
	top:544px;
	width:60px;
	height:56px;
	z-index:3;
}

#bgt-10-08 {
	position:absolute;
	left:420px;
	top:544px;
	width:60px;
	height:56px;
	z-index:3;
}

#bgt-10-09 {
	position:absolute;
	left:480px;
	top:544px;
	width:60px;
	height:56px;
	z-index:3;
}

#bgt-10-10 {
	position:absolute;
	left:540px;
	top:544px;
	width:60px;
	height:56px;
	z-index:3;
}

#bgt-10-11 {
	position:absolute;
	left:600px;
	top:544px;
	width:60px;
	height:56px;
	z-index:3;
}

#bgt-10-12 {
	position:absolute;
	left:660px;
	top:544px;
	width:60px;
	height:56px;
	z-index:3;
}

#bgt-10-13 {
	position:absolute;
	left:720px;
	top:544px;
	width:60px;
	height:56px;
	z-index:3;
}

#bgt-10-14 {
	position:absolute;
	left:780px;
	top:544px;
	width:64px;
	height:56px;
	z-index:3;
}

#bgt-10-15 {
	position:absolute;
	left:844px;
	top:544px;
	width:56px;
	height:56px;
	z-index:3;
}