
a{
  outline: none;
}

/* CSS Document */
body {
margin:0;
padding:0;
font-family:Verdana, Helvetica, sans-serif;
font-size:10px;
color: #999999;
}

.primertext {
font-size: 10px;
font-family:Verdana, Helvetica, sans-serif;
color: #999999;
}

.primerheader{
color: #cccccc;
font-family:Verdana, Helvetica, sans-serif;
font-size: 10px;
font-weight: bold;
}


.primerformtext {
font-family:Verdana, Helvetica, sans-serif;
font-size: 10px;
color: #666666;
}

.primernewsitem{
font-family:Verdana, Helvetica, sans-serif;
font-size: 10px;
color: #999999;
}

.primernewsitembold{
font-family:Verdana, Helvetica, sans-serif;
font-size: 10px;
font-weight: bold;
color: #999999;
}

a:link {
text-decoration: none;
color: #ffffff;
}

a:visited {
text-decoration: none;
color: #333333;
}
/* color: #666666; */

a:hover {
text-decoration: none;
}

/*

id =
#content {
  width: 1023px;
  margin-left: auto;
  margin-right: auto;
}



#images {
display:block;
margin-left:auto;
margin-right:auto;
text-align: center;
position: absolute;
top:200px;
}
*/

/*
PRELOADED IMAGES:

.image0{background-image: url(../images/spacer.gif);}
.image1{background-image: url(../images/identity.jpg);}
.image3{background-image: url(../images/print.jpg);}
.image5{background-image: url(../images/web.jpg);}
.image7{background-image: url(../images/photography.jpg);}
.image9{background-image: url(../images/motion.jpg);}
.image11{background-image: url(../images/access.jpg);}
.image13{background-image: url(../images/contact.jpg);}
.image15{background-image: url(../images/studio.jpg);}
.image17{background-image: url(../images/work.jpg);}
.image19{background-image: url(../images/primer.jpg);}
.image20{background-image: url(../images/grey_line_bottom.gif);}
.image21{background-image: url(../images/orange_line_bottom.gif);}
.image22{background-image: url(../images/grey_line.gif);}
.image23{background-image: url(../images/orange_line.gif);}

.image4{background-image: url(../images/print_h.jpg);}
.image6{background-image: url(../images/web_h.jpg);}
.image8{background-image: url(../images/photography_h.jpg);}
.image10{background-image: url(../images/motion_h.jpg);}
.image12{background-image: url(../images/access_h.jpg);}
.image14{background-image: url(../images/contact_h.jpg);}
.image16{background-image: url(../images/studio_h.jpg);}
.image18{background-image: url(../images/work_h.jpg);}
.image2{background-image: url(../images/identity_h.jpg);}
*/

#outer {width: 100%;}
#middle {width: 100%; text-align: center;}
#inner {margin-left: auto; margin-right: auto; width: 675px;}
#oinner {width: 200px; margin-left: auto; margin-right: auto; text-align: left;}

#imagebox { 
	float: left;
	text-align: center;
	width: 675px;
	height: 425px;
}

/*
#images {
	margin-top: expression(( 425 - this.height ) / 2); 
}

class =
*/
.PrevOverlay a, .PrevOverlay a:link, .PrevOverlay a:hover, .PrevOverlay a:visited  {
	outline: none;
	position: absolute;
	z-index: 97;
	display: block;
	color: #000;
	right: 50%; height: 425px; width: 280px;
	background: url('../src/2lefta_n.png') no-repeat; 
	_background: url('../src/2lefta_n.png') no-repeat;
	background-position: -5000px -5000px;  
	margin-right: 56px;
	top:85px;
	_right:50%;
	}
	
.PrevOverlay a:hover{
	background-position:  20% 50%;
	_background-position: 20% 50%;
}
/*
	border-style:solid;
	border-color: red;
	border-width:1px;
	outline: none;
margin-left: 0px;
		position: absolute;
	_right:50%;
		right: 53%; height: 425px; width: 337px;
		left: 50%; height: 425px; width: 337px;
			margin-right: 0px;
*/

.NextOverlay a, .NextOverlay a:link,  .NextOverlay a:hover, .NextOverlay a:visited  {
	outline: none;
	position: absolute;
	z-index: 97;
	display: block;
	color: #000;
	left: 50%; height: 425px; width: 280px;
	background: url('../src/2righta_n.png') no-repeat; 
	_background: url('../src/2righta_n.png') no-repeat;
	background-position: -5000px -5000px; 	
	margin-left: 56px;
	top:85px;
	_left:50%;
	}

 .NextOverlay a:hover {
	background-position: 80% 50%;
	_background-position: 80% 50%;
}

span.link {
	position: relative;
}

span.link a span {
	display: none;
}

span.link a:hover span { 
	top:200px;
	width: 60px;
	height:30px;
	left: 50%;
	_left: 50%;
	margin-left: -30px;
	margin-right: auto ;
	display: block; 
	position: absolute; 
	z-index: 8000; 						
}
