body
 {
  color: white;
  background: black none;
  padding: 25px 0 0 0;
  font-family: sans-serif;
 }

div.back
 {
  position: relative;
  padding: 25px 0;
  text-align: center;
  font-style: normal;
  font-weight: bold;
  font-variant: small-caps;
  font-family: sans-serif;
 }

div.close
 {
  position: relative;
  padding: 25px 0;
  text-align: center;
  font-style: normal;
  font-weight: bold;
  font-variant: small-caps;
  font-family: sans-serif;
 }

div.credits
 {
  width: 60%;
  left: 20%;
  text-align: center;
  font-size: 12px;
 }

hr.credit
 {
  width: 100px;
  color: white;
 }

p.attrib
 {
  text-align: right;
  font-style: italic;
  font-weight: bold;
  font-variant: small-caps;
  font-family: sans-serif;
 }

cite
 {
  font-style: italic;
  font-variant: small-caps;
  font-weight: bold;
  font-family: sans-serif;
 }

cite.in_title
 {
  font-style: italic;
  font-variant: small-caps;
  font-family: "Copperplate Gothic", "Times New Roman", Times, serif;
  font-weight: bolder;
  line-height: 90%;
 }

cite.dvd
 {
  color: #A69690; /* #765E54; */
  font-style: normal;
  font-variant: small-caps;
  text-transform: uppercase;
  font-weight: bold;
  font-family: "Futura", "Helvetica", sans-serif;
 }

cite.big_dvd
 {
  color: #A69690; /* #765E54; */
  font-size: 150%;
  font-style: normal;
  font-variant: small-caps;
  text-transform: uppercase;
  font-weight: bold;
  font-family: "Futura", "Helvetica", sans-serif;
 }

h1
 {
  text-align: center;
  font-style: italic;
  font-variant: small-caps;
  font-family: serif;
  margin: 10px 0 0 0;
  padding: 0;
 }

h2
 {
  font-style: italic;
  font-variant: small-caps;
  font-family: serif;
 }

.title
 {
  color: #BF8428;
  text-align: center;
  font-size: 200%;
  font-style: normal;
  font-variant: small-caps;
  font-family: "Copperplate Gothic", "Times New Roman", Times, serif;
  font-weight: bolder;
  line-height: 90%;
 }

.red_title
 {
  color: red;
  text-align: center;
  font-size: 200%;
  font-style: normal;
  font-variant: small-caps;
  font-family: "Copperplate Gothic", "Times New Roman", Times, serif;
  font-weight: bolder;
  line-height: 90%;
 }

.small_title
 {
  color: #A0A000;
  font-size: 115%;
  font-style: normal;
  font-variant: small-caps;
  font-family: "Copperplate Gothic", "Times New Roman", Times, serif;
  font-weight: bolder;
  line-height: 100%;
 }

.mini_title
 {
  color: #BF8428;
  font-weight: bolder;
 }

.label
 {
  color: #A0A000;
  font-size: 16px;
  font-style: normal;
  font-variant: small-caps;
  font-family: "Copperplate Gothic", "Times New Roman", Times, serif;
  font-weight: bolder;
  line-height: 100%;
 }

.lc
 {
  font-size: 75%;
  font-variant: normal;
 }

img.logo
 {
  text-align: center;
  float: left;
  clear: none;
  padding: 0 12px;
 }

img.logo_right
 {
  text-align: right;
  float: right;
  clear: none;
  padding: 0 12px;
 }

img.right
 {
  padding: 0 25px;
  float: right;
  clear: none;
 }

img.right_portrait
 {
  border-style: solid;
  border-color: #765E54;
  border-width: 3px;
  margin: 10px;
  padding: 3px;
  float: right;
 }

img.left
 {
  padding: 0 25px;
  float: left;
  clear: none;
 }

img.left_portrait
 {
  border-style: solid;
  border-color: #765E54;
  border-width: 3px;
  margin: 10px;
  padding: 3px;
  float: left;
 }

img.portrait
 {
  border-style: solid;
  border-color: #765E54;
  border-width: 3px;
  margin: 10px;
  padding: 3px;
 }

img.inset
 {
  border-style: ridge;
  border-color: silver;
  border-width: 3px;
  padding: 1px;
  margin: 8px;
 }

img.thumbnail
 {
  /*border: dashed thin red;*/
  border-style: ridge;
  border-color: silver;
  border-width: 3px;
  padding: 1px;
  margin: 8px;
 }

blockquote
 {
  text-align: left;
  font-size: 150%;
  font-style: italic;
  font-weight: bold;
  font-variant: small-caps;
  font-family: sans-serif;
 }

.framed
 {
  border-style: ridge;
  border-color: silver;
  border-width: 5px;
  padding: 3px;
 }

a
 {
  color: #A0A0FF;
  text-decoration: none;
 }

a:hover
 {
  color: #A0A000;
 }

a:active
 {
  color: #A0A000;
 }

a:visited
 {
  color: #A0A000;
  text-decoration: none;
 }

.hidden a
 {
  background: none;
  border: none;
  padding: 0;
  margin: 0;
 }

div.hidden
 {
  padding: 3px;
 }

img.hidden
 {
  /*border: dashed thin red;*/
  border: none;
  cursor: help;
 }

hr
 {
  width: 75%;
  height: 1px;
  color: white;
  background-color: black;
 }

/* MEDIA =================================================================== */

p.media
 {
  margin: 0 0 0 50px;
 }

div.media
 {
  margin: 0 0 0 50px;
 }

td.image
 {
  text-align: right;
  width: 155px;
 }

td.label
 {
  text-align: left;
 }

/* MENU ==================================================================== */

#menu body
 {
  color: white;
  background: black none;
  padding: 25px 0 0 0;
  font-family: sans-serif;
 }

#menu td.menu
 {
  font: small-caps bold 12px sans-serif;
  line-height: 2px;
  letter-spacing: 1px;
  text-transform: uppercase;
  color: white;
  text-align: center;
  vertical-align: top;
  background: black url('images/utility/elipse-menu-s75.gif') no-repeat center;
 }

#menu a
 {
  color: #A0A0FF;
  text-decoration: none;
 }

#menu a:hover
 {
  color: #A0A000;
 }

#menu a:active
 {
  color: #A0A000;
 }

#menu a:visited
 {
  color: #A0A000;
  text-decoration: none;
 }

#menu a.special
 {
  color: #F000FF;
  text-decoration: none;
 }

#menu a.special:hover
 {
  color: #F00000;
 }

#menu a.special:active
 {
  color: #F00000;
 }

#menu a.special:visited
 {
  color: #F00000;
  text-decoration: none;
 }

#menu a.special2
 {
  color: #D0D0FF;
  text-decoration: none;
 }

#menu a.special2:hover
 {
  color: #D0D000;
 }

#menu a.special2:active
 {
  color: #D0D000;
 }

#menu a.special2:visited
 {
  color: #D0D000;
  text-decoration: none;
 }

#menu a.special3
 {
  color: #FF0033;
  text-decoration: none;
 }

#menu a.special3:hover
 {
  color: #A0A000;
 }

#menu a.special3:active
 {
  color: #A0A000;
 }

#menu a.special3:visited
 {
  color: #A0A000;
  text-decoration: none;
 }

#menu div.logo
 {
  text-align: center;
 }

#menu div.logo
 {
  text-align: center;
 }

/* MAIN ==================================================================== */

#main body
 {
  color: white;
  background: black none;
  padding: 35px 50px;
  font-family: sans-serif;
  font-size: 12px;
 } 

#main p
 {
  padding: 0 25px;
  text-align: justify;
  font-size: 12px;
 }
  
/* GALLERY ================================================================= */

#gallery body
 {
  width: 90%;
  left: 5%;
  color: white;
  text-align: center;
  background: black none;
  font-family: sans-serif;
 }

#gallery div.intro
 {
  text-align: justify;
  font-size: 12px;
 }

#gallery div.display
 {
  margin: 10px;
 }

#gallery div.photo_display
 {
  margin: 18px 0 26px 0;
 }

#gallery span.photo_credit
 {
  font-size: 8px;
  text-transform: uppercase;
  font-family: sans-serif;
  font-weight: normal;
  font-style: normal;
  color: silver;
  margin: 0;
  padding: 0;
  text-align: right;
 }

#gallery div.instructions
 {
  font-size: 10px;
 }

#gallery div.description
 {
  padding: 10px 0 0 0;
  width: 70%;
  left: 15%;
  text-align: justify;
  font-size: 12px;
 }

#gallery div.description_centre
 {
  padding: 10px 0 0 0;
  width: 70%;
  left: 15%;
  text-align: center;
  font-size: 12px;
 }

#gallery div.order
 {
  left: 25%;
  width: 50%;
  text-align: center;
  margin: 25px 0 0 0;
  font-size: 14px;
 }

#gallery div.intro
 {
  width: 75%;
  text-align: justify;
 }

#gallery div.stats
 {
  margin: 10px 0 0 0;
  font-size: 10px;
 }

#gallery img.large_icon
 {
  border-style: none;
  width: 30px;
  height: 30px;
  vertical-align: middle;
 }

/* THUMBNAILS ============================================================== */

#thumbnails body
 {
  color: white;
  background: black none;
  padding: 25px 0 0 0;
  font-family: sans-serif;
 }

#thumbnails td
 {
  font-size: 10px;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  font-family: sans-serif;
 }

#thumbnails img
 {
  border-style: none;
  width: 100px;
  height: 100px;
  padding: 0px;
 }

#thumbnails img.icon
 {
  border-style: none;
  width: 25px;
  height: 25px;
  padding: 0px;
 }

#thumbnails div.box
 {
  position: relative;
  width: 100px;
  height: 100px;
 }

#thumbnails div.image
 {
  position: absolute;
  top: 0;
  left: 0;
 }

#thumbnails div.music
 {
  position: absolute;
  top: 0;
  left: 75px;
 }

#thumbnails div.video
 {
  position: absolute;
  top: 75px;
  left: 75px;
 }

/* POPUP =================================================================== */

#popup body
 {
  text-align: center;
  color: white;
  background: black none;
  font-family: sans-serif;
 }

#popup img
 {
  text-align: center;
  border-style: ridge;
  border-color: silver;
  border-width: 3px;
  padding: 1px;
  margin: 8px;
 }

#popup p
 {
  width: 95%;
  text-align: justify;
  font-size: 12px;
 }

#popup p.history
 {
  width: 95%;
  text-align: justify;
  font-size: 10px;
 }

#popup td.description
 {
  text-align: left;
  font-size: 10px;
  padding: 1px;
 }

/* LARGE POPUP ============================================================= */

#large_popup body
 {
  text-align: center;
  color: white;
  background: black none;
  font-family: sans-serif;
 }

/* SCROLLER ================================================================ */

#scroller body
 {
  color: white;
  background: black none;
  padding: 25px 0 0 0;
 }

#scroller td.left
 {
  text-align: right;
  vertical-align: middle;
  background: black none;
 }

#scroller td.right
 {
  text-align: left;
  vertical-align: middle;
  background: black none;
 }

/* PRICES =================================================================== */

#gallery div.prices
 {
  text-align: center;
  padding: 10px 0 0 0;
 }

#gallery table.prices
 {
  width: 70%;
  left: 15%;
  border: ridge 5px silver;
  border-collapse: collapse;
  padding: 10px 0 0 0;
 }

#gallery th.prices
 {
  border: solid 1px black;
  background-color: #CCCCCC;
  color: black;
  padding: 5px;
 }

#gallery td.painting
 {
  border: solid 1px #CCCCCC;
  padding: 5px;
 }

#gallery td.prices
 {
  border: solid 1px #CCCCCC;
  padding: 5px;
 }

#gallery td.prices_div
 {
  border: solid 1px #CCCCCC;
  padding: 1px;
 }