/* CSS Document */

body {
        padding-top: 6%;
        background:#f0e8d4;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-style:normal;
	color:maroon;
}
#wrap {
        max-width:75%
        min-width: 70%
        background:transparent;
        border:0;
        margin:0 auto;
        padding:20px  0 0;
        color:maroon;
}
#pagecontainer {
        padding-left:15%;
        padding-right:4%;
        max-width: 70%;
        min-width: 60%;
        background:transparent;
	padding-top: 40px;
	padding-bottom: 0px;
	padding-left: 0px;
	padding-right: 0px;
	color:maroon;
        }
 #bkgrnd { width:auto;
         background-image:url(../admin/bsgbkgrnd.jpg);
         background-repeat:repeat;
         background-attachment:fixed;
         background-position:center;
         background-position:top;
         color:maroon;
        }
 #bkgrndjewelry { width:auto;
         background-image:url(../admin/jwlbsgbkgrnd.jpg);
         background-repeat:repeat;
         background-attachment:fixed;
         background-position:center;
         background-position:top;
         color:white;
        }
#bkgrndwall { width:100%;
         background-image:url(../admin/wabkgrnd.jpg);
         background-repeat:repeat-y;
         background-attachment:fixed;
         background-position:center;
         background-position:top;
         color:maroon;
        }

#bkgrndwood {
        background-image:url(../admin/woodbkgrnd.jpg);
        background-repeat:repeat-y;
         background-attachment:fixed;
         background-position:center;
         background-position:top;
         color:white;
        }
        

#bkgrndfiber {
        background-image:url(../admin/fiberbkgrnd1.jpg);
        background-repeat:repeat;
         background-attachment:fixed;
         background-position:center;
         background-position:top;
         color:maroon;
        }
        
#bkgrndphoto {
        background-image:url(../admin/bkgrphoto.jpg);
        background-repeat:repeat;
         background-attachment:fixed;
         background-position:center;
         background-position:top;
         color:maroon;
        }
#bkgrndceramics {
        background-image:url(../admin/cerbkgrnd.jpg);
        background-repeat:repeat;
         background-attachment:fixed;
         background-position:center;
         background-position:top;
         color:maroon;
        }

div.transbox
  {
  position:fixed;
  top:3px;
  height:85px;
  width:100%;
  background-color:#ffffff;
  /* for IE */
  filter:alpha(opacity=70);
  /* CSS3 standard */
  opacity:0.7;
  }
  div.transbox img {display:block;
               margin-left:auto;
               margin-right:auto;}
div.transbanner {
      margin-top:30px;
      background-color:#6c000a;
      color:white;
      /* for IE */
      filter:alpha(opacity=60);
      /* CSS3 standard */
      opacity:0.6;
}
div.transbanner h1, h2, h3, p {color:white; 
                padding:.5em;
                margin:0;}
.main {
        clear:both;
        float:center;
        margin-top:20px;
        padding:0;
        background:transparent;
}
/* div.horizmenu {
  position:fixed;
  border:5px ridge #800000;
  margin-left:15%;
  margin-top:20px;
  background:transparent;
} */
.main h2 {padding-bottom:10px; }
.main h1 {padding-top:15px;
      padding-bottom:20px;
      }

.main a:hover h1{
  color:white;
  text-decoration:underline;
}
.main-third {
           float:left;
           width:31%
           margin_left:1%;
           margin_right:1%;
           background:transparent;
           color:maroon;
}
.main-half {
           float:left;
           width:48%;
           margin_left:1%;
           margin_right:1%;
           background:transparent;
           color:maroon;
}

.main-2third {
           float:left;
           width:65%
           margin_left:1%;
           margin_right:1%;
           background:transparent;
           color:blue;
}

.gallery {
             float:left;
             width:100%;
             background:transparent;
             font-weight:bold;
             margin-left:auto;
             margin-right:auto;
}


div.img
{
  margin: 10px;
  background:transparent;
  border:0;
  font-weight:bold;
  height: auto;
  width: 17%;
  float: left;
  text-align: center;
}
div.img img
{
  display: inline;
  margin-left:auto;
  margin-right:auto;
  background:white;
  padding:5px;
  border: 5px solid orange;
}
div.img a:hover img {
  border: 5px solid yellow;
}
div.desc {
  text-align: center;
  font-weight: normal;
  width:130px;
  margin: 2px;
  font-weight:bold;
}
div.img p {text-align:center;}

#screen {
        max-width: 1000px;
        min-width: 480px;
        background:transparent;
        margin:0;
        padding:0;
        border:0;
        color:maroon;
}
P {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-style:normal;
	color:maroon;
}

a:link {
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	color: maroon;
	text-decoration:underline;
}

a:visited {
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	color: #f0e8d4;
}

a:hover {
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	color: #5c3900;
	text-decoration:underline;
}

.banner-blue {
        background:transparent;
}


.main-blue {
        float:right;
        color:white;
        background:blue;
        width:100%;
        margin:0;
        padding-bottom:0;
        border:0;
}
.main-white {
        float:right;
        width:100%;
        height:25px;
        background:#ffffff;
        margin:0;
        padding-bottom:0;
        border:0;
}

.banner-gray {
  background:#c0c0c0;
  height:20px;
  text-align:left;
  font-weight:bold;
  color:white;
}

.bio {
         position:relative;
         width:470px;
         height:350px;
         overflow:hidden;
         background:white;
         padding:10px;
         margin-right:15px;
         margin-left:15px;
         margin-top:10px;
         }

img.float-left {
               float:left;
               margin:2em;
}
img.float-right {
               float:right;
               margin:1em;
               padding:1em;
}
.photo {   display:block;
           position:relative;
           padding:10px;
           margin-left:25px;
           margin-top:20px;
           }



#footer {
        height:auto;
        clear:both;
        background:transparent;
        font-size:100%;
        font-weight:bold;
        margin-left:20px;
        margin-right:20px;
        margin-top:45px;
        margin-bottom:35px;

}
#footer * {
        color:maroon;
}

#footer a {font-size:12px; }
#footer a:link {text-decoration:none}
#footer a:visited {text-decoration:none}
#footer a:hover {text-decoration:none}

table.secondary_nav {
	background-color:#FFFFFF;
	width: 175px;
	margin-left: 10px;
	margin-right: 10px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #A1A1A1;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #A1A1A1;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #A1A1A1;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #A1A1A1;
	padding-top: 9px;
	padding-bottom: 9px;
	padding-left: 15px;
	padding-right: 12px;
}



td.home-margin {
	background-color:#FFFFFF;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #A1A1A1;
	padding-left: 35px;
}


table.homesections {
	background-color:#FFFFFF;
	margin-left: 0px;
	margin-right: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 35px;
	padding-right: 25px;
}


/* gallery styles */

h1.gallery {
     font-size:4em;
     color:aqua;
     text-shadow:rgba(205, 205, 0, .7) .15em .15em .15em;
     position:relative;
     top:-250px;
     left:0px;
     z-index:1
}

.gallerycontainer{
position: relative;
height:132px;
width:100%;
float:left;
/*Add a height attribute and set to largest image's height to prevent overlaying*/
background:#8dcff4;

}

.thumbnail img{
border:0;
margin:0;
}

.thumbnail:hover{
background-color: transparent;
}

.thumbnail:hover img{
border: 0;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color:#8dcff4;
border-style:solid;
border-color:#8dcff4;
border-width: 5px;
padding:0;
left: -1000px;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-style:solid;
border-color:black;
border-width: 10px;

}

.thumbnail:hover span{ /*CSS for enlarged image*/
visibility: visible;
left: 30px; /*position where enlarged image should offset horizontally */
top:105px;
z-index: 50;
}
/* end Gallery styles */
p {
  font-size:1.2em;
  color:maroon;
  font-weight:bold;
  text-align:left;
  letter-spacing:1px;
  padding-bottom:.5em;
}

h1 {font-size:3em; padding-top:1em;}
h2 {font-size:1.5em;}
h3 {font-size:1em;}
h1, h2, h3 {color:maroon; text-align:center; margin:0; padding-bottom:1em;}

	/* Three Column Styles */
        /* column container */
	.colmask {
		position:relative;	/* This fixes the IE7 overflow hidden bug */
		clear:both;
		float:left;
		width:100%;			/* width of whole page */
		overflow:hidden;		/* This chops off any overhanging divs */
	}
 .colmask a:hover h1{
  color:maroon;
  text-decoration:none;
 } 
	/* common column settings */
	.colright,
	.colmid,
	.colleft {
		float:left;
		width:100%;			/* width of page */
		position:relative;
	}
	.col1,
	.col2,
	.col3 {
		float:left;
		position:relative;
		padding:0 0 0 0;      	/* no left and right padding on columns, we just make them narrower instead		          			only padding top and bottom is included here, make it whatever value you need */
		overflow:hidden;
	}
        .col1 h1 { padding:0; }	
        .col2,

	/* 3 Column settings */
	.threecol {
		background:transparent;		/* right column background colour */
	}
	.threecol .colmid {
		right:16%;			/* width of the right column */
		background:transparent;		/* center column background colour */
	}
	.threecol .colleft {
		right:60%;
                text-align:center;			/* width of the middle column */
		background:transparent;	        /* left column background colour */
	}
	.threecol .col1 {
		width:48%;			/* width of center column content (column width minus padding on either side) */
		left:102%;			/* 100% plus left padding of center column */
	}
	.threecol .col2 {
		width:19%;			/* Width of left column content (column width minus padding on either side) */
		left:31%;			/* width of (right column) plus (center column left and right padding) plus (left column left padding) */
	}
	.threecol .col2 img{
		border:none;
	}
	.threecol .col3 {
		width:19%;			/* Width of right column content (column width minus padding on either side) */
		left:85%;			/* Please make note of the brackets here:					(100% - left column width) plus (center column left and right padding) plus (left column left and right padding) plus (right column left padding) */
	}
	.threecol .col3 img{
		border:none;
	}
	.left {
	      float:right;
	      border:none;
	}

	.right {
               float:left;
               border:none;
 }
 .left1 {
	      float:right;
	      border:none;
	}

.right1 {
               float:left;
               border:none;
       }

 .left1 img { opacity: .4;
           filter:alpha(opacity=40);
           }
 .right1 img { opacity:.4;
           filter:alpha(opacity=40);

           }
.center1 {
         border:none;
}
.center1 img { opacity: .2;
           filter:alpha(opacity=20);
           }

               /*  End Three Column Styles */
               
 /* Popup Styles */
div#links {
          position:relative;
          font: 16px Verdana, sans-serif; z-index: 100;}
div#links a {
          width:16em;
          display: block;
          text-align: center; 
          font: bold 1em sans-serif;
          padding: 20px 10px;
          margin: 0 0 1px;
          text-decoration: none;
          color:maroon;
          background: transparent;
          }
div#links a:hover {
          color: maroon;
          background:transparent;
          }
div#links a span {
          display: none;
          }
div#links a:hover span {
          display: block;
          position: absolute;
          bottom: 30px;
          left: -30px;
          width:auto;
          padding: 10px;
          margin: 10px;
          z-index: 100;
          color: maroon;
          background: #fadcaa;
          font: .8em  Verdana, sans-serif;
          font-weight:bold;
          text-align:left;
          }
div#links h2 {padding:0;}

/*  End Popup Styles */
/* Framed Images */

#water {
    width:auto;
    margin-left:5px;
    margin-right:5px;
    border-style:solid;
    border-width:8px;
    border-top-color:#EFC900;
    border-left-color:#EFC900;
    border-right-color:#F8C473;
    border-bottom-color:#F8C473;
    background:white;
    padding-top:50px;
    padding-left:50px;
    padding-right:50px;
    padding-bottom:55px;
}
#fiber {
    width:auto;
    margin-left:5px;
    margin-right:5px;
    border-style:solid;
    border-width:8px;
    border-top-color:#EFC900;
    border-left-color:#EFC900;
    border-right-color:#F8C473;
    border-bottom-color:#F8C473;
    background:transparent;
}
#ceramic {
    width:auto;
    margin-left:5px;
    margin-right:5px;
    border-style:solid;
    border-width:8px;
    border-top-color:#a06800;
    border-left-color:#a06800;
    border-right-color:#744a00;
    border-bottom-color:#412700;
    background:transparent;
}
#right {float:right;}
#other {
    margin-left:5px;
    margin-right:5px;
    }
    
#oilacrylic {
    width:auto;
    height:auto;
    background:transparent;
    padding:0;
}
#oilacryfrmd {
    background:transparent;
    padding:0px;
    border-style:solid;
    border-width:10px;
    border-top-color:#a06800;
    border-left-color:#8c5900;
    border-right-color:#744a00;
    border-bottom-color:#5c3900;
}

#oilacryblack {
    background:transparent;
    padding:0px;
    border-style:solid;
    border-width:10px;
    border-top-color:#7d7d7d;
    border-left-color:#898989;
    border-right-color:#464646;
    border-bottom-color:#121212;
}
#jewelglass {
    background:transparent;
    padding:0px;
    border-style:solid;
    border-width:10px;
    border-top-color:#0069b3;
    border-left-color:#004596;
    border-right-color:#003076;
    border-bottom-color:#000080;
}
#photo  {
    background:white;
    padding-top:40px;
    padding-left:40px;
    padding-right:40px;
    padding-bottom:45px;
    border-style:solid;
    border-width:10px;
    border-top-color:#a06800;
    border-left-color:#8c5900;
    border-right-color:#744a00;
    border-bottom-color:#5c3900;
}
.left-float {
            float:left;
            margin:20px;
            }
.right-float {
            float:right;
            margin:20px;
            }
.featured{
         background-image:url(../adds/theartist.jpg);
         background-repeat:no-repeat;
         width:125px;
         height:100px;
}
/* End Frames */

.announce {
            display:block;
            background-color:#fffb9d;
            border:9px ridge #0093dd;
            margin-top:15px;
            margin-bottom:15px;
            margin-left:8%;
            margin-right:8%;
            padding:10px;
            width:80%;
            float:left;
            font-family:Arial, Helvetica, sans-serif;
            text-align:left;
	    font-size:1.35em;
	    font-weight:bold;
            color:#000080;
            }