document.write('<div align="center" class="masterTitleNavigation">')
		//document.write('<div class="arial16BlueGray">Pedro Cubillo&nbsp;&nbsp;::&nbsp;&nbsp;Focus on the user experience</div>')
		document.write('<img src="gif2008/focus_on_customer_experienc.gif">')
		document.write('<br><br>')


		document.write('<a href="index.asp">home</a>&nbsp;&nbsp;&nbsp; ')
		document.write('<a href="portfolio_list.asp">work</a>&nbsp;&nbsp;&nbsp; ')
		//document.write('<a href="bio.asp">bio</a>&nbsp;&nbsp;&nbsp; ')
		document.write('<a href="images.asp">images</a>&nbsp;&nbsp;&nbsp; ')
		document.write('<a href="words.asp">words</a>&nbsp;&nbsp;&nbsp; ')
		document.write('<a href="contact.asp">contact</a>')		
/*		
		document.write('&nbsp;&nbsp;&nbsp;&nbsp;&bull;&nbsp;&bull;&nbsp;&bull;&nbsp;&nbsp;&nbsp;&nbsp;')
		
		// document.write('on Interaction Design&nbsp;&raquo;&nbsp;&nbsp;')
		document.write('<a href="the_user.asp">the user</a>&nbsp;/ ')
		document.write('<a href="cognition.asp">cognition</a>&nbsp;/ ')
		document.write('<a href="information_architecture.asp">information architecture</a>&nbsp;/ ')
		document.write('<a href="agile.asp">agile</a>&nbsp;/ ')
		document.write('<a href="design_rules.asp">design  rules</a>&nbsp;/ ')
		document.write('<a href="words.asp">words</a>&nbsp;/ ')
		document.write('<a href="maps.asp">maps</a>&nbsp;/ ')
		document.write('<a href="people.asp">people</a>&nbsp;/ ')
//		document.write('<a href=".asp">link</a>&nbsp;/ ')
//		document.write('<a href=".asp">link</a>&nbsp;/ ')
//		document.write('<a href=".asp">link</a>&nbsp;/ ')
//		document.write('<a href=".asp">link</a>&nbsp;/ ')

*/

		document.write('</div>') // closes div masterTitleNavigation