body 
{
        margin: 0 0 0 0;
        background-color: #000000;
}

h3
{
        padding-top: 10px;
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 14px;
        font-weight: bold;
}

.logo
{
        width:307px;
        height:240px;
        left: 262px;
        top: -20px;
        position:fixed;
}

.maintable 
{
        width: 783px;
        padding: 4px 4px 4px 4px;
        background-color:#FFFFFF;
        margin-left:auto;
        position:absolute;
        margin-right:auto;
        left:5%;
        right:10%;
}

.behindlogo{
        background-image:url(behindlo.jpg);
        background-repeat:repeat-x;
        width:776px;
        height:116px;
}
.leftnav{
        background-image:url(leftnavb.gif);
        height:309px;
        vertical-align:top;
        border-bottom: 4px solid #ffffff;
        border-top: 3px solid #ffffff;

}
.leftnavtable{
        padding-left: 10px;
        width: 202px;
        height:160px;
}
.footerbg{
        background-image:url(footerbg.jpg);
        background-repeat:repeat-x;
        width:776px;
        height:26px;
        padding: 4px 4px 4px 4px;
}

.maincontentpadding
{
        padding-left: 20px;
        padding-right: 20px;
}

.spacer{
        height:2px;
}
.featuretable{
        vertical-align:bottom;
}
.feature1header{
        width: 187px;
        height: 33px;
        background-image:url(piercing.jpg);
        background-repeat:repeat-x;
        padding-left:4px;
}
.feature1{
        width: 187px;
        height: 143px;
        background-image:url(piercing.jpg);
        background-repeat:no-repeat;
        padding:4px 4px 4px 4px;
}
.feature2header{
        width: 187px;
        height: 33px;
        background-image:url(tattoobg.jpg);
        background-repeat:repeat-x;
        padding-left:4px;
}
.feature2{
        width: 187px;
        height: 143px;
        background-image:url(tattoo_m.jpg);
        background-repeat:no-repeat;
        padding:4px 4px 4px 4px;
}
.feature3header{
        width: 187px;
        height: 33px;
        background-image:url(aftercar.jpg);
        background-repeat:repeat-x;
        padding-left:2px;
}
.feature3{
        width: 187px;
        height: 143px;
        background-image:url(aftercar.jpg);
        background-repeat:no-repeat;
        padding:4px 4px 4px 4px;
}
.map{
        border: 1px solid #cccccc;
}
hr.listSeparator {
        color: #CCCCCC;
        background-color: #CCCCCC;
        height: 1px;
        border: 0px;
}
a, a:link, a:visited, a:active {
        color: #669900;
        text-decoration: underline;
        font-weight: normal;
}
a:hover {
        color: #666600;
        text-decoration: underline;
        font-weight: normal;
}
.footertext {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: xx-small;
        line-height: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        color: #ffffff;
 }
a.footertext:link, a.footertext:visited, a.footertext:active  {
        text-decoration: underline;
        font-weight: normal;
        color: #ffffff;
}
a.footertext:hover {
        text-decoration: underline;
        font-weight: normal;
        color: #666600;
}
.formtext {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: xx-small;
        font-style: normal;
        line-height: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        color: #000000;
}
.featureslibrarytext {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: xx-small;
        font-style: normal;
        line-height: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        color: #000000;
}
.mainborder {
        border: 1px #000000 solid;
}
.dashedborder {
        border: 1px #000000 dashed;
}
.dottedborder {
        border: 1px #000000 dotted;
}
.sitetext {
        font-family: Arial, Verdana, Helvetica, sans-serif;
        font-size: 13px;
        line-height: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        color: #333333;
}
.imageDesc {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 9px;
        line-height: normal;
        font-weight: bold;
        font-variant: normal;
        text-transform: none;
        color: #000000;
}
.transBack{
        FILTER: progid:DXImageTransform.Microsoft.Alpha(style=0,opacity=50);
        background-color: #FFFFFF;
}.titletext {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: small;
        line-height: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
}
.newslibrarytext {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: xx-small;
        font-style: normal;
        line-height: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        color: #000000;
}
.newsheadlinetext {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: medium;
        line-height: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        color: #000000;
}
.subheadertext {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: xx-small;
        line-height: normal;
        font-weight: bold;
        font-variant: normal;
        text-transform: none;
        color: #000000;
}
input {
        font-size: xx-small;
        font-family: Verdana, Arial, Helvetica, sans-serif;
        line-height: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
}
select {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: xx-small;
        line-height: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
}
textarea {
        font-size: xx-small;
        font-family: Verdana, Arial, Helvetica, sans-serif;
        line-height: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
}
.contactformbg {
        background-image:url(bg000000.gif);
        background-repeat:repeat-y;
}

table, td, a {
/*        color: #ffffff;*/
        font: normal normal 11px Verdana, Geneva, Arial, Helvetica, sans-serif;
}

/* define height and width of scrollable area. Add 16px to width for scrollbar          */
div.tableContainer {
        clear: both;
        height: 315px;
        overflow: auto;
        width: 525px;
}

/* Reset overflow value to hidden for all non-IE browsers. */
html>body div.tableContainer {
        overflow: hidden;
        width: 525px;
}

/* define width of table. IE browsers only                 */
div.tableContainer table {
        float: left;
        width: 525px;
}

/* define width of table. Add 16px to width for scrollbar.           */
/* All other non-IE browsers.                                        */
html>body div.tableContainer table {
        width: 525px;
}
/* define the table content to be scrollable                                              */
/* set TBODY element to have block level attributes. All other non-IE browsers            */
/* this enables overflow to work on TBODY element. All other non-IE, non-Mozilla browsers */
/* induced side effect is that child TDs no longer accept width: auto                     */
html>body tbody.scrollContent {
        display: block;
        height: 299px;
        overflow: auto;
        width: 509px;
}

/* make TD elements pretty. Provide alternating classes for striping the table */
/* http://www.alistapart.com/articles/zebratables/                             */
tbody.scrollContent td, tbody.scrollContent tr.normalRow td {
        padding: 2px 3px 3px 4px
}

tbody.scrollContent tr.alternateRow td {
        padding: 2px 3px 3px 4px
}

/* define width of TD elements: 1st, 2nd, and 3rd respectively.          */
/* All other non-IE browsers.                                            */
/* http://www.w3.org/TR/REC-CSS2/selector.html#adjacent-selectors        */
html>body tbody.scrollContent td {
        width: 509px;
}

html>body tbody.scrollContent td + td {
        width: 509px;
}

html>body tbody.scrollContent td + td + td {
        width: 509px;
}

.picborder{
        border: 1px #cccccc solid;
}



/*lightbox css*/

#lightbox{
        position: absolute;
        left: 0;
        width: 100%;
        z-index: 100;
        text-align: center;
        line-height: 0;
}

#lightbox a img{ border: none; }

#outerImageContainer{
        position: relative;
        background-color: #fff;
        width: 250px;
        height: 250px;
        margin: 0 auto;
        }

#imageContainer{
        padding: 10px;
        }

#loading{
        position: absolute;
        top: 40%;
        left: 0%;
        height: 25%;
        width: 100%;
        text-align: center;
        line-height: 0;
        }
#hoverNav{
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        width: 100%;
        z-index: 10;
        }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{
        width: 49%;
        height: 100%;
        background: transparent url(blank000.gif) no-repeat; /* Trick IE into showing hover */
        display: block;
        }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(prevlabe.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(nextlabe.gif) right 15% no-repeat; }


#imageDataContainer{
        font: 10px Verdana, Helvetica, sans-serif;
        background-color: #fff;
        margin: 0 auto;
        line-height: 1.4em;
        overflow: auto;
        width: 100%
        }

#imageData{        padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }
#imageData #caption{ font-weight: bold;        }
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;        }
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;        }

#overlay
{
        position: absolute;
        top: 0;
        left: 0;
        z-index: 90;
        width: 100%;
        height: 500px;
        background-color: #000;
}

p 
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	text-align:justify
}

.suckerdiv ul
{
	margin: 0;
	padding: 0;
	list-style-type: none;
	width: 160px;
	border-bottom: 1px solid #ccc;
}

.suckerdiv ul li
{
	position: relative;
}

.suckerdiv ul li ul
{
	position: absolute;
	width: 170px;
	top: 0;
	visibility: hidden;
}

.suckerdiv ul li a
{
	display: block;
	overflow: auto;
	color: black;
	text-decoration: none;
	background: #666666;
	padding: 5px 5px;
	border: 1px solid #ccc;
	border-bottom: 0;
}

.suckerdiv ul li a:visited
{
	color: black; text-decoration: none;
}

.suckerdiv ul li a:hover
{
	background-color: #669900; text-decoration: none; color:#FFFFFF
}

.suckerdiv .subfolderstyle
{
	background-color:#666666;
}

* html .suckerdiv ul li { float: left; height: 1%; }
* html .suckerdiv ul li a { height: 1%; }