<style>
/******************************************************

	 made by Jane Tam 
     http://www.janetam.com 

     web design: Jane Tam 
     e-mail: jane@janetam.com 
     all rights reserved | copyright 2008 

******************************************************/


/******************************************************

	overall 

******************************************************/

body {
	background-color: #FFFFFF;
	padding: 0;
	border: 0;
	font-size: 11px;
	color:#000000;
	margin-left: 20px;
	margin-top: 75px;
	margin-right: 20px;
	margin-bottom: 75px;
}

h2 {
	margin: 0 0 1em 0;
	padding: 0;
	font-size: 130%;
	color: #0D8CB4;
}

a img {
	border-style: none;
}

hr { display: none; }

div.hr {
	height: 1px;
	border-top: 1px dashed #666;
}



/******************************************************

	home page layout

******************************************************/


div#copywrite {
	position: absolute;
	top: 548px;
	left: 328px;
	width: 200 px;
	height: 8px;
}

div#mainmenu {
	width: 100%;
	text-align: left;
	padding: 2px;
	
}

div#front {
	position: absolute;
	top: 75px;
	left: 240px;
	width: 602px;
}



div#arrowsl {
	position: absolute;
	top: 75px;
	left: 786px;
}

div#arrowsr {
	position: absolute;
	top: 75px;
	left: 827px;
}


div#about {
	position: absolute;
	top: 75px;
	left: 240px;
	width: 515px;
	height: 403px;
}

div#statement {
	position: absolute;
	top: 75px;
	left: 240px;
	

}
div#thumb {
	position: absolute;
	top: 75px;
	left: 304px;
}

div#photof {
	position: absolute;
	top: 88px;
	left: 240px;
	width: 602px;
	
}

.img
{
margin-left: 4px;
	margin-top: 4px;
	margin-right: 4px;
	margin-bottom: 4px;
  border: 0px;
  height: auto;
  width: auto;
  }
  

/******************************************************

	link and text style

******************************************************/

a:link {
	color: #000;
	text-decoration: none;
}
a:visited {
	color: #555555;
	text-decoration: none;
}
a:hover {
	color: #CC6600;
	text-decoration: none;
}
a:active {
	color: #000000;
	text-decoration: none;
}

.name {
	font-size: 13px;
	font-weight: bold;
	color: #000;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	letter-spacing: inherit;
}
.info-port {
	font-size: 12px;
    color: #DFBFA4;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	letter-spacing: inherit;
}
.leftrest {font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	letter-spacing: inherit;
}

.title {font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	letter-spacing: inherit;
	color:#666666
}

.title a:hover {
font-size: 11px;
    color: #CC6600;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	letter-spacing: inherit;
	}
	
.content {
	font-size: 12px;
    color: #333333;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	letter-spacing: inherit;
}

.content a {
font-size: 12px;
    color: #555555;
	text-decoration: none;
	border-bottom: 1px dotted;
    border-bottom-color: #555555;
	font-family: Arial, Helvetica, sans-serif;
	letter-spacing: inherit;
	}
.content a:hover {
	text-decoration: none;
	font-weight: normal;
	color: #CC6600;
	text-decoration: none;
    border-bottom: 1px dotted;
    border-bottom-color: #CC6600;
}

/******************************************************

	dd page layout

******************************************************/

div#photogriddd {
	position: absolute;
	top: 88px;
	left: 240px;
	width: 539px;
	float: top;
	height: 317px;
}
div#stitlethdd {
	position: absolute;
	top: 695px;
	left: 286px;
	width: 456px;
}
div#stitledd {
	position: absolute;
	top: 569px;
	left: 717px;
	width: 273px;
}

div#stitlestadd {
	position: absolute;
	top: 360px;
	left: 681px;
	width: 273px;
}

div#statextdd {
	position: absolute;
	top: 88px;
	left: 240px;
	width: 602px;
	height: 285px;
}


div#captiondd {
	position: absolute;
	top: 568px;
	left: 240px;
	width: 413px;
}

/******************************************************

	cani page layout

******************************************************/

div#photogridcani {
	position: absolute;
	top: 88px;
	left: 240px;
	width: 539px;
	float: top;
	height: 317px;
}
div#stitlethcani {
	position: absolute;
	top: 818px;
	left: 594px;
	width: 347px;
}
div#stitlecani {
	position: absolute;
	top: 572px;
	left: 683px;
	width: 273px;
}

div#stitlestacani {
	position: absolute;
	top: 360px;
	left: 681px;
	width: 273px;
}

div#statextcani {
	position: absolute;
	top: 88px;
	left: 240px;
	width: 602px;
	height: 285px;
}


div#captioncani {
	position: absolute;
	top: 604px;
	left: 240px;
	width: 413px;
}


/******************************************************

	bw page layout

******************************************************/

div#stitlebw {
	position: absolute;
	top: 484px;
	left: 594px;
	width: 273px;
}
div#statextbw {
	position: absolute;
	top: 88px;
	left: 240px;
	width: 602px;
	height: 285px;
}


div#captionbw {
	position: absolute;
	top: 604px;
	left: 240px;
	width: 413px;
}



div#photogridbw {
	position: absolute;
	top: 88px;
	left: 240px;
	width: 539px;
	float: top;
	height: 317px;
}
div#stitlethbw {
	position: absolute;
	top: 391px;
	left: 495px;
	width: 347px;
}


/******************************************************

	fip page layout

******************************************************/

div#statext {
	position: absolute;
	top: 88px;
	left: 240px;
	width: 602px;
	height: 494px;
}

div#stitle {
	position: absolute;
	top: 570px;
	left: 702px;
}

div#photogrid {
	position: absolute;
	top: 88px;
	left: 240px;
	width: 539px;
	float: top;
	height: 622px;
	}

div#stitleth {
	position: absolute;
	top: 699px;
	left: 614px;
}

div#caption {
	position: absolute;
	top: 570px;
	left: 240px;
}


div#captiongpa {
	position: absolute;
	top: 570px;
	left: 240px;
	width: 362px;
}
	
/******************************************************

	asleep page layout

******************************************************/
div#stitlethas {
	position: absolute;
	top: 577px;
	left: 655px;
}
div#statextas {
	position: absolute;
	top: 88px;
	left: 240px;
	width: 602px;
	height: 285px;
}

div#stitleas {
	position: absolute;
	top: 574px;
	left: 741px;
}

div#captionas {
	position: absolute;
	top: 575px;
	left: 240px;
	width: 413px;
}



div#photogridas {
	position: absolute;
	top: 88px;
	left: 240px;
	width: 539px;
	float: top;
	height: 501px;
}

/******************************************************

	fh page layout

******************************************************/

div#statextfh {
	position: absolute;
	top: 88px;
	left: 240px;
	width: 602px;
	height: 285px;
}


div#captionfh {
	position: absolute;
	top: 604px;
	left: 240px;
	width: 413px;
}

div#stitlefh {
	position: absolute;
	top: 605px;
	left: 731px;
	width: 127px;
}

div#photogridfh {
	position: absolute;
	top: 88px;
	left: 240px;
	width: 539px;
	float: top;
	height: 701px;
}
div#stitlethfh {
	position: absolute;
	top: 776px;
	left: 620px;
	width: 113px;
}




/******************************************************

	about/contact page layout

******************************************************/

div#about {
	position: absolute;
	top: 77px;
	left: 225px;
	width: 518px;
	height: 308px;
}

div#publications {
	position: absolute;
	top: 263px;
	left: 600px;
	width: 255px;
	height: 8px;
}

div#photoabout {
	position: absolute;
	top: 46px;
	left: 328px;
}
</style>

