body { margin: 0 0 0 0; font-family: verdana }
img { margin: 5px; } 
ul { text-align: left; font-size: 0.9em; }
a { text-decoration: none; color: #000000; }
a:hover, a:active { color: red }
.container { width: 320px;  text-align: center; }
.header { background-color: #000000; color: #ffffff; margin-bottom: 3px; height: 52px;}
h1 { font-weight: bold; font-size: 0.9em; text-align: center; margin: 0; }
.inline { font-weight: bold; font-size: 0.5em;}
.pic { display: inline; }
.footer { position: absolute; top: 376px; left: 0; width: 320px; clear: both; background-color: #000000;color: #ffffff; font-weight: bold; font-size: 0.5em;}
.both { width: 110px; width: 102px; position: absolute; left: 104px; text-align: center;}
.prev { width: 99px; width: 104px; position: absolute; left: 0; text-align: left;}
.next { width: 99px; width: 104px; position: absolute; left: 206px; text-align: right;}

.f1, .f2, .f3 { display: block; margin: auto; }

.f1, .f2 { 
width: 200px;
}

.f2 { height: 120px; }

.f3 { width: 100px; }

.form { margin: auto; font-size: 0.6em;}

.spon { 
font-size: 1.2em;
color: yellow;
text-decoration: underline;
}

.menu {
	font-size: 0.7em;
	clear: both;
	position: absolute;
	top: 360px;


}
#canvas{
	width: 320px;
	height: 300px;
	padding: 0;
	border: 0;
	overflow: hidden;
	position: absolute;
}

#inside{
	width:1000px;
}
.imgHolder{
	position: relative;

	height:300px;
	width:320px;
	padding:0;
	margin:0;
	float:left;
	/*text-align: center;*/
	overflow: hidden;		
}
.imgHolder img{
position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	margin: auto;
}

#left, #right{
	display: block;
	position: absolute;
	height: 310px;
	width: 60px;
	top: 50px;

}
#left{
	left:0;
}
#right{
	left:260px;
}
#right img{
	position: absolute;
	top: 170px;
	right: 15px;
	border: 0;
}
#left img{
	position: absolute;
	top: 170px;
	left: 15px;
	border: 0;
}