* { color: #424242; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; margin: 0; padding: 0; }
body { background-image: url(../images/jess_wainer_bg.gif); background-repeat: repeat-x; }
h1 { font-size: 16px; font-weight: normal; margin: 0.67em 0; }
h2 { font-size: 16px; font-weight: normal; margin: 0.83em 0; }
h3 { font-size: 14px; font-weight: normal; margin: 1em 0; }
p { font-size: 12px; line-height: 16px; margin-top: 1em; margin-bottom: 1em; }
ul { list-style-type: none; }
a:link { text-decoration: none; }
a:visited { text-decoration: none; }
a:active { outline: none; }
:focus { -moz-outline-style: none; }
a.linkopacity {filter:alpha(opacity=50); -moz-opacity: 0.5; opacity: 0.5;}
a.linkopacity:hover {filter:alpha(opacity=100); -moz-opacity: 1.0; opacity: 1.0;}
img { border-style: none; }
div#wrapper { position: relative; width: 900px; height: 800px; margin: 0 auto; }
.chrys { background-image: url(../images/main_nav/chrysanthemum.gif); background-repeat: no-repeat; background-position: 110px 56px; }
.3 { background-image: url(../images/main_nav/chrysanthemum_fade.gif); background-repeat: no-repeat; background-position: 110px 55px; }
/*header*/
div#header { position: absolute; top: 80px; left: 75px; margin: 0; padding: 0; }
h1.jess_wainer { text-indent: -9999px; width: 204px; height: 57px; margin: 0; padding: 0; }
h1.jess_wainer a { background-image: url(../images/main_nav/jess_wainer.gif); background-repeat: no-repeat; background-position: 0 0; width: 204px; height: 57px; display: block; }
/*main nav
*/
div#main_nav { position: absolute; top: 150px; left: 71px; width: 570px; height: 38px; margin-left: 20px; }
div#main_nav ul li { float: left; }
li.gallery { text-indent: -9999px; width: 103px; height: 38px; margin: 0; padding: 0; }
li.gallery a { background-image: url(../images/main_nav/jess_gallery.gif); background-repeat: no-repeat; background-position: 0 0; width: 103px; height: 38px; display: block; }
li.about { text-indent: -9999px; width: 91px; height: 38px; margin: 0 10px 0 0; padding: 0; }
li.about a { background-image: url(../images/main_nav/about_jess.gif); background-repeat: no-repeat; background-position: 0 0; width: 91px; height: 38px; display: block; }
li.contact { text-indent: -9999px; width: 103px; height: 38px; margin: 0; padding: 0; }
li.contact a { background-image: url(../images/main_nav/contact_jess.gif); background-repeat: no-repeat; background-position: 0 0; width: 103px; height: 38px; display: block; }

li.contact { text-indent: -9999px; width: 110px; height: 31px; margin: 0 5px 0 0; padding: 0; }
li.contact a { background-image: url(../images/main_nav/purchase.gif); background-repeat: no-repeat; background-position: 0 5px; width: 110px; height: 31px; display: block; }

li.services { text-indent: -9999px; width: 244px; height: 38px; margin: 0 0 0 5px; padding: 0; }
li.services a { background-image: url(../images/main_nav/represented.gif); background-repeat: no-repeat; background-position: 0 0; width: 244px; height: 38px; display: block; }
/*global*/
h2.jess { background-image: url(../images/jess.gif); background-repeat: no-repeat; text-indent: -9999px; width: 130px; height: 27px; margin: 0; padding: 0; display: block; }
/*content
*/
div#content { background-color: #fff; position: absolute; top: 210px; left: 275px; width: 500px; height: 175px; padding: 10px; }
div#rep_content { background-color: #fff; padding: 10px; position: absolute; top: 210px; left: 275px; width: 500px; height: 375px; }
div#rep_content img { float: right; margin-top: 5px; margin-bottom: 10px; margin-left: 10px; }
/*gallery nav*/
div#gallery_nav{ position: absolute; top: 210px; left: 85px; width: 160px; margin: 0; padding: 0; }
div#gallery_nav li { float: left; }
li.glass { text-indent: -9999px; width: 160px; height: 28px; margin: 0; padding: 0; }
li.glass a { background-image: url(../images/galleries/nav/glass.gif); background-repeat: no-repeat; background-position: 0 0; width: 160px; height: 28px; display: block; }
li.ornaments { text-indent: -9999px; width: 160px; height: 23px; margin: 0; padding: 0; }
li.ornaments a { background-image: url(../images/galleries/nav/ornaments.gif); background-repeat: no-repeat; background-position: 0 0; width: 160px; height: 23px; display: block; }
li.bowls { text-indent: -9999px; width: 160px; height: 24px; margin: 0; padding: 0; }
li.bowls a { background-image: url(../images/galleries/nav/bowls.gif); background-repeat: no-repeat; background-position: 0 0; width: 160px; height: 24px; display: block; }
li.new_work { text-indent: -9999px; width: 160px; height: 23px; margin: 0; padding: 0; }
li.new_work a { background-image: url(../images/galleries/nav/new_work.gif); background-repeat: no-repeat; background-position: 0 0; width: 160px; height: 23px; display: block; }
li.drawings { text-indent: -9999px; width: 160px; height: 23px; margin: 0; padding: 0; }
li.drawings a { background-image: url(../images/galleries/nav/drawings.gif); background-repeat: no-repeat; background-position: 0 0; width: 160px; height: 23px; display: block; }
li.polka_dots { text-indent: -9999px; width: 160px; height: 23px; margin: 0; padding: 0; }
li.polka_dots a { background-image: url(../images/galleries/nav/polka_dots.gif); background-repeat: no-repeat; background-position: 0 0; width: 160px; height: 23px; display: block; }
li.frit_bowls { text-indent: -9999px; width: 160px; height: 23px; margin: 0; padding: 0; }
li.frit_bowls a { background-image: url(../images/galleries/nav/frit_bowls.gif); background-repeat: no-repeat; background-position: 0 0; width: 160px; height: 23px; display: block; }
li.chrysanthemums { text-indent: -9999px; width: 160px; height: 24px; margin: 0; padding: 0; }
li.chrysanthemums a { background-image: url(../images/galleries/nav/chrysanthemums.gif); background-repeat: no-repeat; background-position: 0 0; width: 160px; height: 24px; display: block; }
li.ceramics { text-indent: -9999px; width: 160px; height: 27px; margin: 0; padding: 0; }
li.ceramics a { background-image: url(../images/galleries/nav/ceramics.gif); background-repeat: no-repeat; background-position: 0 0; display: block; width: 160px; height: 27px; }
li.heads { text-indent: -9999px; width: 160px; height: 23px; margin: 0; padding: 0; }
li.heads a { background-image: url(../images/galleries/nav/heads.gif); background-repeat: no-repeat; background-position: 0 0; width: 160px; height: 23px; display: block; }
li.lips { text-indent: -9999px; width: 160px; height: 23px; margin: 0; padding: 0; }
li.lips a { background-image: url(../images/galleries/nav/lips.gif); background-repeat: no-repeat; background-position: 0 0; display: block; width: 160px; height: 23px; }
li.lovers { text-indent: -9999px; width: 160px; height: 23px; margin: 0; padding: 0; }
li.lovers a { background-image: url(../images/galleries/nav/lovers.gif); background-repeat: no-repeat; background-position: 0 0; width: 160px; height: 23px; display: block; }
li.lidded_bowls { text-indent: -9999px; width: 160px; height: 23px; margin: 0; padding: 0; }
li.lidded_bowls a { background-image: url(../images/galleries/nav/lidded_bowls.gif); background-repeat: no-repeat; background-position: 0 0; width: 160px; height: 23px; display: block; }
li.cards { text-indent: -9999px; width: 168px; height: 28px; margin: 0; padding: 0; }
li.cards a { background-image: url(../images/galleries/nav/cards.gif); background-repeat: no-repeat; background-position: 0 0; display: block; width: 160px; height: 28px; }
li.paintings { text-indent: -9999px; width: 160px; height: 28px; margin: 0; padding: 0; }
li.paintings a { background-image: url(../images/galleries/nav/paintings.gif); background-repeat: no-repeat; background-position: 0 0; display: block; width: 160px; height: 28px; }
li.glassware { text-indent: -9999px; width: 160px; height: 26px; margin: 0; padding: 0; }
li.glassware a { background-image: url(../images/galleries/nav/tumblers.gif); background-repeat: no-repeat; background-position: 0 0; width: 160px; height: 26px; display: block; }
li.beetles { text-indent: -9999px; width: 160px; height: 24px; margin: 0; padding: 0; }
li.beetles a { background-image: url(../images/galleries/nav/beetles.gif); background-repeat: no-repeat; background-position: 0 0; width: 160px; height: 24px; display: block; }
li.bottles { text-indent: -9999px; width: 160px; height: 28px; margin: 0; padding: 0; }
li.bottles a { background-image: url(../images/galleries/nav/bottles.gif); background-repeat: no-repeat; background-position: 0 0; width: 160px; height: 28px; display: block; }
div#thumbnail_box { position: absolute; top: 562px; left: 85px; width: 180px; }
div#thumbnail_box ul li { float: left; margin-right: 4px; }
div#thumbnail_box_ar { position: absolute; top: 285px; left: 85px; width: 180px; }
div#thumbnail_box_ar ul li { float: left; margin-right: 4px; }
/*services*/
div#services_nav { position: absolute; top: 210px; left: 85px; }
div#info_bar { position: absolute; top: 215px; left: 85px; }
div#info_bar ul li { font-size: 12px; }
.serv_info { margin-top: 8px; margin-left: 15px; }
li.alex { text-indent: -9999px; width: 130px; height: 28px; margin: 0; padding: 0; }
li.alex a { background-image: url(../images/represented_artists/services_nav/alexander.gif); background-repeat: no-repeat; background-position: 0 0; text-indent: -9999px; margin: 0; padding: 0; width: 130px; height: 28px; display: block; }
li.michael { text-indent: -9999px; width: 130px; height: 27px; margin: 0; padding: 0; }
li.michael a { background-image: url(../images/represented_artists/services_nav/michael.gif); background-repeat: no-repeat; background-position: 0 0; text-indent: -9999px; margin: 0; padding: 0; width: 130px; height: 27px; display: block; }
li.bill { text-indent: -9999px; width: 130px; height: 27px; margin: 0; padding: 0; }
li.bill a { background-image: url(../images/represented_artists/services_nav/bill.gif); background-repeat: no-repeat; background-position: 0 0; text-indent: -9999px; margin: 0; padding: 0; width: 130px; height: 27px; display: block; }

/* index */

#spotlight { position: absolute; top: 110px; left: 690px; margin: 0; padding: 0; width: 210px; background: #FFF; border-top: 1px #CCC solid; }
#spotlight li { float: left; width: 210px; margin: 12px 0 0 0; padding: 0 0 12px 0; border-bottom: 1px #CCC solid; font-size: 10px; }
#spotlight li img { float: left; }
#spotlight li h3 { float: right; width: 110px; margin: 0 0 10px 0; padding: 0; font-size: 12px; } 
#spotlight li p { line-height: 14px; float: right; width: 110px; margin: 0 0 10px 0; padding: 0; font-size: 10px; } 
#spotlight li ul { float: right; width: 110px; margin: 0; padding: 0; }
#spotlight li ul li { line-height: 14px; float: right; width: 110px; margin: 0 0 10px 0; padding: 0; border: none; }



/*classes*/
.credit { color: #999; font-size: 9px; }
.clear { clear: both; }