/*
*
* Body etc
*
*/
.body {
  margin:0;
  border:0;
  padding:0;
  height:100%; 
  max-height:100%; 
  background:#000000;
}

/*
*
* Header
*
*/
.top {
  margin: 5px 0px 0px 15px;
  padding: 0px 0px 0px 0px;
  background: #000000;
  width: 800px;
  height: auto
}

/*
*
* Content - this is just a wrapper for Navigation and Main
*
*/
.content {
  border-right: lightgrey 1px solid;
  border-top: lightgrey 1px solid;
  border-left: lightgrey 1px solid;
  border-bottom: lightgrey 1px solid;
  margin: 0px 0px 0px 15px;
  padding: 0px 0px 0px 0px;
  background: #000000;
  width: 785px;
  height: 450px;
  overflow: hidden;
}
/*
*
* Navigation 
*
*/
.nav {
  float: left;
  background: #000000;
  width: 190px;
  height: 100%;
  padding: 10px 0px 2000px 10px;
  margin: 0px 0px -2000px 0px;
}
.nav p.header
{
 font-family: Verdana, Arial;
 font-size: 13px;
 color: #999999;
 text-decoration: none;
 font-weight: bold;
 margin: 0px 0px 0px 0px;
 padding: 0px 0px 0px 0px
}
.nav p.subheader 
{
 font-family: Verdana, Arial;
 font-size: 11px;
 color: #999999;
 text-decoration: none;
 font-weight: normal;
 margin: 0px 0px 0px 0px;
 padding: 0px 0px 0px 0px
}
.nav p
{
 font-family: Verdana, Arial;
 font-size: 11px;
 color: #999999;
 text-decoration: none;
 font-weight: normal;
 margin: 20px 0px 0px 0px;
 padding: 0px 0px 0px 0px
}
.nav ul
{
 margin: 0px 0px 0px 0px;
 padding: 0px 0px 0px 30px
}
.nav li
{
 margin: 0px 0px 0px 10px;
 padding: 0px 0px 0px 0px
}
.nav a:link   {outline: none; text-decoration: none;font-family: Verdana;color: #CD6E2D}
.nav a:active {outline: none; text-decoration: none;font-family: Verdana;color: #CD6E2D}
.nav a:visited{outline: none; text-decoration: none;font-family: Verdana;color: #CD6E2D}
.nav a:hover  {outline: none; text-decoration: none;font-family: Verdana;color: #CD6E2D}

.nav a.head:link   {outline: none; text-decoration: none;font-family: Verdana;color: #999999}
.nav a.head:active {outline: none; text-decoration: none;font-family: Verdana;color: #999999}
.nav a.head:visited{outline: none; text-decoration: none;font-family: Verdana;color: #999999}
.nav a.head:hover  {outline: none; text-decoration: none;font-family: Verdana;color: #CD6E2D}

.nav a.sub:link   {outline: none; text-decoration: none;font-family: Verdana;color: #999999}
.nav a.sub:active {outline: none; text-decoration: none;font-family: Verdana;color: #999999}
.nav a.sub:visited{outline: none; text-decoration: none;font-family: Verdana;color: #999999}
.nav a.sub:hover  {outline: none; text-decoration: none;font-family: Verdana;color: #CD6E2D}

/*
*
* Main - content area
*
*/
.main {
  background: #000000;
  padding: 0px 0px 0px 0px; 
  margin: 0px 0px 0px 210px;
  width: 575px;
  height: 445px;
  overflow: auto;
}
.mainansi {
  background: #000000;
  padding: 0px 0px 0px 0px; 
  margin: 20px 0px 0px 210px;
  width: 575px;
  height: 445px;
  overflow: hidden;
}

.main p 
{
 font-family: Verdana;
 font-size: 11px;
 color: #999999;
 text-decoration: none;
 font-weight: normal;
 margin: 10px 5px 0px 0px;
 padding: 0px 0px 5px 0px;
 text-align: justify;
}
.main a:link   {outline: none; text-decoration: none;font-family: Verdana;color: #CD6E2D}
.main a:active {outline: none; text-decoration: none;font-family: Verdana;color: #CD6E2D}
.main a:visited{outline: none; text-decoration: none;font-family: Verdana;color: #CD6E2D}
.main a:hover  {outline: none; text-decoration: none;font-family: Verdana;color: #CD6E2D}

/*
*
* Footer
*
*/

.footer {
  background: #000000;
  width: auto;
  height: auto;
  padding: 10px 0px 0px 0px; 
  margin: 0px 0px 0px 15px;
}
.footer p 
{
 font-family: Verdana;
 font-size: 9px;
 color: #999999;
 text-decoration: none;
 font-weight: normal;
 margin: 0px 0px 0px 0px;
 padding: 0px 0px 0px 0px;
}

/*
*
* Misc
*
*/

.righty {
 float: right;
 padding: 0px 0px 0px 5px;
}
/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.stunicholls/gallery/left_right_click.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
#gallery {  
  background: #000000;
  margin: 0px 0px 0px 20px;
  width:534px; 
  position:relative; 
  height:60px; 
  padding-top:356px; 
}

#gallery img.left {width:55px; height:62px; background:#000000; float:left;cursor:pointer;}
#gallery img.right {width:55px; height:62px; background:#000000; float:left;cursor:pointer;}

#gallery ul {list-style:none; padding:0; margin:0; float:left; background:#000000; border:2px solid #000000; border-width:5px 2px;}
#gallery ul li {display:inline; width:50px; height:50px; float:left; margin:0 4px; border:1px solid #999999; cursor:pointer;}

#gallery ul li.hide {display:none;}

/* using background images */
#gallery ul li.th1 {background:url(../images/photos/th1_sm.jpg);}
#gallery ul li.th2 {background:url(../images/photos/th2_sm.jpg);}
#gallery ul li.th3 {background:url(../images/photos/th3_sm.jpg);}
#gallery ul li.th4 {background:url(../images/photos/th4_sm.jpg);}
#gallery ul li.th5 {background:url(../images/photos/th5_sm.jpg);}
#gallery ul li.th6 {background:url(../images/photos/th6_sm.jpg);}
#gallery ul li.th7 {background:url(../images/photos/th7_sm.jpg);}
#gallery ul li.th8 {background:url(../images/photos/th8_sm.jpg);}
#gallery ul li.th9 {background:url(../images/photos/th9_sm.jpg);}
#gallery ul li.th10 {background:url(../images/photos/th10_sm.jpg);}
#gallery ul li.th11 {background:url(../images/photos/th11_sm.jpg);}
#gallery ul li.th12 {background:url(../images/photos/th12_sm.jpg);}
#gallery ul li.th13 {background:url(../images/photos/th13_sm.jpg);}
#gallery ul li.th14 {background:url(../images/photos/th14_sm.jpg);}
#gallery ul li.th15 {background:url(../images/photos/th15_sm.jpg);}
#gallery ul li.th16 {background:url(../images/photos/th16_sm.jpg);}
#gallery ul li.th17 {background:url(../images/photos/th17_sm.jpg);}

/* remove visibility:hidden; if you want to use the original images as thumbnails */
#gallery ul li img {visibility:hidden; display:block; width:50px; height:50px;}

#gallery ul li.chosen {border-color:#fff; cursor:default;}
#gallery ul li.chosen div {position:absolute; left:0; top:0; width:532px; height:355px; background:#000000;}
#gallery ul li.chosen div i {width:530px; height:355px; display:table-cell; vertical-align:middle; text-align:center;} 
#gallery ul li.chosen div i img {visibility:visible; width:auto; height:auto; border:1px solid #aaaaaa; margin:0 auto;}
#gallery ul li.chosen span {display:block;}

/* ========================
ANSi Gallery
=========================== */
#ansigallery {  
  background: #000000;
  margin: 0px;
  width:60px; 
  position:relative; 
  height:414px; 
  padding:0px 0px 0px 20px; 
}

#ansigallery img.up {width:55px; height:62px; background:#000000; float:left;cursor:pointer;}
#ansigallery img.down {width:55px; height:62px; background:#000000; float:left;cursor:pointer;}

#ansigallery ul {list-style:none; padding:0; margin:0; float:left; background:#000000; border:1px solid #000000;}
#ansigallery ul li {display:inline; width:50px; height:50px; float:left; margin:0px 0px 4px 0px; border:1px solid #999999; cursor:pointer;}

#ansigallery ul li.hide {display:none;}

/* using background images */
#ansigallery ul li.a1 {background:url(../images/ansi/a1_sm.png);}
#ansigallery ul li.a2 {background:url(../images/ansi/a2_sm.png);}
#ansigallery ul li.a3 {background:url(../images/ansi/a3_sm.png);}
#ansigallery ul li.a4 {background:url(../images/ansi/a4_sm.png);}
#ansigallery ul li.a5 {background:url(../images/ansi/a5_sm.png);}
#ansigallery ul li.a6 {background:url(../images/ansi/a6_sm.png);}
#ansigallery ul li.a7 {background:url(../images/ansi/a7_sm.png);}
#ansigallery ul li.a8 {background:url(../images/ansi/a8_sm.png);}
#ansigallery ul li.a9 {background:url(../images/ansi/a9_sm.png);}
#ansigallery ul li.a10 {background:url(../images/ansi/a10_sm.png);}
#ansigallery ul li.a11 {background:url(../images/ansi/a11_sm.png);}
#ansigallery ul li.a12 {background:url(../images/ansi/a12_sm.png);}
#ansigallery ul li.a13 {background:url(../images/ansi/a13_sm.png);}
#ansigallery ul li.a14 {background:url(../images/ansi/a14_sm.png);}
#ansigallery ul li.a15 {background:url(../images/ansi/a15_sm.png);}
#ansigallery ul li.a16 {background:url(../images/ansi/a16_sm.png);}
#ansigallery ul li.a17 {background:url(../images/ansi/a17_sm.png);}
#ansigallery ul li.a18 {background:url(../images/ansi/a18_sm.png);}
#ansigallery ul li.a19 {background:url(../images/ansi/a19_sm.png);}

/* remove visibility:hidden; if you want to use the original images as thumbnails */
#ansigallery ul li img {visibility:hidden; display:block; width:50px; height:50px;}

#ansigallery ul li.chosen {border-color:white; cursor:default;}
#ansigallery ul li.chosen div {position: absolute; left:100px; top:0; width:450px; height:410px; background:#000000; overflow:auto;}
#ansigallery ul li.chosen div i {width:100%; height:100%; display:table-cell;} 
#ansigallery ul li.chosen div i img {visibility:visible; width:420px; height:100%; margin:20px 0px 0px 0px;}
#ansigallery ul li.chosen span {display:block;}

/* ========================
Ceramic Gallery
=========================== */
#ceramicgallery {  
  background: #000000;
  margin: 0px 0px 0px 20px;
  width:534px; 
  position:relative; 
  height:60px; 
  padding-top:356px; 
}

#ceramicgallery img.left {width:55px; height:62px; background:#000000; float:left;cursor:pointer;}
#ceramicgallery img.right {width:55px; height:62px; background:#000000; float:left;cursor:pointer;}

#ceramicgallery ul {list-style:none; padding:0; margin:0; float:left; background:#000000; border:2px solid #000000; border-width:5px 2px;}
#ceramicgallery ul li {display:inline; width:50px; height:50px; float:left; margin:0 4px; border:1px solid #999999; cursor:pointer;}

#ceramicgallery ul li.hide {display:none;}

/* using background images */
#ceramicgallery ul li.c1 {background:url(../images/ceramics/c1_sm.jpg);}
#ceramicgallery ul li.c2 {background:url(../images/ceramics/c2_sm.jpg);}
#ceramicgallery ul li.c3 {background:url(../images/ceramics/c3_sm.jpg);}
#ceramicgallery ul li.c4 {background:url(../images/ceramics/c4_sm.jpg);}
#ceramicgallery ul li.c5 {background:url(../images/ceramics/c5_sm.jpg);}
#ceramicgallery ul li.c6 {background:url(../images/ceramics/c6_sm.jpg);}
#ceramicgallery ul li.c7 {background:url(../images/ceramics/c7_sm.jpg);}
#ceramicgallery ul li.c8 {background:url(../images/ceramics/c8_sm.jpg);}
#ceramicgallery ul li.c9 {background:url(../images/ceramics/c9_sm.jpg);}
#ceramicgallery ul li.c10 {background:url(../images/ceramics/c10_sm.jpg);}
#ceramicgallery ul li.c11 {background:url(../images/ceramics/c11_sm.jpg);}
#ceramicgallery ul li.c12 {background:url(../images/ceramics/c12_sm.jpg);}
#ceramicgallery ul li.c13 {background:url(../images/ceramics/c13_sm.jpg);}
#ceramicgallery ul li.c14 {background:url(../images/ceramics/c14_sm.jpg);}
#ceramicgallery ul li.c15 {background:url(../images/ceramics/c15_sm.jpg);}

/* remove visibility:hidden; if you want to use the original images as thumbnails */
#ceramicgallery ul li img {visibility:hidden; display:block; width:50px; height:50px;}

#ceramicgallery ul li.chosen {border-color:#fff; cursor:default;}
#ceramicgallery ul li.chosen div {position:absolute; left:0; top:0; width:532px; height:355px; background:#000000;}
#ceramicgallery ul li.chosen div i {width:530px; height:355px; display:table-cell; vertical-align:middle; text-align:center;} 
#ceramicgallery ul li.chosen div i img {visibility:visible; width:auto; height:auto; border:1px solid #aaaaaa; margin:0 auto;}
#ceramicgallery ul li.chosen span {display:block;}

/* ========================
Stained Glass Gallery
=========================== */
#glassgallery {  
  background: #000000;
  margin: 0px 0px 0px 20px;
  width:534px; 
  position:relative; 
  height:60px; 
  padding-top:356px; 
}

#glassgallery img.left {width:55px; height:62px; background:#000000; float:left;cursor:pointer;}
#glassgallery img.right {width:55px; height:62px; background:#000000; float:left;cursor:pointer;}

#glassgallery ul {list-style:none; padding:0; margin:0; float:left; background:#000000; border:2px solid #000000; border-width:5px 2px;}
#glassgallery ul li {display:inline; width:50px; height:50px; float:left; margin:0 4px; border:1px solid #999999; cursor:pointer;}

#glassgallery ul li.hide {display:none;}

/* using background images */
#glassgallery ul li.g1 {background:url(../images/glass/g1_sm.jpg);}
#glassgallery ul li.g2 {background:url(../images/glass/g2_sm.jpg);}
#glassgallery ul li.g3 {background:url(../images/glass/g3_sm.jpg);}
#glassgallery ul li.g4 {background:url(../images/glass/g4_sm.jpg);}
#glassgallery ul li.g5 {background:url(../images/glass/g5_sm.jpg);}
#glassgallery ul li.g6 {background:url(../images/glass/g6_sm.jpg);}
#glassgallery ul li.g7 {background:url(../images/glass/g7_sm.jpg);}
#glassgallery ul li.g8 {background:url(../images/glass/g8_sm.jpg);}
#glassgallery ul li.g9 {background:url(../images/glass/g9_sm.jpg);}
#glassgallery ul li.g10 {background:url(../images/glass/g10_sm.jpg);}

/* remove visibility:hidden; if you want to use the original images as thumbnails */
#glassgallery ul li img {visibility:hidden; display:block; width:50px; height:50px;}

#glassgallery ul li.chosen {border-color:#fff; cursor:default;}
#glassgallery ul li.chosen div {position:absolute; left:0; top:0; width:532px; height:355px; background:#000000;}
#glassgallery ul li.chosen div i {width:530px; height:355px; display:table-cell; vertical-align:middle; text-align:center;} 
#glassgallery ul li.chosen div i img {visibility:visible; width:auto; height:auto; border:1px solid #aaaaaa; margin:0 auto;}
#glassgallery ul li.chosen span {display:block;}