body { margin: 0; padding: 0; background: #292424 url("images/bg_page.gif") top center no-repeat; font: 11px Arial, Helvetica, sans-serif; }

a:link, a:visited { color: #741e52; text-decoration: none; }
a:hover, a:active { color: #000; text-decoration: none; }
a img { border: 0; }

h1 { margin: 0 0 .1em 0; color: #741e52; font-size: 16px; font-weight: normal; }
h1 + p { margin-top: 0; }

.tan { background: #d6d3c5 url("images/bg_shadow_tan.gif") top left repeat-x; }
.purple { background: #741e52 url("images/bg_shadow_purple.gif") top left repeat-x; }
.purple * { color: #fff; }

/*--- STRUCTURAL ---*/

#wrapper { width: 896px; margin: 0 auto; }

/*--- LOGO ---*/

#logo { float: left; }

/*--- SHOPPING ---*/

#shopping { float: right; list-style-type: none; margin: 20px 50px 0 0; padding: 0; font-size: 9px; }
#shopping li { float: left; line-height: 15px; padding: 0 0 0 17px; text-transform: uppercase; letter-spacing: .2em; white-space: pre; }
#shopping li.cart { padding-left: 27px; background: url("images/icon_cart.gif") top left no-repeat; }
#shopping li a:link, #shopping li a:visited { color: #adaba8; }
#shopping li a:hover, #shopping li a:active { color: #fff; }

/*--- FACEBOOK ---*/

a.facebook { clear: right; float: right; height: 16px; margin: 9px 50px 0 0; padding: 2px 8px 2px 28px; background: url("images/icon_facebook.gif") 5px 2px no-repeat; font-size: 10px; line-height: 16px; }
a.facebook:link, a.facebook:visited { border: 1px solid #555; color: #bbb; text-decoration: none; }
a.facebook:hover, a.facebook:active { border: 1px solid #fff; color: #fff; text-decoration: none; }

/*--- NAVIGATION ---*/

#navigation { clear: both; width: 100%; margin: 0; padding: 0; border-collapse: collapse; font-size: 10px; }
#navigation td { height: 15px; padding: 10px; background: url("images/bg_navigation.gif") top left repeat-x; }
#navigation td a { line-height: 16px; padding: 0 10px 0 10px; text-transform: uppercase; letter-spacing: .2em; white-space: pre; }
#navigation td a:link, #navigation td a:visited { color: #292424; }
#navigation td a:hover, #navigation td a:active { color: #741e52; }
#navigation td a.selected { outline: 1px solid #ba9cae; color: #741e52 !important; }
#navigation td.first { padding-left: 40px; }
#navigation td.last { padding-right: 30px; padding-right: 20px\9; }
#navigation td.shopnow { padding: 10px 38px 10px 48px; background: url("images/bg_shopnow.gif") top left no-repeat; }
#navigation td.shopnow a:link, #navigation td.shopnow a:visited { color: #fff; }
#navigation td.shopnow a:hover, #navigation td.shopnow a:active { color: #fff41c; }
<a href="http://www.facebook.com/#!/pages/Rana-Sawaya-Ryan/177119708986379" class="facebook">Find me on Facebook</a>

#navigation td.shopnow a.selected { outline: 0; color: #fff41c !important;  }

/*--- BODY ---*/

#body { width: 100%; margin: -1px 0 0 0; border-collapse: collapse; padding: 0; }
#body td, #body th { margin: 0; border: 0; vertical-align: top; }

/*--- HOME PAGE ---*/

.home td.purple { width: 480px !important; border-right: 16px solid #741e52 !important; padding: 0; }
.home td.tan { height: 470px; }

#billboard { float: left; position: absolute; width: 480px; height: 487px; margin: 0 0 -8px 0; padding: 0;  }
#billboard ul { list-style-type: none; margin: 0; padding: 0; }

#billboardTabs { position: absolute; z-index: 1005; list-style-type: none; margin: 444px 0 0 20px; padding: 0; }
#billboardTabs li { float: left; }
#billboardTabs li a { display: block; width: 25px; line-height: 23px; margin-right: 5px; background: #741e52; color: #904b75; text-align: center; }
#billboardTabs li.active a { color: #fff; } 

#spotlights { margin: 0; border-collapse: collapse; padding: 0; margin-top: 5px; }
#spotlights th { border-bottom: 1px solid #c4c1b5; padding: 10px 15px 10px 15px; }
#spotlights td { border-bottom: 1px solid #c4c1b5; padding: 10px 25px 10px 0; } 



/*--- GALLERY ---*/

.galleries { border-collapse: collapse; }
.galleries th { width: 310px; padding: 20px 0 0 20px; font-size: 9px; font-size: 9px; font-weight: normal; text-align: left; text-transform: uppercase; }
.galleries th ul { list-style-type: none; margin: 0 90px 16px 16px; border-top: 1px solid #904b75; padding: 0; }
.galleries th ul ul { margin: 4px 0 0 0; border-top: 0; padding: 0 0 0 20px; }
.galleries th ul li { border-bottom: 1px solid #904b75; padding: 4px 0 4px 22px; }
.galleries th ul ul li { border-bottom: 0; padding: 2px 0 2px 0; }
.galleries th a:link, .galleries th a:visited  { color: #904b75 !important; }
.galleries th a:hover, .galleries th a:active  { color: #fff !important; }

#thumbnails { margin: 0; padding: 20px 0 20px 20px; background: #d6d3c5;  }
#thumbnails a { float: left; position: relative; z-index: 100; opacity: .3; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=30)"; filter: alpha(opacity=30); }
#thumbnails a:hover { opacity: 1; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); }
#thumbnails a.selected { z-index: 101 !important; outline: 4px solid #741e52; opacity: 1; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); }
#thumbnails b { color: #000 !important; }

.galleries td { width: 566px; margin: 0; padding: 20px 0 0 0; border: 0; text-align: left; }
.galleries td img { float: left; }
.galleries td b { font-size: 16px; color: #741e52; font-weight: normal; }
.galleries td p { margin: 0 0 .25em 0; color: #000; }

div#vertical { min-height: 500px; background: url("images/bg_vertical.gif") top left no-repeat; }
div#vertical div { margin: 0; padding: 90px 40px 0 0; }

div#vertical2 { min-height: 500px; background: url("images/bg_vertical.gif") top left no-repeat; }


#preloader { display: none; }
#loading { display: none; }

/*--- ART SHOWS ---*/

.show th { width: 269px; padding-bottom: 2em; font-weight: normal; text-align: left; }
.show th h1, .show th p { margin: 0 20px 0 50px; line-height: 1.3em; }
.show th img { display: block; margin: 0 0 0 41px; }
.show td { width: 507px; padding: 30px 60px 2em 60px; }
.show td h1 { margin-bottom: .5em; }
.show td object, .show td embed { margin-bottom: 2em; }
.gallery td { padding: 10px !important; text-align: center !important; vertical-align: middle !important; }

/*--- ABOUT THE ARTIST ---*/

.about th { width: 270px; padding: 0; }
.about td { width: 626px; padding: 30px 30px 2em 30px; }
.about td h1 { margin-bottom: .5em; }
.about div.column { float: left; width: 270px; line-height: 1.3em; }
.about div.column + div.column { margin-left: 20px; }

/*--- CONTACT ---*/

.contact th { width: 270px; padding: 0; }
.contact td { width: 626px; padding: 30px 30px 2em 30px; }
.contact td h1 { margin-bottom: .5em; }
.contact label { clear: both; float: left; width: 90px; font-size: 13px; }
.contact input[type="text"] { float: left; width: 190px; margin-bottom: 5px; border: 0; }
.contact input[type="submit"] { clear: both; float: left; margin-left: 90px; border: 0; padding: 5px 10px 5px 10px; background: #741e52; color: #fff; text-transform: uppercase; letter-spacing: .2em; }
.contact textarea { float: left; width: 450px; margin-bottom: 5px; border: 0; }

/*--- BUNCHES OF HOPE ---*/

table.bunches th { width: 267px; padding: 0 42px 20px 165px; background: #741e52; color: #fff; font-weight: normal; text-align: left; }
table.bunches td { width: 267px; padding: 0 155px 20px 0; background: #741e52; color: #fff; }
p.bunches { margin: 0; padding: 25px 155px 25px 165px; background: #d6d3c5; font-size: 14px; font-weight: bold; }

/*--- NORTHERN CONNECTION ---*/

h1.northern { margin-bottom: 0; padding: 375px 103px 10px 113px; background: url("images/northern_connection.jpg"); color: #fff; }
h1.northern span.smalltext { font-size: 12px; font-weight: normal; font-style: italic; }
table.northern th { width: 325px; padding: 0 30px 20px 113px; background: #741e52; color: #fff; font-weight: normal; text-align: left; line-height: 1.3em; }
table.northern td { width: 325px; padding: 0 103px 20px 0; background: #741e52; color: #fff; line-height: 1.3em; }
p.northern { margin: 0; padding: 25px 103px 25px 113px; background: #d6d3c5; font-size: 14px; font-weight: bold; }

/*--- NORTHERN CONNECTION 2011 ---*/

h1.northern2011 { margin-bottom: 0; padding: 420px 103px 10px 113px; background: #741e52 url("images/northern_connection2011.jpg") no-repeat; color: #fff; }
h1.northern2011 span.smalltext { font-size: 12px; font-weight: normal; font-style: italic; }
table.northern2011 th { width: 325px; padding: 0 30px 20px 113px; background: #741e52; color: #fff; font-weight: normal; text-align: left; line-height: 1.3em; }
table.northern2011 td { width: 325px; padding: 0 103px 20px 0; background: #741e52; color: #fff; line-height: 1.3em; }
p.northern2011 { margin: 0; padding: 25px 103px 25px 113px; background: #d6d3c5; font-size: 14px; font-weight: bold; }
a.northern2011:link, a.northern2011:visited { color: #fff; text-decoration: none; }
a.northern2011:hover, a.northern2011:active { color: #fff; text-decoration: underline; }

/*--- TRAF 2010 ---*/

p.traf2010 { margin: 0; padding: 623px 145px 25px 155px; background: #d6d3c5 url("images/traf2010.jpg") top left no-repeat; color: #741e52; font-size: 14px; font-weight: bold; text-align: center; }


/*--- JEWELRY AND ART ---*/

h1.jewelry { margin-bottom: 0; padding: 375px 103px 10px 113px; background: url("images/jewelry.jpg"); color: #fff; }
h1.jewelry span.smalltext { font-size: 12px; font-weight: normal; font-style: italic; }
table.jewelry th { width: 325px; padding: 0 30px 20px 113px; background: #741e52; color: #fff; font-weight: normal; text-align: left; line-height: 1.3em; }
table.jewelry td { width: 325px; padding: 0 103px 20px 0; background: #741e52; color: #fff; line-height: 1.3em; }
p.jewelry { margin: 0; padding: 25px 103px 25px 113px; background: #d6d3c5; font-size: 14px; font-weight: bold; }


/*--- TRIPLET ---*/

.triplet td { width: 33%; padding-bottom: 4em; }
.triplet td h1, .triplet td p { margin: 0 45px 0 45px; line-height: 1.3em; }
.triplet td img { display: block; margin: 0 auto 0 auto; }

/*--- NEWS ---*/

.news td { width: 100%; padding-bottom: 4em; }
.news td h1, .news td p { margin: 0 45px 0 45px; line-height: 1.3em; }
.news td img { display: block; margin: 0 auto 0 auto; }
.newstext { margin: 0 45px 0 45px; line-height: 1.3em; border-top: 1px solid #999; }
.newstext img { padding-bottom: 20px;  }


/*--- FOOTER ---*/

#footer { clear: both; width: 100%; margin-top: 0; border-top: 15px solid #741e52; padding-top: 10px; background: #292424; color: #666; font-size: 10px; text-align: right; }

/*--- SIDENOTE ---*/

.sidenote { font-size: 9px; }

/*--- LIGHTBOX ---*/

#jquery-overlay { position: absolute; z-index: 90; top: 0; left: 0; width: 100%; height: 500px; }
#jquery-lightbox { position: absolute; z-index: 100; top: 0; left: 0; width: 100%; text-align: center; line-height: 0; }
#jquery-lightbox a img { border: none; }
#lightbox-container-image-box { position: relative; width: 250px; height: 250px; margin: 0 auto; background-color: #fff; }
#lightbox-container-image { padding: 10px; }
#lightbox-loading { position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#lightbox-nav { position: absolute; z-index: 10; top: 0; left: 0; height: 100%; width: 100%; }
#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-nav a { outline: none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext { width: 49%; height: 100%; zoom: 1; display: block; }
#lightbox-nav-btnPrev {  left: 0;  float: left; }
#lightbox-nav-btnNext {  right: 0;  float: right; }
#lightbox-container-image-data-box { font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%; padding: 0 10px 0; }
#lightbox-container-image-data { padding: 0 10px;  color: #666; }
#lightbox-container-image-data #lightbox-image-details { float: left; width: 70%; text-align: left; }	
#lightbox-image-details-caption { font-weight: bold; }
#lightbox-image-details-currentNumber { display: block; clear: left; padding-bottom: 1.0em; }			
#lightbox-secNav-btnClose { float: right; width: 66px; padding-bottom: 0.7em; }

