<!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" lang="en" xml:lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>mkango.com</title>
<style type="text/css">

body{
background-color: #999;
margin:0;
padding:50px;
line-height: 1.5em;
}

H1 {font-family: Verdana, sans-serif;font-size: 30px; 
font-weight: normal; color: #CC0000}
P { font-weight: normal;
color: #000000; font-size: 12px;}
 
h2,h6,p,ul {font-weight:normal; font-family: Verdana, sans-serif;}
pre {font-family: monospace;}
 
b{font-size: 110%;}
em{color: #000000;}
a{text-decoration: none; color: #000000;}

h4 {font-weight:lighter; font-family: Verdana, sans-serif; color:#000000}
h5 {font-weight:lighter; font-family: Verdana, sans-serif; color:#999999}
h1 {font-weight:dark;color:#ffffff}
h3 {font-weight:lighter; font-family: Verdana, sans-serif; color:#000000}
h6 {font-weight:lighter; font-family: Verdana, sans-serif; color:#996633}
#maincontainer{
width: 840px; /*Width of main container*/
margin: 0 auto; /*Center container on page*/
background: #ffffff;}


#contentwrapper{
float: left;
width: 100%;
}

#contentcolumn{
margin-top: 30px;margin-bottom: 40px;  margin-left:  340px; /*Set left margin to LeftColumnWidth*/
}

#contentcolumnbottom{
width: 400px; /*contentcolumnbottom*/;margin-top: 0px; margin-left: 390px;margin-right: 0px; margin-bottom: 50px;/*Set left margin to LeftColumnWidth*/
}


#leftcolumn{
float: left;
margin-top: 0px;
width: 250px; /*Width of left column*/
margin-left: -800px; /*Set left margin to -(MainContainerWidth)*/
background: #ffffff;
height: ; 
padding: 10px;
padding-bottom: 20px;}


#header{
font-size: 14px;
clear: left;
width: 100%;
background: #ffffff;
color: #000000;
text-align: center;
padding: 20px 0;
}

#header a{
color: #000000;
}

#header2 {
margin-right: 0px auto 20;
padding:20 0px;
position: relative;
width:840px;
}
 
#header2 p {font-size: 10px;
color: #ccc;
padding-right:20px;
} 
 
 
#header2 p.language {
    float: right; 
}a{text-decoration: none; color: #ccc; text width: 100%;margin-left:5px;margin-right:5px;}

#footer{
margin-left:0px;
clear: left;
width: relative;
background: #cccc99;
color: #FFFFFF;
text-align: left;
padding: 4px 0;
padding-left:20px;
}

#footer a{
color: #ffffff;
}

.innertube{
margin: 0px; /*Margins for inner DIV inside each column (to provide padding)*/
margin-top: 0px;
}

/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */
 
.underlinemenu{
font-weight: normal;
width: 100%;margin-left:20px;margin-right:20px;
}
 
.underlinemenu ul{
padding: 6px 0 7px 0; /*6px should equal top padding of "ul li a" below, 7px should equal bottom padding + bottom border of "ul li a" below*/
margin: 0px;
text-align: left; //set value to "left", "center", or "right"*/
}
 
.underlinemenu ul li{
display: inline;
}
 
.underlinemenu ul li a{
color: #494949;
padding: 6px 3px 4px 3px; /*top padding is 6px, bottom padding is 4px*/
margin-right: 20px; /*spacing between each menu link*/
text-decoration: none; 
border-bottom: 3px solid #ffffff; /*bottom border is 1px*/
}
 
.underlinemenu ul li a:hover, .underlinemenu ul li a.selected{
border-bottom-color: #cccc99;
}

#footer2 {
margin-left: 0px auto 20;
padding:20 0px;
position: relative;
width:840px;
}
 
#footer2 p {font-size: 10px;
color: #ccc;
padding-bottom:5px;
} 
 
#footer2 p.copyright {
    float: left;
}
 
#footer2 p.contact {
    float: right;
}
 
/*
#footer2 p.copyright {
left:15px;
padding-top:5px;
position:absolute;
top:0;
}
 
#footer2 p.contact {
padding-top:5px;
position:absolute;
right: px;
top:0;
}
 
#footer2 p.contact a {
    border-right: 1px solid #CCC;
    padding-right: 10px;
}
 
*/
#footer2 a {
text-decoration: none;
}
  

</style>
<script type="text/javascript">

/***********************************************
* Contractible Headers script- Â© Dynamic Drive (www.dynamicdrive.com)
* This notice must stay intact for legal use. Last updated Mar 23rd, 2004.
* Visit http://www.dynamicdrive.com/ for full source code
***********************************************/

var enablepersist="on" //Enable saving state of content structure using session cookies? (on/off)
var collapseprevious="no" //Collapse previously open content when opening present? (yes/no)

if (document.getElementById){
document.write('<style type="text/css">')
document.write('.switchcontent{display:none;}')
document.write('</style>')
}

function getElementbyClass(classname){
ccollect=new Array()
var inc=0
var alltags=document.all? document.all : document.getElementsByTagName("*")
for (i=0; i<alltags.length; i++){
if (alltags[i].className==classname)
ccollect[inc++]=alltags[i]
}
}

function contractcontent(omit){
var inc=0
while (ccollect[inc]){
if (ccollect[inc].id!=omit)
ccollect[inc].style.display="none"
inc++
}
}

function expandcontent(cid){
if (typeof ccollect!="undefined"){
if (collapseprevious=="yes")
contractcontent(cid)
document.getElementById(cid).style.display=(document.getElementById(cid).style.display!="block")? "block" : "none"
}
}

function revivecontent(){
contractcontent("omitnothing")
selectedItem=getselectedItem()
selectedComponents=selectedItem.split("|")
for (i=0; i<selectedComponents.length-1; i++)
document.getElementById(selectedComponents[i]).style.display="block"
}

function get_cookie(Name) { 
var search = Name + "="
var returnvalue = "";
if (document.cookie.length > 0) {
offset = document.cookie.indexOf(search)
if (offset != -1) { 
offset += search.length
end = document.cookie.indexOf(";", offset);
if (end == -1) end = document.cookie.length;
returnvalue=unescape(document.cookie.substring(offset, end))
}
}
return returnvalue;
}

function getselectedItem(){
if (get_cookie(window.location.pathname) != ""){
selectedItem=get_cookie(window.location.pathname)
return selectedItem
}
else
return ""
}

function saveswitchstate(){
var inc=0, selectedItem=""
while (ccollect[inc]){
if (ccollect[inc].style.display=="block")
selectedItem+=ccollect[inc].id+"|"
inc++
}

document.cookie=window.location.pathname+"="+selectedItem
}

function do_onload(){
uniqueidn=window.location.pathname+"firsttimeload"
getElementbyClass("switchcontent")
if (enablepersist=="on" && typeof ccollect!="undefined"){
document.cookie=(get_cookie(uniqueidn)=="")? uniqueidn+"=1" : uniqueidn+"=0" 
firsttimeload=(get_cookie(uniqueidn)==1)? 1 : 0 //check if this is 1st page load
if (!firsttimeload)
revivecontent()
}
}


if (window.addEventListener)
window.addEventListener("load", do_onload, false)
else if (window.attachEvent)
window.attachEvent("onload", do_onload)
else if (document.getElementById)
window.onload=do_onload

if (enablepersist=="on" && document.getElementById)
window.onunload=saveswitchstate

</script>
</head>
<body>
<div id="maincontainer">


<div class="innertube"><div id='header2'> 
<p class='language'><a href="index.html">English</a><a href="index-cn.html">中国</a><a href="index-jp.html">日本</a><a href="index-fr.html">Français</a></p> 
</div>
<div id="header"><div class="underlinemenu"> 
<ul> 
<li><a href="portfolio.html">slideshow</h4></a></li>
<li><a href="about.html">about</h4></a></li>
<li><a href="contact.html">contact</h4></a></li> 
</ul> 

</div><HR WIDTH="95%" COLOR="#000000" SIZE="1"></div>

<div id="contentwrapper">
<div id="contentcolumn"><div class="innertube"></div><center><img border="1" src="JM3G01.jpg" width="400" height="270" alt="tube"></center>
<br><HR WIDTH="400" COLOR="#ccc" SIZE="1"><center><p><em>China © Jerome Ming</em></p></center></div>
</div>
</div><div id="leftcolumn">
<div class="innertube"><h4>who is mkango.com?</h4><p>Some photography, information and contact details for Jerome Ming are available on this website.<br><br>Thank you for visiting.</p> 
</div></div>
<div id="footer"><a href="index.html"><h2>mkango.com</h2></a>
</div>

<div id='footer2'> 
<p class='copyright'>website © mkango.com / 2000 - 2011 / all photographs © Jerome Ming</p> 
<p class='contact'> design: nandesuka studio</p>
</div>
 
</body>
</html>
�