#portfolionav td#entercollection,
#portfolionav td#entercollection a
{
  text-align: center;
}

#portfolionav td#entercollection a
{
  border-bottom: 1px dotted #000;
}

#portfolionav td#entercollection a:hover
{
  border-bottom: 1px solid #000;
}

/* SEARCH RESULTS STYLES */

#searchresults
{
  margin: 0 0 10px 0;
  padding: 20px;
  background: #EEEBD5;
  /* font-family: Georgia, Serif; */
  font-family: "Trebuchet MS", verdana, arial, helvetica, sans-serif;
  font-weight: normal;
  font-size: 12px;
  color: #4F3010;
}

#searchresults div
{
  margin: 0 0 10px 0;
  padding: 0 0 10px 0;
}

div#resultslist
{
  background: #F5F3E5;
  padding: 10px;
}

#searchresults div.underline
{
  border-bottom: 1px dotted #4F3010;
}

#searchresults h2
{
  /* font-family: Georgia, Serif; */
  font-family: verdana, arial, sans-serif;
  font-weight: normal;
  font-size: 18px;
  color: #EB6C6A;
  border-bottom: 1px dotted #4F3010;
}

#searchresults .button
{
  width: 50px;
  height: 18px;
  padding: 0 0 2px 0;
  margin: 0;
  background: #EB6C6A;
  color: #FFF;
}

#searchresults .button:hover
{
  cursor: pointer;
  background: #4F3010;
  color: #FFF;
}

#searchresults input.inputbox
{
  background: #FFF;
}

/* LOST PASSWORD FORM STYLES */

.message
{
  padding: 0 0 0 40px;
  font-weight: bold;
  font-size: 14px;
  color: #600;
}

.content_lost_password table td.pad_bottom_10px
{
  padding: 0 0 10px 0;
}

.content_lost_password
{
  width: 424px;
  padding: 20px 40px 0 40px;
  color: #4F3010;
}

.content_lost_password table
{
  color: #4F3010;
}

.content_lost_password table td
{
  padding: 2px;
}

.content_lost_password form
{
padding: 0;
margin: 0;
}


/* CONTACT FORM STYLES */

.contentpane_contact
{
  width: 560px;
  color: #4F3010;
  margin: 0px;
  padding: 0px;
  padding: 10px 0px 0px 0px;
}

.contentpane_contact a
{
  border-bottom: 1px dotted #000;
}

.contentpane_contact a:hover
{
  border-bottom: 1px solid #000;
}

.contentpane_contact td
{
  padding: 0px;
  margin: 0px;
}

/* CONTACT FORM STYLES */

div.contact_email_contact
{
}

#emailForm
{
  width: 460px;
}

#emailForm td
{
  padding: 1px 0px;
}
  
#emailForm textarea,
#emailForm input.inputbox,
#emailForm input.inputboxsmall
{
  background: #FFF;
  border: 1px solid #DDD;
  padding: 2px;
}

#emailForm textarea,
#emailForm #subject
{
  width: 460px;
}

#emailForm input.inputbox
{
  width: 225px;
  height: 12px;
}

#emailForm #emailForm input.inputboxsmall
{
  width: 180px;
  height: 12px;
}

  
#emailForm input.button
{
  background: #BFBB9E;
  border: 1px solid #AAA;
  width: 60px;
  height: 20px;
  font-weight: bold;
  color: #000;
  padding: 0;
  margin: 0;
}
  
#emailForm input.button:hover
{
  background: #EB6C6A;
  cursor: pointer;
}



/* CATEGORY DROP DOWN STYLES */

/* ================================================= */
/* EDIT THESE FOR APPEARANCE                  */
/* ================================================= */

/* ALL LISTS */

div#categorynav
{
  margin: 0 0 0 8px;
}

div#categorynav ul, 
div#categorynav li
{
  height: 18px;
  margin: 0;
  padding: 0;
  text-align: left;
  width: 122px;
}
  
div#categorynav li a
{
  color: #EB6C6A;
  padding: 2px 0 0 8px;
  height: 18px;
  border: 0;
  font-size: 12px;
  font-weight: bold;
  text-decoration: none;
  display: block;
}
  
div#categorynav ul#categoryalpha li a.bg
{
  background: #EFC4AB url(../images/bg_list.gif) top right no-repeat;
}
  
div#categorynav ul#categoryalpha li a.bg:hover
{
  color: #EB6C6A;
}
  
div#categorynav ul.categorybeta li
{
  width: 120px;
  border: 0;
  height: 19px;
}
  
div#categorynav ul.categorybeta li a,
div#categorynav ul.categorybetadrop li a
{
  width: 112px;
  padding-left: 8px;
  text-align: left;
  border: 1px solid #AAA;
  border-top: none;
  color: #EB6C6A;
  background: #EFC4AB;
  height: 15px;
  /* IE 5 Mac hack \*/
  height: 16px;
  /**/
}
  
div#categorynav ul.categorybeta li a:hover,
div#categorynav ul.categorybetadrop li a:hover
{
  background: #EB6C6A;
  color: #FFF;
}
  
/* ================================================= */
/* DO NOT EDIT THESE OR THE DROP DOWNS WON'T WORK!!! */
/* ================================================= */

/* ALL LISTS */

div#categorynav
{
  position: relative;
  width: 100%;
  z-index: 999;
}

div#categorynav ul
{ 
  padding: 0;
  margin: 0;
  list-style: none;
  text-align: center;
}
  
ul#categoryalpha
{
  width: 100%;
}

div#categorynav li
{
  float: left;
  position: relative;
}
      

/* SECOND LEVEL LISTS */

div#categorynav li ul.categorybeta 
{ 
  position: absolute;
  display: none;
  left: 0;
}
  
div#categorynav li:hover ul.categorybeta,
div#categorynav li ul.categorybetadrop
{
  position: absolute;
  display: block;
  left: 0;
  z-index: 1000;
}
  

/* MAIN BODY DIVISIONS */

body
{
  margin: 0;
  padding: 0;
  font-family: "Trebuchet MS", verdana, arial, helvetica, sans-serif;
  font-size: 11px;
  font-weight: normal;
  color: #666;
  background: #FFF;
}
  
img
{
  border: 0;
  margin: 0;
  padding: 0;
}

#innerwrap
{
  margin: 0 auto;
  width: 760px;
  height: auto;
  background: #FFF;
}

#header
{
  width: 100%;
  height: 107px;
  background: #FFF;
}
  
#headerlogo
{
  margin: 0 auto;
  height: 107px;
  width: 758px;
}
  
.logo
{
  margin: 0 auto;
  height: 107px;
  width: 758px;
  background: #FFF url(../images/jb_logo_full.gif) center left no-repeat;
}
  
.logohide
{
  background: #FFF;
}
  
#header table td
{
  width: 379px;
  height: 107px;
  text-align: right;
}
  
input
{
  background: #F4F4F4;
  border: 1px solid #AAA;
  height: 16px;
  font-size: 11px;
  color: #666;
  padding: 0 0 0 3px;
}
  
.flank
{
  width: 200px;
  height: 100%;
  background: #CCC;
}

.module
{
  height: auto;
  background: transparent;
  padding: 0 8px 0 8px;
  border: 0px solid red;
}
  
#heading
{
  float: left;
  height: 60px;
  width: 206px;
  border: 0px solid red;
}
  
.navmodule
{
  width: 100%;
  padding: 0 8px 0 8px;
  margin: 10px 0 0 0;
}

/* STANDARD CONTENT */

#primcontent
{
  width: 760px;
  height: 329px;
  background: #FFF;
  margin: 0 0 10px 0;
  background: #EEEBD5;
  color: #4F3010;
  font-size: 11px;
}

#primcontent,
#primcontent h2,
#primcontent p
{
  /* font-family: Georgia, Serif; */
  font-family: "Trebuchet MS", verdana, arial, helvetica, sans-serif;
}
  
#primcontent table
{
  width: 100%;
  height: 100%;
}

#primcontent table td#primcenter p,
#primcontent table td#primcenter2col p
{
 line-height: 1.25em;
 padding: 0 0;
 margin: 10px 0 0 0;
}

#primcontent h2
{
  margin: 0 0 10px 0;
  font-weight: normal;
  font-size: 16px;
  color: #EB6C6A;
  padding: 0;
}

#primcontent table td#primleft
{
  border: 1px solid #EEEBD5;
  border-right: none;
  width: 252px;
  height: 326px;
}

#primcontent table td#primcenter
{
  border-left: 1px dotted #FFF;
  border-right: 1px dotted #FFF;
}

#primcontent table td#primcenter,
#primcontent table td#primcenter2col

{
  margin-top: 0;
  padding: 0 20px;
}

  
/* COLLECTIONS CONTENT */

#primcollections
{
  width: 760px;
  height: 517px;
  background: #FFF;
  margin: 0 0 10px 0;
}
  
#primcollections table
{
  width: 100%;
  height: 100%;
}
  
#primcollections p
{
  color: #4F3010;
  padding: 0 0 0 0;
  font-size: 11px;
  line-height: 1.25em;
}
  
#primcollections p#descriptionenter
{
  padding: 40px 40px 0 40px;
  text-align: justify;
}
  
#primcollections table td#primleft
{
  padding: 30px 20px 0 20px;
  background: #EEEBD5;
  width: 379px;
  /* Mac IE5 Hack \*/
  width: 339px;
  /* END HACK */
  border-right: 1px dotted #FFF;
}
  
#primcollections table#categories
{
  padding: 0 0 0 8px;
}
  
#primcollections table#categories td
{
  width: 25%;
  text-align: left;
}
  
#primcollections table td#primright
{
  background: #EEEBD5;
  width: 379px;
}
  
#collectionsfooter
{
  width: 760px;
  height: 2px;
  border-top: 1px solid #AAA;
  border-bottom: 1px solid #AAA;
  margin: 0 0 6px 0;
  background: #FFF;
  font-size: 2px;
}
  
td#collectionlabel h2
{
  text-align: right;
  font-weight: bold;
  font-size: 12px;
  color: #EB6C6A;
  padding: 0 8px 8px 8px;
}

td#collectionlabel_left h2
{
  text-align: left;
  font-weight: bold;
  font-size: 12px;
  color: #EB6C6A;
  padding: 0 8px 0 8px;
  margin: 0;
}

td#collectionlabel h2 a
{
  text-align: right;
  font-weight: inherit;
  font-size: inherit;
  color: #EB6C6A;
  border-bottom: 1px dotted #000;
}
  
td#collectionlabel h2 a:hover
{
  border-bottom: 1px solid #000;
}
  
/* PORTFOLIO SAMPLE DETAILS */

.sampletext
{
  text-align: left;
  /* font-family: Georgia, Serif; */
  font-family: "Trebuchet MS", verdana, arial, helvetica, sans-serif;
  font-size: 1.25em;
}
  
/* PORTFOLIO NAVIGATOR STYLES */

table#category_nav td#selector
{
  text-align: left;
  padding: 0 6px 0 0;
}

table#category_nav td#selector_right
{
  text-align: right;
  padding: 0 6px 0 0;
  width: 50%;
  vertical-align: top;
}

table#category_nav td#selector_right a.backbutton
{
  text-align: right;
  float: right;
}

table#portfolionav_borders td#roomtoggle a,  
table#portfolionav td#roomtoggle a
{
  border-bottom: 1px dotted #000;
}
 
table#portfolionav_borders td#roomtoggle a:hover,
table#portfolionav td#roomtoggle a:hover
{
  border-bottom: 1px solid #000;
}

table#portfolionav_borders,
table#portfolionav
{
  height: auto;
  margin: 8px 0 6px 0;
  text-align: left;
}

table#portfolionav_borders td, 
table#portfolionav td
{
  padding: 0 6px 6px 0;
  text-align: left;
  width: 20%;
  font-size: 10px;
  color: #4F3010;
}

table#portfolionav_borders ul, 
table#portfolionav ul
{
  list-style: none;
  padding: 0;
  margin: 0;
  line-height: 1.25em;
}

table#portfolionav_borders td.category,
table#portfolionav td.category
{
  padding: 0 0;
}
 
table#portfolionav_borders td.category a,
table#portfolionav td.category a,
table#portfolionav_borders ul li a,
table#portfolionav ul li a 
{
  border-bottom: 1px dotted #000;
}

table#portfolionav_borders td.category a:hover,
table#portfolionav td.category a:hover,
table#portfolionav_borders ul li a:hover,
table#portfolionav ul li a:hover
{
  border-bottom: 1px solid #000;
}

table#portfolionav_borders td.noimage,
table#portfolionav td.noimage
{
  width: 33%;
  height: 45px;
  padding: 0;
  border-right: 6px solid #FFF;
  border-bottom: 6px solid #FFF;
  background: #DDD;
}

table#portfolionav_borders td img.nonav,
table#portfolionav td img.nonav
{
  border: 2px solid #D5D3B3;
  background: #FFF;
  padding: 2px;
  /*
  width: 46px;
  height: 46px;
  */
}
 
table#portfolionav td a img
{
  border: 2px solid #C5C296;
  background: #FFF;
  padding: 2px;
  width: 46px;
  height: 60px;
}

table#portfolionav_borders td a img
{
  border: 2px solid #C5C296;
  background: #FFF;
  padding: 2px;
  width: 146px;
  height: 60px;
}

table#portfolionav_borders a:hover img, 
table#portfolionav a:hover img,
table#portfolionav td a#currentwork img
{
  border: 2px solid #624220; /* #F88482; */
}
  
table#portfolionav_borders a:hover,
table#portfolionav a:hover
{
  border: none;
}
  
/* CATEGORY LINK LIST STYLES */

ul.categorylinks
{
  list-style: none;
  text-align: left;
  padding: 0 0 6px 0;
  margin: 0;
  line-height: 1.25em;
}
  
ul.categorylinks li
{
  float: left;
  padding: 0 8px 0 8px;
  margin: 0 0 10px 0;
}
  
ul.categorylinks li a
{
  color: #EB6C6A;
  font-size: 12px;
  line-height: 1.5em;
  border-bottom: 1px dotted #000;
}
  
ul.categorylinks li a:hover
{
  color: #4F3010;
  border-bottom: 2px solid #000;
}
  
ul.categorylinks li a img,
ul.categorylinks li a:hover img
{
  border: none;
}
  
ul.categorylinks li a.oncategory
{
  color: #EB6C6A;
  border-bottom: 2px solid #000;
}
  
ul.categorylinks li a.oncategory:hover
{
  border-bottom: 2px solid #000;
  color: #4F3010;
}
  

/* SECONDARY CONTENT */

#seccontentwrapper
{
  width: 760px;
  height: 112px;
  background: #FFF;
  padding: 2px 0 2px 0;
  margin: 0 0 4px 0;
  border-top: 1px solid #AAA;
  border-bottom: 1px solid #AAA;
}
    
#seccontent
{
  width: 760px;
  height: 110px;
  background: #FFF;
  border-top: 1px solid #AAA;
  border-bottom: 1px solid #AAA;
}
  
#seccontent table
{
  width: 100%;
  height: 100%;
}
  
#seccontent table td.main3
{
  width: 254px;
  padding: 14px 0 0 0;
}
  
#seccenter,
#seclast,
#seccenter .contentpaneopen,
#seclast .contentpaneopen
{
  padding: 0 20px 0 20px;
}
  
#seccontent table td#seccenter
{
  border-left: 1px solid #AAA;
  border-right: 1px solid #AAA;
}
  
#seccontent p
{
  color: #EB6C6A; /* #4F3010; */
  padding: 0px 20px 0 20px;
  margin: 0;
  line-height: 1.3em;
  font-size: 11px;
}

#footer
{
  width: 760px;
  height: 40px;
  background: #FFF;
  margin: 0 auto;
  font-size: 9px;
  color: #AAA;
}
  
#copyright
{
  width: 380px;
  text-align: left;
  height: 18px;
}
  
#poweredby
{
  position: relative;
  top: -18px;
  left: 380px;
  width: 380px;
  text-align: right;
  height: 18px;
}

#poweredby a
{
  font-size: 9px;
  color: #666;
}
  
#poweredby a:hover
{
  border-bottom: 1px dotted #000;
}

/* BASE TEXT STYLES */

a
{
  color: #EB6C6A;
  text-decoration: none;
  font-size: 11px;
}
  
a:hover
{
  border-bottom: 1px dotted #000;
}
  
h2
{
  margin: 0;
  padding: 3px 0 0 0;
}

h2.moduleheader
{
  text-align: left;
  font-weight: bold;
  font-size: 12px;
  color: #EB6C6A;
  padding: 0 0 8px 8px;
}
  
h2.moduleheader a
{
  text-align: left;
  font-weight: inherit;
  font-size: inherit;
  color: #EB6C6A;
  border-bottom: 1px dotted #000;
}
  
h2.moduleheader a:hover
{
  border-bottom: 1px solid #000;
}

/* DROP DOWN MENU STYLES */

#navarea
{
  margin: 0px auto 0px auto;
  text-align: left;
  width: 760px;
  height: 14px;
  margin: 0 0 10px 0;
  /* IE 5 Mac Hack \*/
  margin: 0 0 16px 0;
  /* End hack */
  _margin: 0 0 10px 0;
}

#primNav
{
  padding: 0;
  height: 20px;
}
html>body #primNav
{
  height: 20px;
} 

.menuTab
{
  width: 94px;
  height: 20px;
  text-align: center;
  background-color: #EEEBD5;
  border-top: 1px solid #AAA;
  border-bottom: 1px solid #AAA;
  border-right: 1px solid #AAA;
}
  
.menuTabFirst
{
  width: 93px;
  height: 20px;
  text-align: center;
  background-color: #EEEBD5;
  border-top: 1px solid #AAA;
  border-bottom: 1px solid #AAA;
  border-right: 1px solid #AAA;
  border-left: 1px solid #AAA;
}

.menuTabLast
{
  width: 94px;
  height: 20px;
  text-align: center;
  background-color: #EEEBD5;
  border-top: 1px solid #AAA;
  border-bottom: 1px solid #AAA;
  border-right: 1px solid #AAA;
}
  
.menuTab a, 
.menuTabFirst a, 
.menuTabLast a
{
  color: #4F3010;
  font-family: "Trebuchet MS", arial, helvetica, sans-serif;
  font-size: 11px !important;
  display: block;
  width: 94px;
  height: 17px;
  padding: 3px 0 0 0;
}

/* IE Underscore hack:
   these attributes are only seen
   by IE (all versions)
*/

.menuTab a,
.menuTabFirst a,
.menuTabLast a,
#navarea  span
{
  _height: 19px;
  _padding: 1px 0 0 0;
}
  
.menuTab a:hover, 
.menuTabFirst a:hover, 
.menuTabLast a:hover
{
  color: #4F3010;
  background: #EFC4AB;
  border-bottom: none;
}
  
#activeTab
{
  background: #EB6C6A;
  color: #FFF;
}
  
.dropDownItem
{
  background-color: #EEEBD5;
  padding: 0px;
  height: 22px;
  width: 122px;
  border-bottom: 1px solid #AAA;
  border-right: 1px solid #AAA;
  border-left: 1px solid #AAA;
  line-height: 10px;
}

#dropNav1, #dropNav2, #dropNav3, 
#dropNav4, #dropNav5, #dropNav6,
#dropNav7, #dropNav8
{
  position: absolute; 
  left: 2px; 
  top: 129px; 
  z-index: 4; 
  visibility: hidden;
}

#dropNav1 a, #dropNav2 a, #dropNav3 a, 
#dropNav4 a, #dropNav5 a, #dropNav6 a,
#dropNav7 a, #dropNav8 a
{
  color: #4F3010;
  text-decoration: none;
  border-bottom: none;
  display: block;
  padding: 6px 0px 6px 10px;
  width: 112px;
  height: 10px;
  font-size: 11px !important;
}

#dropNav1 a:hover, #dropNav2 a:hover, 
#dropNav3 a:hover, #dropNav4 a:hover,
#dropNav5 a:hover, #dropNav6 a:hover,
#dropNav7 a:hover, #dropNav8 a:hover
{
  color: #4F3010;
  text-decoration: none;
  border-bottom: none;
}
  
#nolink1, #nolink2, #nolink3,  #nolink4,
#nolink5, #nolink6, #nolink7, #nolink8
{
  cursor: pointer;
  display: block;
  text-align: center;
  background: #EEEBD5;
  color: #4F3010;
  font-family: "Trebuchet MS", arial, helvetica, sans-serif;
  font-size: 11px !important;
  display: block;
  width: 94px;
  height: 17px;
  padding: 3px 0 0 0;
}
  
  
/* LOGIN FORM STYLES */

table#logintable td.field,
table#logintable input,
table#logintable td.gobuttontd,
table#logintable td.overline
{
  width: 150px;
}
  
table#logintable input.checkbox
{
  width: 14px;
  height: 14px;
}

.overline
{
  border-top: 1px solid #AAA;
  padding: 3px 0 0 0;
}

#loginmodule
{
  width: 253px;
  border: 0;
  margin: 0 0 6px 0;
  padding: 0;
  text-align: left;
}
  
table#logintable
{
  width: 230px;
  padding: 0;
  margin: 0;
  background: transparent;
}
  
table#logintable td.label
{
  width: 80px;
  height: 20px;
}
  
table#logintable td.gobuttontd
{
  height: 20px;
}
  
a.register
{
  color: #EB6C6A;
  border: none;
}
  
a.register:hover
{
  color: #C54543;
  border: none;
}

a.backbutton,
a.gobutton,
a.sendbutton,
a.searchbutton
{
  display: block;
  width: 54px;
  height: 16px;
  text-align: left;
  margin: 1px 0 0 0;
  border-bottom: none;
}
  
a.backbutton
{
   background: transparent url(../images/btn_back.gif) 0px 0px no-repeat;
}

a.gobutton
{
   background: transparent url(../images/btn_enter.gif) 0px 0px no-repeat;
}

a.sendbutton
{
  background: transparent url(../images/btn_send.gif) 0px 0px no-repeat;
}

a.searchbutton
{
  background: transparent url(../images/btn_search.gif) 0px 0px no-repeat;
}

a.backbutton:hover,
a.gobutton:hover,
a.sendbutton:hover
{
  margin: 1px 0 0 0;
  background-position: 0px -16px;
  border-bottom: none;
}
  
a.searchbutton
{
  margin: -17px 0 0 215px;
}

a.searchbutton:hover
{
  background-position: 0px -16px;
  border-bottom: none;
}

hr
{
  border: none;
  border-top: 1px solid #AAA;
  height: 1px;
}

td#loginlink a
{
   display: block;
   width: 180px;
   height: 50px;
   border: none;
   text-decoration: none;
   margin-top: -20px;
   background: transparent url(../images/btn_login.gif) 0px 0px no-repeat;
}

td#loginlink a:hover
{
  border: none;
  background-position: 0px -50px;
}