html{
  background:#000;
}

body {
  background:#000;
  font-family: helvetica,arial,verdana,sans-serif;
  margin-left: auto;
  margin-right: auto;
  height: 100%;

}

a {
  color:#d4d4d4;
  border:0;
  text-decoration:none;
  outline: none;
}


table, td{
  padding: 0;
  margin-right: auto;
  margin-left: auto;
}



td.last {
  vertical-align: bottom;
  padding-right: 50px;
}

td.first {
padding-left: 50px;
}

td.categories {

}

h1 {
font-weight:normal;
}

p {
font-size: 12px;
font-family: helvetica,arial,verdana,sans-serif;
}

#top img.goo, #top img.still,  #top  img.heads {
  height: 470px;
  border: 0;
  border-right: 10px solid #000;;
}
 #top img.prime  {
  height: 470px;
  border: 0;
  border-right: 16px solid #000;;
}


img.figurative, img.organics {
  height: 470px;
  border: 0;
  border-right: 10px solid #000;;
}

.organics img {
  height: 470px;
  border: 0;
  border-right: 10px solid #000;;`
}

img.heads {
  height: 470px;
  border: 0;
  border-right: 10px solid #000;;
}

img.prime, .prime img {
  height: 470px;
  border: 0;
  border-right: 10px solid #000;;
}


.home .categories img{
  height: 470px;
  border:0;
  border-right: 10px solid #000;;

}

img.about  {
  border: 0;
}

img.aboutlow  {
  border: 0;
  float:left;
}

.logo img {
  width: 440px;
  border: 0;
  margin-top: 10px;
}

#bottom {
  width: 1110px;
  margin: 0 auto;
  position: relative;
  clear:both;
  margin-top: 1%;
  color: #d4d4d4;
  text-align: center;
  letter-spacing: 12px;
}

.home-link {
position: absolute;
bottom: 0;
left: 0;
font-size: .8em;
}

.contact-link {
position: absolute;
bottom: 0;
right: 0px;
font-size: .8em;
}

.contact #photocontent {
width: 100%;
}

.contact td.first {
padding: 0;
}
.contact #wn {

margin:0 auto;
width: 1000px;
}

p.caption {
  color:#d4d4d4;
  font-size: 70%;
  text-align: right;
  margin: 10px 10px 0 0;
  text-transform: uppercase;
  letter-spacing: 3px;
}

p.topcaption {
  text-align: center;
  letter-spacing: 3px;
  font-size: 70%;
  margin-top: 15px;
  text-transform: uppercase;
}

p.topcaption a{
  color:#d4d4d4;
  text-align: center;

}

p.about {
  color:#d4d4d4;
  font-size: 70%;
  text-align: right;
  margin:10px 10px 0 0;
  text-transform: uppercase;
  letter-spacing: 3px;
  clear:both;
  float:left;
}

#top {
  width: 100%;
  margin-top: 25px;
  height: 515px;
}

#photocontent {
  height: 515px;
}




#wn	{ 
	position:relative; 
	width:100%; 
        height:515px; 
	overflow:hidden;	
	}
	
.content { /* hide content to be swapped in */
	position:absolute; visibility:hidden;
	left:0px; top:0px; 
	}
#lyr1 { /* show first div */
visibility:visible;
text-align: center;
width: 100%;
}

#scrollbar { 
    clear:both;
    position:relative; 
    width:100%; 
    height:14px;
    margin-top: 0px;
    display:block; /* display:none initially */
    font-size:1px;  /* so no gap or misplacement due to image vertical alignment */
  border-top: 1px solid #fff;
  border-bottom: 1px solid #fff;
  }

#track { 
    position:absolute; 
    left:50%; 
    top:0;
    margin-left: -363px;
    width:713px; 
    height:13px; 
    background: #000;
    cursor: pointer;
}



#dragBar {
    position:absolute; 
    left:0px; 
    top:0px;
    height:14px; 
    max-width: 119px;
    width:119px;
    background-image: url(scroller/images/drag.gif);
    background-repeat: no-repeat;
    background-position: center center;

  }  
  
  
  


/* for safari, to prevent selection problem  */
#scrollbar, #track, #dragBar, #left, #right {
    -moz-user-select: none;
    -khtml-user-select: none;
}

/* so no gap or misplacement due to image vertical alignment
font-size:1px in scrollbar has same effect (less likely to be removed, resulting in support issues) */
#scrollbar img {
    display:block; 
    }