<style type="text/css">

#dropmenudiv{
position:absolute;
border:0px solid black;
border-bottom-width: 0;
font:normal 10px Verdana;
line-height:15px;
z-index:100;
}

#dropmenudiv a{
width: 100%;
display: block;
text-indent: 10px;
border-bottom: 1px solid white;
padding: 1px 0;
text-decoration: none;
font-weight: normal;
}

#dropmenudiv a:hover{ /*hover background color*/
background-color: #008080;
}

</style>

<script type="text/javascript">

/***********************************************
* AnyLink Drop Down Menu- © Dynamic Drive (www.dynamicdrive.com)
* This notice MUST stay intact for legal use
* Visit http://www.dynamicdrive.com/ for full source code
***********************************************/

//Contents for menu 1
var menu1=new Array()
menu1[0]='<a class="oneyel" href="com-products.php">products</a>'
menu1[1]='<a class="oneyel" href="com-property.php">property</a>'

//Contents for menu 2
var menu2=new Array()
menu2[0]='<a class="oneyel" href="portraits.php">portraits</a>'
menu2[1]='<a class="oneyel" href="weddings.php">weddings</a>'
menu2[2]='<a class="oneyel" href="photorepair.php">photo repair</a>'
menu2[3]='<a class="oneyel" href="vhstodvd.php">vhs to dvd</a>'

//Contents for menu 3
var menu3=new Array()
menu3[0]='<a class="oneyel" href="p-arch.php">architecture</a>'
menu3[1]='<a class="oneyel" href="p-art.php">art and craft</a>'
menu3[2]='<a class="oneyel" href="p-nature.php">nature</a>'
menu3[3]='<a class="oneyel" href="p-people.php">people</a>'
menu3[4]='<a class="oneyel" href="p-technical.php">technical</a>'
menu3[5]='<a class="oneyel" href="p-misc.php">miscellaneous</a>'
menu3[6]='<a class="oneyel" href="alpha.php">special - alpha</a>'
menu3[7]='<a class="oneyel" href="beta.php">special - beta</a>'
menu3[8]='<a class="oneyel" href="gamma.php">special - gamma</a>'
menu3[9]='<a class="oneyel" href="delta.php">special - delta</a>'


//Contents for menu 4
var menu4=new Array()
menu4[0]='<a class="oneyel" href="mailto:martin@pbdigitalphoto.com">e-mail</a>'
menu4[1]='<a class="oneyel" href="#">phone: 01529 461310</a>'
menu4[2]='<a class="oneyel" href="#">btsoft: 05601 638638</a>'
menu4[3]='<a class="oneyel" href="skype:martin.wace?call">skype: martin.wace</a>'
menu4[4]='<a class="oneyel" href="contactme.php">contact page</a>'

		
var menuwidth='100px' //default menu width
var menubgcolor='#808080'  //menu bgcolor
var disappeardelay=250  //menu disappear speed onMouseout (in miliseconds)
var hidemenu_onclick="yes" //hide menu when user clicks within menu?

/////No further editting needed

var ie4=document.all
var ns6=document.getElementById&&!document.all

if (ie4||ns6)
document.write('<div id="dropmenudiv" style="visibility:hidden;width:'+menuwidth+';background-color:'+menubgcolor+'" onMouseover="clearhidemenu()" onMouseout="dynamichide(event)"></div>')

function getposOffset(what, offsettype){
var totaloffset=(offsettype=="left")? what.offsetLeft : what.offsetTop;
var parentEl=what.offsetParent;
while (parentEl!=null){
totaloffset=(offsettype=="left")? totaloffset+parentEl.offsetLeft : totaloffset+parentEl.offsetTop;
parentEl=parentEl.offsetParent;
}
return totaloffset;
}


function showhide(obj, e, visible, hidden, menuwidth){
if (ie4||ns6)
dropmenuobj.style.left=dropmenuobj.style.top="-500px"
if (menuwidth!=""){
dropmenuobj.widthobj=dropmenuobj.style
dropmenuobj.widthobj.width=menuwidth
}
if (e.type=="click" && obj.visibility==hidden || e.type=="mouseover")
obj.visibility=visible
else if (e.type=="click")
obj.visibility=hidden
}

function iecompattest(){
return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body
}

function clearbrowseredge(obj, whichedge){
var edgeoffset=0
if (whichedge=="rightedge"){
var windowedge=ie4 && !window.opera? iecompattest().scrollLeft+iecompattest().clientWidth-15 : window.pageXOffset+window.innerWidth-15
dropmenuobj.contentmeasure=dropmenuobj.offsetWidth
if (windowedge-dropmenuobj.x < dropmenuobj.contentmeasure)
edgeoffset=dropmenuobj.contentmeasure-obj.offsetWidth
}
else{
var topedge=ie4 && !window.opera? iecompattest().scrollTop : window.pageYOffset
var windowedge=ie4 && !window.opera? iecompattest().scrollTop+iecompattest().clientHeight-15 : window.pageYOffset+window.innerHeight-18
dropmenuobj.contentmeasure=dropmenuobj.offsetHeight
if (windowedge-dropmenuobj.y < dropmenuobj.contentmeasure){ //move up?
edgeoffset=dropmenuobj.contentmeasure+obj.offsetHeight
if ((dropmenuobj.y-topedge)<dropmenuobj.contentmeasure) //up no good either?
edgeoffset=dropmenuobj.y+obj.offsetHeight-topedge
}
}
return edgeoffset
}

function populatemenu(what){
if (ie4||ns6)
dropmenuobj.innerHTML=what.join("")
}


function dropdownmenu(obj, e, menucontents, menuwidth){
if (window.event) event.cancelBubble=true
else if (e.stopPropagation) e.stopPropagation()
clearhidemenu()
dropmenuobj=document.getElementById? document.getElementById("dropmenudiv") : dropmenudiv
populatemenu(menucontents)

if (ie4||ns6){
showhide(dropmenuobj.style, e, "visible", "hidden", menuwidth)

dropmenuobj.x=getposOffset(obj, "left")
dropmenuobj.y=getposOffset(obj, "top")
dropmenuobj.style.left=dropmenuobj.x-clearbrowseredge(obj, "rightedge")+"px"
dropmenuobj.style.top=dropmenuobj.y-clearbrowseredge(obj, "bottomedge")+obj.offsetHeight+"px"
}

return clickreturnvalue()
}

function clickreturnvalue(){
if (ie4||ns6) return false
else return true
}

function contains_ns6(a, b) {
while (b.parentNode)
if ((b = b.parentNode) == a)
return true;
return false;
}

function dynamichide(e){
if (ie4&&!dropmenuobj.contains(e.toElement))
delayhidemenu()
else if (ns6&&e.currentTarget!= e.relatedTarget&& !contains_ns6(e.currentTarget, e.relatedTarget))
delayhidemenu()
}

function hidemenu(e){
if (typeof dropmenuobj!="undefined"){
if (ie4||ns6)
dropmenuobj.style.visibility="hidden"
}
}

function delayhidemenu(){
if (ie4||ns6)
delayhide=setTimeout("hidemenu()",disappeardelay)
}

function clearhidemenu(){
if (typeof delayhide!="undefined")
clearTimeout(delayhide)
}

if (hidemenu_onclick=="yes")
document.onclick=hidemenu

</script>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<title>PB Photographic - Special Project Gamma</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<meta name="keywords" content="photo,digital,photography,photographic,image,imaging,nikon,portraits,landscapes,clouds,product photography,produce,events,vhs to dvd,vhs 2 dvd,vhs2dvd,wedding,weding photography,event photography," />
<meta name="description" content="Efficient and professional photographic service. I offer a range of services including: portraiture, products and produce, technical, automotive, commercial, and events.  Wedding photography will be added to the list soon." />
<meta name="author" content="martin wace, PB Multimedia" />
<meta name="copyright" content="martin wace 2007. all rights reserved." />
<meta name="verify-v1" content="2yQmgLdergKZbela+CKzuUJCcvZz3eUYcOObU0HDE4A=" />

<link href="pbstyle.css" rel="stylesheet" type="text/css" />

<script language="JavaScript" type="text/JavaScript">


<!--
function MM_reloadPage(init) {  //reloads the window if Nav4 resized
  if (init==true) with (navigator) {if ((appName=="Netscape")&&(parseInt(appVersion)==4)) {
    document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; }}
  else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload();
}
MM_reloadPage(true);
//-->
</script>
</head>

<body>
<center>
	
  <div id="container" style="position:relative; left:0px; top:0px; width:900px; height:610px; background-color: #FFFFFF; layer-background-color: #FFFFFF; border: 1px none #000000;"> 
    <div id="Layer1" style="position:absolute; left:1px; top:15px; width:760px; height:100px; z-index:1"><img src="graphics/banner-2.jpg" width="760" height="100"></div>
    <div id="menu" style="position:absolute; left:-1px; top:116px; width:548px; height:29px; z-index:8"> 
      <div align="left" class="two">|&nbsp;&nbsp;<a class="two" href="index.php">welcome</a>&nbsp;&nbsp; 
        |&nbsp;&nbsp;<a class="two" href="#" onClick="return clickreturnvalue()" onMouseover="dropdownmenu(this, event, menu1, '100px')" onMouseout="delayhidemenu()">commercial</a>&nbsp;&nbsp; 
        |&nbsp;&nbsp;<a class="two" href="#" onClick="return clickreturnvalue()" onMouseover="dropdownmenu(this, event, menu2, '100px')" onMouseout="delayhidemenu()">non-commercial</a>&nbsp;&nbsp; 
        |&nbsp;&nbsp;<a class="two" href="#" onClick="return clickreturnvalue()" onMouseover="dropdownmenu(this, event, menu3, '120px')" onMouseout="delayhidemenu()">portfolio</a>&nbsp;&nbsp; 
        |&nbsp;&nbsp;<a class="two" href="#" onClick="return clickreturnvalue()" onMouseover="dropdownmenu(this, event, menu4, '120px')" onMouseout="delayhidemenu()">contact</a>&nbsp;&nbsp; 
        |&nbsp;&nbsp;<a class="two" href="sitemap.php">site map</a>&nbsp;&nbsp;| 
      </div>
    </div>
    <div id="Layer8" style="position:absolute; left:430px; top:136px; width:470px; height:24px; z-index:9; background-color: #666666; layer-background-color: #666666; border: 1px none #000000;"> 
      <div align="right" class="title2">special project gamma: <span class="yellow">tba</span>&nbsp;</div>
    </div>
    <div id="Layer9" style="position:absolute; left:0px; top:159px; width:395px; height:319px; z-index:10"> 
      <div align="justify" class="one">In preparation</div>
    </div>
    <div id="Layer11" style="position:absolute; left:432px; top:599px; width:468px; height:32px; z-index:12"> 
      <div class="three" align="justify">Site design and content 
        copyright &copy; 2007 - 2009        , Martin Wace PB Photographic, PB Multimedia International, Planet Bear. 
        All rights reserved. No part of this site may be copied without written 
        permission of Martin Wace. </div>
    </div>
        <div id="Layer2" style="position:absolute; left:430px; top:19px; width:150px; height:200px; z-index:2"><img src="images2/150pic-19.jpg" width="150" height="200"></div>
        <div id="Layer3" style="position:absolute; left:590px; top:-26px; width:150px; height:200px; z-index:3"><img src="images2/150pic-4.jpg" width="150" height="200"></div>
        <div id="Layer4" style="position:absolute; left:750px; top:-71px; width:150px; height:200px; z-index:4"><img src="images2/150pic-29.jpg" width="150" height="200"></div>
    <div id="Layer5" style="position:absolute; left:410px; top:130px; width:497px; height:129px; z-index:5; background-color: #FFFFFF; layer-background-color: #FFFFFF; border: 1px none #000000;"></div>
    <div id="Layer6" style="position:absolute; left:405px; top:-24px; width:497px; height:46px; z-index:6; background-color: #FFFFFF; layer-background-color: #FFFFFF; border: 1px none #000000;"></div>
        <div id="Layer7" style="position:absolute; left:650px; top:355px; width:250px; height:188px; z-index:7"><img src="examples-1/ex21.jpg" width="250" height="188" alt="" /></div>
        <div id="Layer12" style="position:absolute; left:0px; top:600px; width:395px; height:1px; z-index:13;" class="title2"> 
      <div align="left"><img src="graphics/body-sep-1.jpg" width="395" height="1" /></div>
    </div>
    <div id="Layer13" style="position:absolute; left:0px; top:603px; width:383px; height:19px; z-index:14"> 
      <div align="left" class="two">| <a class="two" href="privacy.php">privacy 
        policy</a> | <a class="two" href="terms.php">terms and conditions</a> 
        | <a class="two" href="http://planetbear.co.uk">pb multimedia international</a> 
        | </div>
    </div>
    <div id="Layer10" style="position:absolute; left:430px; top:275px; width:243px; height:188px; z-index:11"><img src="examples-1/ex19.jpg" width="250" height="188" alt="" /></div>
  </div>
</center>
</body>
</html>