/* ---------- LAYOUT ----------------------------- */
body {
	font-family: "times new roman", times, serif;
	font-size: 13px;
	background: #292929;
	vertical-align: top;
	text-align: left;
	padding: 0px;
	margin: 0 0 10px 0;
}

#wrap {
	width: 1096px;
	margin: auto;
    padding: auto;
	display: block;
}


/*Hide checkbox*/
#nav input[type=checkbox]{
    display: none;
}
#form input[type=checkbox]{
    display: inline;
}
/*Show menu when invisible checkbox is checked*/
#nav input[type=checkbox]:checked ~ #nav{
    display: block;
}
/*--- Navigation Style ---*/

body#home a#nav-home,
body#service a#nav-service,
body#capabilities a#nav-capabilities,
body#quality a#nav-quality,
body#about a#nav-about,
body#portfolio a#nav-portfolio{
	color: #CE0303;
	background-image: url('http://www.ontimefab.com/images/nav-button-mouseover.png');
	display: block;
}

#nav {
	z-index: 600;
	vertical-align: middle;
	width: 1037px;
	padding: 0 35px 0 30px;
	text-align: center;
}
#nav ul {
	margin: 0;
	padding: 0;	
	line-height: 24px;
	text-align: center;
}
#nav li {
	margin: 0;
	padding: 4px;	
	height: 34px;
	width: 163px;
	list-style: none;
	float: left;
	position: relative;
}
#nav li a {
	text-align: center;
	font-family:'ChunkFiveRegular','Arial MT Black', serif;
	font-weight: normal;
	font-size: 14px;
	text-decoration: none;
	padding: 4px 12px 4px 8px;
	display: block;
	color: #000;	
	background-image: url('http://www.ontimefab.com/images/nav-button.png');
	
}
#nav li:active a {
	background-image: url('http://www.ontimefab.com/images/nav-button-mouseover.png');
	padding: 4px 12px 4px 8px;
}
#nav li:hover a {
	background-image: url('http://www.ontimefab.com/images/nav-button-mouseover.png');
	color: #CE0303;	
	padding: 4px 12px 4px 8px;
}
#nav li a.current {
	background:#414141;	
	color:#CE0303;
}
.clearFloat {
	clear:both;
	margin: 0;
	padding: 0;	
}
#nav input[type=checkbox]:checked ~ #menu {
    display: block;
}

/*Display the dropdown on hover*/
#nav ul li a:hover + .hidden, #nav .hidden:hover {
	display: block;
}
/*Style 'show menu' label button and hide it by default*/
.show-menu {
	font: normal 20px sans-serif;
	text-decoration: none;
	color: #fff;
	background: #292929;
	text-align: left;
	padding: 15px 11px;
	display: none;
	width: 100%;
	height: 25px;
}


#logo {
	margin-bottom: 10px;
}
.content {
	width: 1038px;
	border-top: 1px solid #FFF;
	text-align: left;
	background-color: #FFF;
	margin: auto;
    padding: auto;
	display: block;
}
.main-gallery {
	height: 700px;
	float: left;
	width: 635px;
	background: #FFF;
	color: #000;
	font-size: 13px;
	padding: 10px;
	vertical-align: top;
}
a:link, a:visited {
	color: #A21721;
	font-size: 13px;
	text-decoration: none;
	font-weight: bold;
}
a:hover, a:active {
	color: #C91D29;
	font-size: 13px;
	text-decoration: none;
	font-weight: bold;
}
h1 {
	font-family: 'ChunkFiveRegular', serif;
	font-size: 21px;
	color: #CE0303;
	font-weight: normal;
	padding: 0 0 10px 0;
	margin: 0px;
}
h2 {
	font-family: 'ChunkFiveRegular', serif;
	font-size: 18px;
	color: #FFF;
	font-weight: normal;
	padding: 0 0 7px 0;
	margin: 0px;
}
h3 {
	font-family: 'ChunkFiveRegular', serif;
	font-size: 18px;
	color: #FFF;
	background-image:url("/images/diamond-plate-bkgrnd-50.gif");
	height: 45px;
	width: 100%;
	box-sizing: border-box;
	font-weight: normal;
	padding: 12px 5px 7px 10px;
	margin: 20px 0 15px 0;
	clear: left;
}
h4 {
	font-family: 'ChunkFiveRegular', serif;
	font-size: 16px;
	line-height: 18px;
	color: #B00202;
	font-weight: normal;
	padding: 8px 0 7px 0;
	margin: 0px;
}
h5 {
	font-family: 'ChunkFiveRegular', serif;
	font-size: 14px;
	color: #5B5B5B;
	font-weight: normal;
	padding: 16px 0 0 0;
	margin: 0px;
}
ul {
	margin: none;
}
ul li {
	margin: 0 0 0 -18px;
	padding: 0 0 0 5px;
}
.special {
	background: #EFDCDC;
	padding: 15px;
	font-family: 'ChunkFiveRegular', serif;
	font-size: 13px;
	line-height: 16px;
	margin-top: 15px;
}
.special p {
	padding: 0 0 6px 0;
	margin: 0px;
}
.special a {
	font-family: 'ChunkFiveRegular', serif;
	font-size: 14px;
	line-height: 16px;
	font-weight: normal;
}
.highlight {
	background: #914038;
	padding: 15px;
	font-family: 'ChunkFiveRegular', serif;
	font-size: 13px;
	color: #FFF;
	line-height: 16px;
	border-top: 1px solid #FFF;
}
.gallery {
	margin-left: 8px;
}
.gallery img {
	margin: 8px 4px 0 0;
}
.img-left {
	float: left;
	padding: 0 10px 10px 0;
}
.img-right {
	float: right;
	padding: 0 0 10px 10px;
}
.col-left { 
	float: left;
	width: 48%;
	vertical-align: top;
	clear: left;
	margin-bottom: 15px;
}
.col-right { 
	float: right;
	width: 48%;
	vertical-align: top;
}
.clear {
	clear: both;
}

#main-highlight1 {
	font-family: 'ChunkFiveRegular', serif;
	font-size: 16px;
	color: #E4CCCC;
	background-image: url('images/highlight-bkgrnd.jpg');
	background-repeat: no-repeat;
	background-position: top right; 
	height: 206px;
	width: 332px;
	padding: 25px;
	float: right;
	border-left: 1px solid #FFF;
}
#main-highlight {
	font-family: 'ChunkFiveRegular', serif;
	font-size: 15px;
	color: white;
	background-image: url('images/highlight-bkgrnd.jpg');
	background-repeat: no-repeat;
	background-position: top right; 
	height: 206px;
	width: 332px;
	padding: 25px;
	float: right;
	border-left: 1px solid #FFF;
}
#main-highlight h2 {
	font-size: 22px;
}
#main-highlight p {
	padding: 8px 0 6px 0;
	margin: 0px;
	line-height: 19px;
}
#main-highlight a:link, #main-highlight a:visited, #main-highlight a:hover, #main-highlight a:active {
	font-family: 'ChunkFiveRegular', serif;
	font-size: 13px;
	line-height: 16px;
	font-weight: normal;
	color: #DEB8B8;
	text-decoration: none;
	padding-top: 3px;
}
#main {
	float: left;
	width: 655px;
	background: #FFF;
	color: #000;
	font-size: 14px;
	padding: 0;
	height: auto;
	vertical-align: top;
}
.full-column {
	padding: 20px;
	height: auto;
	min-height: 400px;
	vertical-align: top;
}
#main-text {
	float: left;
	width: 395px;
	padding: 20px;
}
#text {
	float: left;
	width: 100%;
	padding: 20px;
	box-sizing: border-box;
}
#text-gallery {
	float: left;
	width: 605px;
	height: 600px;
	padding: 10px;
}
#services {
	float: right;
	width: 199px;
	font-family: 'ChunkFiveRegular', serif;
	font-size: 13px;
	line-height: 16px;
	border-left: 1px solid #eee;
	padding: 25px 0 0 20px;
}
#main-highlight2 {
	float: right;
	width: 382px;
	height: auto;
	font-family: 'ChunkFiveRegular', serif;
	font-size: 14px;
	line-height: 16px;
	font-weight: normal;
	color: white;
	background: #000;
	border-left: 1px solid #FFF;
}
#main-highlight2 p {
	padding-bottom: 6px;
	margin: 0px;
	letter-spacing: .04em;
}
#main-highlight2 a:link, #main-highlight2 a:visited, #main-highlight2 a:hover, #main-highlight2 a:active {
	font-family: 'ChunkFiveRegular', serif;
	font-size: 13px;
	line-height: 16px;
	font-weight: normal;
	color: white;
	letter-spacing: .04em;
	text-decoration: none;
}
.button {
	text-align: center;
	margin: 30px auto 40px auto ;
}
.button A:link, .button A:visited {
	color: #fff;
    font-family: 'ChunkFiveRegular', serif;
	background-color: #ce0303;
    font-size: 15px;
    font-weight: normal;
    margin: 0 5px 10px;
    padding: 15px 50px;
    text-align: center;
    text-decoration: none;
}
.button A:hover, .button A:active {
    background-color: #3F3F3F;
}
#info-address {
	border-top: 1px solid #FFF;
	background-image: url('images/highlight-bkgrnd-gray.jpg');
	background-repeat: no-repeat;
	width: 332px;
	padding: 25px;
	height: 106px;
	line-height: 19px;
}
#info-social {
	border-top: 1px solid #FFF;
	background-image: url('images/highlight-bkgrnd-gray.jpg');
	background-repeat: no-repeat;
	width: 332px;
	padding: 25px;
	height: 30px;
}
#info-social h2 {
	float: left;
	margin-right: 10px;
	margin-top: 5px;
}
#info-social img {
	float: left;
	margin-left: 5px;

}
#info-links {
	border-top: 1px solid #FFF;
	background-image: url('images/highlight-bkgrnd-black.jpg');
	background-repeat: no-repeat;
	width: 332px;
	padding: 25px;
	height: 93px;
	line-height: 18px;
}
#info-map {
	border-top: 3px solid #FFF;
	border-bottom: 3px solid #FFF;
	background-color: #FFF;
}
#info {
	float: left;
	width: 45%;
}

#hours {
	float: right;
	width: 45%;
}
#info-quote {
	border-top: 1px solid #FFF;
	background-image: url('images/highlight-bkgrnd-lgray.jpg');
	background-repeat: no-repeat;
	font-size: 24px;
	line-height: 28px;
	color: #000;
	width: 332px;
	padding: 25px;
	height: 93px;
}
#footer {
	width: 1008px;
	color: #FFF;
	background: #221D1C;
	font-size: 12px;
	clear: both;
	padding: 10px 15px 10px 15px;
	vertical-align: bottom;
	margin: 0px; 
	border-top: 3px solid #292929;
}
#footer a:link, #footer a:visited {
	font-family: 'ChunkFiveRegular', serif;
	font-size: 14px;
	color: #FFF;
	font-weight: normal;
}
#footer a:active, #footer a:hover {
	font-family: 'ChunkFiveRegular', serif;
	font-size: 14px;
	color: #EFDCDC;
}
.icons {
	float: right;
}
.icons img {
	padding: 0 0 10px 10px;
}
.copyright {
	padding-top: 5px;
}
#design {
	margin-top: 8px;
}
#design img {
	position:relative;
	bottom:-4px;
} 
#design a:link, #design a:visited, #design a:hover, #design a:active {
	font-family: 'Times New Roman', serif;
	font-size: 13px;
	color: #FFF;
}

@font-face {
    font-family: 'ChunkFiveRegular';
    src: url('/fonts/Chunkfive-webfont.eot');
    src: url('/fonts/Chunkfive-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/Chunkfive-webfont.woff') format('woff'),
         url('/fonts/Chunkfive-webfont.ttf') format('truetype'),
         url('/fonts/Chunkfive-webfont.svg#ChunkFiveRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

/* rotator */
#wowslider-container1  .ws_bullets {
	top:0;
    left:0;
	width: 600px;
}

#wowslider-container1 { 
	/*overflow: hidden; */
	position: relative; 
	float: left;
	width:653px;
	margin:0 auto;
	z-index:100;
}
#wowslider-container1 .ws_images{
	width:655px;
	height:256px;
	overflow:hidden;
	position:relative;
}
#wowslider-container1 .ws_images a{
	color:transparent;
}
#wowslider-container1 .ws_images img{
	top:0;
	left:0;
	border:none 0;
	max-width: none;
}
#wowslider-container1 a{ 
	text-decoration: none; 
	outline: none; 
	border: none; 
}
#wowslider-container1  .ws_bullets { 
	font-size: 0px; 
	margin: 230px 10px 3px 45px; 
	position:absolute;
	z-index:100;
}
#wowslider-container1  .ws_bullets div{
	position:relative;
}
#wowslider-container1 .ws_bullets a { 
	margin-left: 5px; 
	height: 10px; 
	width: 10px; 
	float: left; 
	background-color: #FFF;
	border: 1px solid #000; 
	text-indent: -1000px; 
	position:relative;
}
#wowslider-container1 .ws_bullets .ws_selbull { 
	background-color: #9F9F9F; 
}
#wowslider-container1 .ws_bullets a:hover, #wowslider-container1 .ws_overbull { 
	background-color: #CE0303;
	color: #FFFFFF; 
}
#wowslider-container1 a.ws_next{
	background-position: 0 0; 
	right:-7px;
}
#wowslider-container1 a.ws_prev {
	left:-7px;
	background-position: 0 100%; 
}
#wowslider-container1 a.ws_next:hover{
	background-position: 100% 0; 
}
#wowslider-container1 a.ws_prev:hover{
	background-position: 100% 100%; 
}
#wowslider-container1 .ws-title{
	position: absolute;
	bottom:7%;
	left: 0;
	margin-right:5px;
	z-index: 50;
	background-color:#FFF;
	color:#1E4553;
	padding:10px;
	font-family: Tahoma,Arial,Helvetica;
	font-size: 14px;	
}
#wowslider-container1 .ws-title div{
	padding-top:5px;
	font-size: 12px;
}


/* rotator */

.rslides {
  position: relative;
  list-style: none;
  overflow: hidden;
  width: 100%;
  padding: 0;
  margin: 0;
  }

.rslides li {
  -webkit-backface-visibility: hidden;
  position: absolute;
  display: none;
  width: 100%;
  margin: 0;
  padding: 0;
  left: 0;
  top: 0;
  }
.rslides_container ul li {
  margin: 0;
  padding: 0;
  left: 0;
  }

.rslides li:first-child {
  position: relative;
  display: block;
  float: left;
  }

.rslides img {
  display: block;
  height: auto;
  float: left;
  border: 0;
  }

.rslides_container {
  top: 0x;
  position: relative;
  float: left;
  width: 655px;
  }

.centered-btns_nav {
  z-index: 3;
  position: absolute;
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  top: 50%;
  left: 0;
  opacity: 0.7;
  text-indent: -9999px;
  overflow: hidden;
  text-decoration: none;
  height: 61px;
  width: 38px;
  background: transparent url("/images/themes.gif") no-repeat left top;
  margin-top: -40px;
  }

.centered-btns_nav:active {
  opacity: 1.0;
  }

.centered-btns_nav.next {
  left: auto;
  background-position: right top;
  right: 0;
  }

.transparent-btns_nav {
  z-index: 3;
  position: absolute;
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  top: 0;
  left: 0;
  display: block;
  background: #fff; /* Fix for IE6-9 */
  opacity: 0;
  filter: alpha(opacity=1);
  width: 0%;
  text-indent: -9999px;
  overflow: hidden;
  height: 0%;
  }

.transparent-btns_nav.next {
  left: auto;
  right: 0;
  }

.large-btns_nav {
  z-index: 3;
  position: absolute;
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  opacity: 0.6;
  text-indent: -9999px;
  overflow: hidden;
  top: 0;
  bottom: 0;
  left: 0;
  background: #000 url("/images/themes.gif") no-repeat left 50%;
  width: 38px;
  }

.large-btns_nav:active {
  opacity: 1.0;
  }

.large-btns_nav.next {
  left: auto;
  background-position: right 50%;
  right: 0;
  }

.centered-btns_nav:focus,
.transparent-btns_nav:focus,
.large-btns_nav:focus {
  outline: none;
  }

.centered-btns_tabs,
.transparent-btns_tabs,
.large-btns_tabs {
  margin-top: -25px;
  padding: 0px;
  overflow: hidden;
  position: relative;
  z-index: 500;
  text-align: center;
  }

.centered-btns_tabs li,
.transparent-btns_tabs li,
.large-btns_tabs li {
  display: inline;
  float: none;
  _float: left;
  *float: left;
  margin-right: 5px !important;
  }

.centered-btns_tabs a,
.transparent-btns_tabs a,
.large-btns_tabs a {
  text-indent: -9999px;
  overflow: hidden;
  -webkit-border-radius: 11px;
  -moz-border-radius: 11px;
  border-radius: 11px;
  background: #fff;
  display: inline-block;
  _display: block;
  *display: block;
  -webkit-box-shadow: inset 1 1 2px 1 rgba(0,0,0,.3);
  -moz-box-shadow: inset 1 1 2px 1 rgba(0,0,0,.3);
  box-shadow: inset 1 1 2px 1 rgba(0,0,0,.3);
  width: 11px;
  height: 11px;
  }

.centered-btns_here a,
.transparent-btns_here a,
.large-btns_here a {
  background: #8A0202;
  }
.centered-btns_here a:hover, .centered-btns_tabs a:hover,
.transparent-btns_here a:hover, .transparent-btns_tabs a:hover,
.large-btns_here a:hover, .large-btns_tabs a:hover {
  background: #ce0303;
  }

.mobile {
	visibility: hidden;
	display: none;
}
.links {
	visibility: hidden;
	display: none;
}
.top {
	text-align: right;
	padding-top: 5px;
	font-size: 15px !important;
	font-family: 'ChunkFiveRegular', serif;
}
.top a, .top a:visited  {
	color: #929292;
	font-weight: normal;
}
.top a:active, .top a:hover
	color: #b00202;
	font-weight: normal;
}

#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#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-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.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; outline: none;}	 	

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

/*
  +------------------------------------------------------------------+
  | Green-Beast.com                                                  |
  | CSS: Photo Showcase                                              |
  | Cascading Style Sheet                                            |
  | Copyright April 2006                                             |
  | Use with attribution by visible link please!                     |
  | Attribute to: <a href="http://green-beast.com/">Mike Cherim</a>  |
  +------------------------------------------------------------------+
*/ 

/* this holds it all. set width for allowable space (20px wider than shown image) */
div#ps {
  padding : 0;
  width : auto; 
  margin : auto;
  width : 615px;  /* set width to allow for all the boxes in a row and adjust this when changing thumbnail sizes*/
}

/* this hides the accessible links from view but keeps 'em available */
.ps_offset {
  position : absolute;
  margin-left : -2000px;
  margin-top : -2000px;
}

/* for h2 heading, but an option if h2 is pre-styled (note width) */
div#ps h2 { 
  margin : 60px 0 15px 4%;
  font-weight : normal;
  color : #669900; 
  width : 260px;
}

/* this the same as h2 above, may be optional (do note the width) */
div#ps p { 
  margin : 15px 0 15px 4%;
  font-size : 0.85em; 
  width : 260px; 
}

/* style the unordered list (note height) */
div#ps ul {
  margin : 5px 0 70px 4%;
  height : 40px;
}

/* make the list items show horizontally */
div#ps ul li {
  display : inline; 
}

/* set the links as blocks, size in px (must be floated) */
div#ps ul a {
  display : block;
  float : left;
  border : 1px solid #cd7000;
  text-decoration : none;
  margin : 0 5px 5px 0;
  width : 113px;
  height : 85px;
  cursor : pointer;   /* this is for Opera only */
}

/* set hover state border */
div#ps ul a:hover {
  border : 1px solid #000;
}

/* but remove border from images */
div#ps a img {
  border : 0;
}

/* set fous position (width and height will match big photo size and list row width */
div#ps ul a#psa1:focus, div#ps ul a#psa1:active, div#ps ul a#psa2:focus, div#ps ul a#psa2:active, div#ps ul a#psa3:focus, div#ps ul a#psa3:active, div#ps ul a#psa4:focus, div#ps ul a#psa4:active, div#ps ul a#psa5:focus, div#ps ul a#psa5:active, div#ps ul a#psa6:focus, div#ps ul a#psa6:active, div#ps ul a#psa7:focus, div#ps ul a#psa7:active, div#ps ul a#psa8:focus, div#ps ul a#psa8:active { 
  margin-top : -207px; 
  width : 615px; /* adjust this only when changing thumbnail sizes */
  height : 461px;
  position : absolute;
  cursor : crosshair;   /* because I like it, if you don't, do use "cursor : default" */
}

/* set backgrounds for each state */
div#ps ul a#psa1 {
  background : #000 url(/images/showcase-1.jpg) no-repeat 0 0;
}
div#ps ul a#psa1:hover {
  background : #222 url(/images/showcase-1.jpg) no-repeat 0 0;
}
div#ps ul a#psa1:focus, div#ps ul a#psa1:active {
  background : #444 url(/images/showcase-1.jpg) no-repeat 0 0;
}

/* set backgrounds for each state */
div#ps ul a#psa2 {
  background : #000 url(/images/showcase-2-thmb.jpg) no-repeat 0 0;
}
div#ps ul a#psa2:hover {
  background : #222 url(/images/showcase-2.jpg) no-repeat 0 0;
}
div#ps ul a#psa2:focus, div#ps ul a#psa2:active {
  background : #444 url(/images/showcase-2.jpg) no-repeat 0 0;
}

/* set backgrounds for each state */
div#ps ul a#psa3 {
  background : #000 url(/images/showcase-3-thmb.jpg) no-repeat 0 0;
}
div#ps ul a#psa3:hover {
  background : #222 url(/images/showcase-3.jpg) no-repeat 0 0;
}

div#ps ul a#psa3:focus, div#ps ul a#psa3:active {
  background : #444 url(/images/showcase-3.jpg) no-repeat 0 0;
}

/* set backgrounds for each state */
div#ps ul a#psa4 {
  background : #000 url(/images/showcase-4-thmb.jpg) no-repeat 0 0;
}
div#ps ul a#psa4:hover {
  background : #222 url(/images/showcase-4.jpg) no-repeat 0 0;
}
div#ps ul a#psa4:focus, div#ps ul a#psa4:active {
  background : #444 url(/images/showcase-4.jpg) no-repeat 0 0;
}

/* set backgrounds for each state */
div#ps ul a#psa5 {
  background : #000 url(/images/showcase-5-thmb.jpg) no-repeat 0 0;
}
div#ps ul a#psa5:hover {
  background : #222 url(images/ps_mars_over.jpg) no-repeat 0 0;
}
div#ps ul a#psa5:focus, div#ps ul a#psa5:active {
  background : #444 url(images/ps_mars_on.jpg) no-repeat 0 0;
}

/* set backgrounds for each state */
div#ps ul a#psa6 {
  background : #000 url(images/ps_girl.jpg) no-repeat 0 0;
}
div#ps ul a#psa6:hover {
  background : #222 url(images/ps_girl_over.jpg) no-repeat 0 0;
}
div#ps ul a#psa6:focus, div#ps ul a#psa6:active {
  background : #444 url(images/ps_girl_on.jpg) no-repeat 0 0;
}

/* set backgrounds for each state */
div#ps ul a#psa7 {
  background : #000 url(images/ps_bones.jpg) no-repeat 0 0;
}
div#ps ul a#psa7:hover {
  background : #222 url(images/ps_bones_over.jpg) no-repeat 0 0;
}
div#ps ul a#psa7:focus, div#ps ul a#psa7:active {
  background : #444 url(images/ps_bones_on.jpg) no-repeat 0 0;
}

/* set backgrounds for each state */
div#ps ul a#psa8 {
  background : #000 url(images/ps_shroom.jpg) no-repeat 0 0;
}
div#ps ul a#psa8:hover {
  background : #222 url(images/ps_shroom_over.jpg) no-repeat 0 0;
}
div#ps ul a#psa8:focus, div#ps ul a#psa8:active {
  background : #444 url(images/ps_shroom_on.jpg) no-repeat 0 0;
}

/* rinse and repeat as needed */

/* this needs to be in conditional comment for IE only */
div#ps ul a#psa1:focus, div#ps ul a#psa1:active, div#ps ul a#psa2:focus, div#ps ul a#psa2:active, div#ps ul a#psa3:focus, div#ps ul a#psa3:active, div#ps ul a#psa4:focus, div#ps ul a#psa4:active, div#ps ul a#psa5:focus, div#ps ul a#psa5:active, div#ps ul a#psa6:focus, div#ps ul a#psa6:active, div#ps ul a#psa7:focus, div#ps ul a#psa7:active, div#ps ul a#psa8:focus, div#ps ul a#psa8:active {
  margin-top : -254px; /* adjust this only when changing thumbnail sizes */
  margin-left : -201px; /* adjust this as rows get longer */
}

/* End Styles */