* {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px
}
body {
	background-image: url(images/bgrnd-page.gif);
	background-repeat: repeat-x;
	background-color: #156166;
	font-family: 'Trebuchet MS', Arial, Helvetica, Verdana;
	font-size: 9pt;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 40px;
	margin-left: 0px;
}
#banner {
	background-image: url(images/banner.gif);
	clear: both;
	height: 133px;
	width: 775px;
	text-align: left;
	padding: 0px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
#frame-home1 {
	padding: 0px;
	width: 775px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	clear: both;
	background-image: url(images/bgrnd-home.gif);
	background-repeat: no-repeat;
	height: 1010px;
	
}
#frame-home2 {
	float: right;
	width: 425px;
	margin-top: 30px;
	margin-right: 38px;
	margin-bottom: 0px;
	margin-left: 0px;
	
}
#frame-content1 {
	padding: 0px;
	width: 775px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	clear: both;
	background-image: url(images/bgrnd-text.gif);
}
#frame-content2 {
	padding: 0px;
	width: 775px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	clear: both;
	background-image: url(images/shim2.gif);
	background-repeat: no-repeat;
	background-position: top;
}

#frame-content3 {
	float: right;
	width: 442px;
	margin-top: 30px;
	margin-right: 30px;
	margin-bottom: 0px;
	margin-left: 0px;
}

#banner h1 {
	font-size: 12px;
	margin: 0px;
	padding: 0px;
}
#banner h1 a {
	display:block;
	margin: 0px;
	padding: 0px;
	height: 133px;
	width: 274px;
}
#footer {
	clear: both;
	width: 740px;
	margin-top: 20px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	text-align: center;
	line-height: normal;
	background-image: url(images/bgrnd-footer.gif);
	background-repeat: no-repeat;
	height: 82px;
	padding-left: 35px;
	font-size: 8pt;
	color: #156165;
	padding-top: 10px;
}
#address {
	font-size: 9pt;
	color: #FFFFFF;
	display: block;
	text-align: center;

}
#social-icons {
	margin-top:12px;
	margin-bottom:12px;
}
#social-icons a,
#social-icons img {
	border:none;
}
#social-icons img {
	height:40px;
	width:40px;
}
#clearing-object {
	clear: both;
	width: 775px;
	padding: 0px;
	margin-top: 0px;
}
#pageLinks dd {
	background-color: #FFFFFF;
	text-align: center;
	padding-top: 12px;
	padding-bottom: 12px;
	margin-bottom: 15px;
	margin-left: 0px;
}
#pageLinks dt {
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #156165;
	color: #156165;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
}
.text-box {
	text-align: left;
	float: right;
	width: 450px;
	margin-right: 25px;
	color: #104649;
}
p {
	margin-top: 14px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
.list-normal {
	margin-left: 15px;
}
.photo-right {
	background-color: #FFFFFF;
	padding: 2px;
	float: right;
	margin-bottom: 20px;
	margin-left: 40px;
	border: 1px solid #99C6C8;
}
.border {
	background-color: #FFFFFF;
	padding: 2px;
	border: 1px solid #99C6C8;
}
.footer-text {
	font-size: 9pt;
	font-weight: bold;
	color: #092b61;
	text-align: center;
	margin: 0px;
	padding-top: 15px;
}
.bgrnd-textBottom {
	background-image: url(images/proof-content3.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
}
.bgrnd-footer {
	background-image: url(images/bgrnd-footer.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
}
.text-box {
	color: #156165;
	margin-bottom: 15px;
	margin-left: 20px;
	text-align: left;
	width: 190px;
	float: right;
	font-weight: bold;
	background-color: #afccce;
	border: 3px solid #FFFFFF;
	padding: 5px;
	margin-top: 10px;
	margin-right: 0px;
}
.bgrnd-footerR {
	background-image: url(images/bgrnd-footer.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
	padding-right: 55px;
	padding-bottom: 40px;
	padding-left: 3px;
}
a:link {
	color: #103E58;
	text-decoration: underline;
}
a:visited {
	color: #103E58;
	text-decoration: underline;
}
a:hover {
	color: #103E58;
	text-decoration: none;
}
h1.replace {
	background-repeat: no-repeat;
	background-position: left top;
	height: 30px;
	width: 450px;
	margin-top: 0px;
	font-size: 11pt;
	line-height: normal;
	color: #555555;
	font-weight: bold;
	padding: 0px;
}
h1 {
	font-size: 17pt;
	color: #CD6005;
	padding: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	margin-top: 15px;
	margin-right: 0px;
	margin-bottom: 30px;
	margin-left: 0px;
}


h2 {
	font-size: 11pt;
	line-height: normal;
	margin-bottom: 10px;
	margin-top: 18px;
	color: #156165;
}
h3 {
	font-size: 11pt;
	font-weight: bold;
	color: #FFFFFF;
}
/*#pageHome h1.replace {
	background-image: url(images/welcome.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: 45px;
	width: 438px;
	font-size: 12pt;
	padding: 0px;
	letter-spacing: -10000em;
	color: #CD5E04;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}*/
#pageHome h1.replace {
	font-size: 1.4em;
	padding: 0px;
	color: #CD5E04;
	margin: 0px 0px 20px 0px;
	line-height: 1.5em;
	
}


#invisalignLink {
	position: absolute;
	margin-top: 347px;
	height: 50px;
}

a#dentin:hover img {left: -80px; top: -165px}
div#sesame-game {
background: #000;
line-height: 0;
margin: 10px auto;
text-align: center;
width: 400px;}
#anatomy-of-a-tooth {background: url(images/anatomy-of-a-tooth/anatomy-of-a-tooth-bg.gif); height: 525px; position: relative; width: 300px}
#anatomy-of-a-tooth a {cursor: help; display: block; position: absolute}
#anatomy-of-a-tooth a:hover {background: transparent}
a#bone {height: 20px; left: 30px; top: 380px; width: 40px}
a#cementum {height: 20px; left: 100px; top: 460px; width: 90px}
a#dentin {height: 20px; left: 80px; top: 165px; width: 60px}
a#enamel {height: 20px; left: 165px; top: 135px; width: 60px}
a#gingiva {height: 30px; left: 20px; top: 275px; width: 60px}
a#periodontal {height: 30px; left: 205px; top: 440px; width: 70px}
a#pulp {height: 30px; left: 125px; top: 220px; width: 50px}
a#print {cursor: pointer; height: 23px; left: 240px; top: 502px; width: 60px}
#anatomy-of-a-tooth a img {border: none; display: block; height: 0; position: absolute; width: 0}
#anatomy-of-a-tooth a:hover img {height: 98px; width: 300px}
a#bone:hover img {left: -30px; top: -380px}
a#cementum:hover img {left: -100px; top: -460px}
a#enamel:hover img {left: -165px; top: -135px}
a#gingiva:hover img {left: -20px; top: -275px}
a#periodontal:hover img {left: -205px; top: -440px}
a#pulp:hover img {left: -125px; top: -220px}
#content2 h1.replace {
	height: 45px;
	width: 400px;
}
.replace { letter-spacing : -10000em; } 
html>body .replace { letter-spacing : normal; /*text-indent : -999em; overflow : hidden;*/} /* Just for Opera */
#flash h2 {
visibility:hidden;}
#flash p {
	padding:5px;
	color: #FFFFFF;
	background-color: #7CB8E2;
}



#topnavHolder {
	padding: 0px;
	float: right;
	height: 25px;
	width: 264px;
	margin-top: 108px;
	margin-right: 10px;
	margin-bottom: 0px;
	margin-left: 0px;
	DISPLAY: inline;
}
UL#topnav {
	PADDING-RIGHT: 0px;
	PADDING-LEFT: 0px;
	PADDING-BOTTOM: 0px;
	MARGIN: 0px;
	PADDING-TOP: 0px;
	LIST-STYLE-TYPE: none;
	height: 25px;
	width: 364px;
}
* #home {
	BACKGROUND: url(images/nav-home.gif)
}
* #contact {
	BACKGROUND: url(images/nav-contact.gif)
}
* #site {
	BACKGROUND: url(images/nav-site.gif)
}
* #login {
	BACKGROUND: url(images/nav-login.gif)
}
#topnav A {
	DISPLAY: block;
	OVERFLOW: hidden;
	TEXT-INDENT: -999em;
	HEIGHT: 25px
}
#topnav A.home {
width: 61px
}
#topnav A.contact {
width: 100px
}
#topnav A.site {
width: 83px
}
#topnav A.login {
width: 119px
}
#topnav A:hover {
	BACKGROUND-POSITION: 0px -25px
}
#topnav .active {
	BACKGROUND-POSITION: 0px -25px
}
#topnav LI:hover {
	BACKGROUND-POSITION: 0px -25px
}
#topnav LI.sfhover {
	BACKGROUND-POSITION: 0px -25px
}
#topnav LI:hover #home {
	BACKGROUND-POSITION: 0px -25px
}
#topnav LI.sfhover #home {
	BACKGROUND-POSITION: 0px -25px
}
#topnav LI:hover #contact {
	BACKGROUND-POSITION: 0px -25px
}
#topnav LI.sfhover #contact {
	BACKGROUND-POSITION: 0px -25px
}
#topnav LI:hover #site {
	BACKGROUND-POSITION: 0px -25px
}
#topnav LI.sfhover #site {
	BACKGROUND-POSITION: 0px -25px
}
#topnav LI:hover #login {
	BACKGROUND-POSITION: 0px -25px
}
#topnav LI.sfhover #login {
	BACKGROUND-POSITION: 0px -25px
}
#topnav .active {
	CURSOR: default
}
#topnav {
	MARGIN: 0px; LIST-STYLE-TYPE: none
}
#topnav UL {
	MARGIN: 0px;
	LIST-STYLE-TYPE: none;
}
#topnav LI {
	DISPLAY: inline;
	float: left;
}
#topnav LI UL {
	Z-INDEX: 1000;
	LEFT: -999em;
	POSITION: absolute;
	background-color: #156165;
	float: left;
	width: 140px;
	padding: 0px;
	margin: 0px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: none;
	border-left-style: solid;
	border-top-color: #D5E7E8;
	border-right-color: #D5E7E8;
	border-bottom-color: #D5E7E8;
	border-left-color: #D5E7E8;
}
#topnav LI:hover UL {
	LEFT: auto;
	COLOR: #FFFFFF;
	background-color: #156165;
	margin: 0px;
	float: left;
	display: inline;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
#topnav LI.sfhover UL {
	LEFT: auto;
	COLOR: #FFFFFF;
	background-color: #156165;
	float: left;
	display: inline;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
#topnav UL LI A {
	PADDING-LEFT: 10px;
	FONT-SIZE: 12px;
	WIDTH: 120px;
	COLOR: #FFFFFF;
	TEXT-INDENT: 0px;
	HEIGHT: 10px;
	TEXT-DECORATION: none;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 10px;
	float: left;
	display: inline;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #D5E7E8;
}
#topnav UL LI A:hover {
	COLOR: #FFFFFF;
	text-decoration: none;
	float: left;
	display: inline;
	background-color: #CD6005;
}
#topnav ul li ul li{
display: inline;
float: none;
}

#navHolder {
	FLOAT: left;
	WIDTH: 272px;
	background-image: url(images/bgrnd-nav.gif);
	background-repeat: no-repeat;
	background-position: top;
	padding: 0px;
	margin-top: 84px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 0px;
}
UL#nav {
	WIDTH: 237
	LIST-STYLE-TYPE: none;
	width: 272px;
	margin: 0px;
	padding: 0px;
}
* #office {
	BACKGROUND: url(images/nav-office.gif)
}
* #patients {
	BACKGROUND: url(images/nav-patients.gif)
}
* #basics {
	BACKGROUND: url(images/nav-basics.gif)
}
* #parents {
	BACKGROUND: url(images/nav-parents.gif)
}
* #improve {
	BACKGROUND: url(images/nav-improve.gif)
}
* #education {
	BACKGROUND: url(images/nav-education.gif)
}
* #games {
	BACKGROUND: url(images/nav-games.gif)
}
* #club {
	BACKGROUND: url(images/nav-club.gif)
}
* #links {
	BACKGROUND: url(images/nav-links.gif)
}
#nav A {
	DISPLAY: block;
	OVERFLOW: hidden;
	WIDTH: 272px;
	TEXT-INDENT: -999em;
	HEIGHT: 28px
}
#nav A:hover {
	BACKGROUND-POSITION: -272px 0pt
}
#nav .active {
	BACKGROUND-POSITION: -272px 0pt
}
#nav LI:hover {
	BACKGROUND-POSITION: -272px 0pt
}
#nav LI.sfhover {
	BACKGROUND-POSITION: -272px 0pt
}
#nav LI:hover #office {
	BACKGROUND-POSITION: -272px 0pt
}
#nav LI.sfhover #office {
	BACKGROUND-POSITION: -272px 0pt
}
#nav LI:hover #patients {
	BACKGROUND-POSITION: -272px 0pt
}
#nav LI.sfhover #patients {
	BACKGROUND-POSITION: -272px 0pt
}
#nav LI:hover #basics {
	BACKGROUND-POSITION: -272px 0pt
}
#nav LI.sfhover #basics {
	BACKGROUND-POSITION: -272px 0pt
}
#nav LI:hover #parents {
	BACKGROUND-POSITION: -272px 0pt
}
#nav LI.sfhover #parents {
	BACKGROUND-POSITION: -272px 0pt
}
#nav LI:hover #improve {
	BACKGROUND-POSITION: -272px 0pt
}
#nav LI.sfhover #improve {
	BACKGROUND-POSITION: -272px 0pt
}
#nav LI:hover #education {
	BACKGROUND-POSITION: -272px 0pt
}
#nav LI.sfhover #education {
	BACKGROUND-POSITION: -272px 0pt
}
#nav LI:hover #games {
	BACKGROUND-POSITION: -272px 0pt
}
#nav LI.sfhover #games {
	BACKGROUND-POSITION: -272px 0pt
}
#nav LI:hover #links {
	BACKGROUND-POSITION: -272px 0pt
}
#nav LI.sfhover #links {
	BACKGROUND-POSITION: -272px 0pt
}
#nav .active {
	CURSOR: default
}
#nav {
	MARGIN: 0px; LIST-STYLE-TYPE: none
}
#nav UL {
	MARGIN: 0px;
	LIST-STYLE-TYPE: none;
}
#nav LI {
	DISPLAY: inline
}
#nav LI UL {
	PADDING-RIGHT: 0px;
	PADDING-LEFT: 0px;
	Z-INDEX: 1;
	LEFT: -999em;
	PADDING-BOTTOM: 0px;
	PADDING-TOP: 0px;
	POSITION: absolute;
	background-color: #afccce;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: none;
	border-left-style: solid;
	border-top-color: #FFFFFF;
	border-right-color: #FFFFFF;
	border-bottom-color: #FFFFFF;
	border-left-color: #FFFFFF;
}
#nav LI:hover UL {
	LEFT: auto;
	COLOR: #363636;
	PADDING-TOP: 0px;
	margin-top: -28px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 269px;
	background-color: #afccce;
}
#nav LI.sfhover UL {
	LEFT: auto;
	COLOR: #363636;
	PADDING-TOP: 0px;
	background-color: #afccce;
	margin-top: -28px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 269px;
}
#nav UL LI A {
	PADDING-LEFT: 10px;
	FONT-SIZE: 12px;
	WIDTH: 165px;
	COLOR: #0F4346;
	TEXT-INDENT: 0px;
	HEIGHT: 11px;
	TEXT-DECORATION: none;
	padding-top: 6px;
	padding-right: 10px;
	padding-bottom: 11px;
	background-color: #afccce;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-top-color: #FFFFFF;
	border-right-color: #FFFFFF;
	border-bottom-color: #FFFFFF;
	border-left-color: #FFFFFF;
	font-weight: bold;
}
#nav UL LI A:hover {
	COLOR: #FFFFFF;
	text-decoration: none;
	background-color: #156165;
}
#pageOffice a.pageOffice, #pagePatients a.pagePatients, #pageBasics a.pageBasics, #pageParents a.pageParents, #pageImprove a.pageImprove, #pageEducation a.pageEducation, #pageGames a.pageGames, #pageLinks a.pageLinks {
	background-position: -272px;
}
#pageHome a.pageHome, #pageContact a.pageContact, #pageSite a.pageSite, #pageLogin a.pageLogin {
	background-position: 0px -25px;
	background-repeat: no-repeat;
}
<script type="text/javascript">
function asteroids() {
	var targetID = "sesame-game";
	var so=new SWFObject("games/asteroids.swf", "flash-asteroids", "400", "300", "8");
	so.addParam("wmode", "transparent");
	so.write(targetID);
	var swfDiv=document.getElementById(targetID);
	swfDiv.innerHTML;	
}
function frogger() {
	var targetID = "sesame-game";
	var so=new SWFObject("games/frogger.swf", "flash-frogger", "400", "432", "8");
	so.addParam("wmode", "transparent");
	so.write(targetID);
	var swfDiv=document.getElementById(targetID);
	swfDiv.innerHTML;	
}
function pong() {
	var targetID = "sesame-game";
	var so=new SWFObject("games/pong.swf", "flash-pong", "400", "320", "8");
	so.addParam("wmode", "transparent");
	so.write(targetID);
	var swfDiv=document.getElementById(targetID);
	swfDiv.innerHTML;	
}
function simon() {
	var targetID = "sesame-game";
	var so=new SWFObject("games/simon.swf", "flash-simon", "400", "320", "8");
	so.addParam("wmode", "transparent");
	so.write(targetID);
	var swfDiv=document.getElementById(targetID);
	swfDiv.innerHTML;	
}
function snake() {
	var targetID = "sesame-game";
	var so=new SWFObject("games/snake.swf", "flash-snake", "400", "333", "8");
	so.addParam("wmode", "transparent");
	so.write(targetID);
	var swfDiv=document.getElementById(targetID);
	swfDiv.innerHTML;	
}
function spaceInvaders() {
	var targetID = "sesame-game";
	var so=new SWFObject("games/space-invaders.swf", "flash-space-invaders", "400", "328", "8");
	so.addParam("wmode", "transparent");
	so.write(targetID);
	var swfDiv=document.getElementById(targetID);
	swfDiv.innerHTML;	
}
function tetris() {
	var targetID = "sesame-game";
	var so=new SWFObject("games/tetris.swf", "flash-tetris", "400", "398", "8");
	so.addParam("wmode", "transparent");
	so.write(targetID);
	var swfDiv=document.getElementById(targetID);
	swfDiv.innerHTML;	
}
function ticTacToe() {
	var targetID = "sesame-game";
	var so=new SWFObject("games/tic-tac-toe.swf", "flash-tic-tac-toe", "400", "525", "8");
	so.addParam("wmode", "transparent");
	so.write(targetID);
	var swfDiv=document.getElementById(targetID);
	swfDiv.innerHTML;	
}
</script>

<div id="sesame-game">DO NOT DELETE THIS COMMENT</div>

<ul id="sesame-games">
<li><a href="javascript: asteroids()" title="Play Asteroids"><img src="games/images/asteroids.gif" alt="asteroids" /></a>
<h2><a href="javascript: asteroids()" title="Play Asteroids">Asteroids</a></h2>
<p>Fly around in space and shoot the asteroids. Every 10,000 points earns a bonus ship!<br />

<em><strong>Controls:</strong> Left arrow key=turn left; Right arrow key=turn right; Up arrow key=thrust forward; Space=fire missile; Shift key=hyperspace; P key=pause/unpause; Q key=quit; M key=mute/unmute.</em></p></li>

<li><a href="javascript: frogger()" title="Play Frogger"><img src="games/images/frogger.gif" alt="frogger" /></a>
<h2><a href="javascript: frogger()" title="Play Frogger">Frogger</a></h2>
<p>Carefully guide the frog across traffic and over the water to safety.<br />
<em><strong>Controls:</strong> Up/Down/Left/Right arrow keys=move frog; Spacebar or P key=pause/unpause; Q key=quit; M key=mute/unmute.</em></p></li>

<li><a href="javascript: pong()" title="Play Pong"><img src="games/images/pong.gif" alt="pong" /></a>
<h2><a href="javascript: pong()" title="Play Pong">Pong</a></h2>

<p>Use your paddle to hit the square ball back at your opponent. It can't get much more simple than this!<br />
<em><strong>Controls:</strong> Mouse=move paddle up/down.</em></p></li>

<li><a href="javascript: simon()" title="Play Simon"><img src="games/images/simon.gif" alt="simon" /></a>
<h2><a href="javascript: simon()" title="Play Simon">Simon</a></h2>
<p>Follow the pattern of lights and sounds for as long as you can remember them. Simon says&hellip;<br />
<em><strong>Controls:</strong> Mouse=click on the flashing buttons; R key=red button; G key=green button; B key=blue button; Y key=yellow button.</em></p></li>

<li><a href="javascript: snake()" title="Play Snake"><img src="games/images/snake.gif" alt="snake" /></a>
<h2><a href="javascript: snake()" title="Play Snake">Snake</a></h2>
<p>Guide the snake to eat the food. Be careful&hellip;the more you eat the longer you grow!<br />
<em><strong>Controls:</strong> Up/Down/Left/Right arrow keys=move snake; Spacebar or P key=pause/unpause.</em></p></li>

<li><a href="javascript: spaceInvaders()" title="Play Space Invaders"><img src="games/images/space-invaders.gif" alt="space invaders" /></a>
<h2><a href="javascript: spaceInvaders()" title="Play Space Invaders">Space Invaders</a></h2>
<p>Use your ship to shoot the aliens before they get you. A classic shoot 'em up!<br />
<em><strong>Controls:</strong> Left arrow key=move left; Right arrow key=move right; Spacebar=fire laser; P key=pause/unpause; Q key=quit.</em></p></li>

<li><a href="javascript: tetris()" title="Play Tetris"><img src="games/images/tetris.gif" alt="tetris" /></a>
<h2><a href="javascript: tetris()" title="Play Tetris">Tetris</a></h2>
<p>Arrange the falling blocks in rows and don't let them pile all the way to the top of the screen or you'll lose!<br />
<em><strong>Controls:</strong> Left arrow key=move shape left; Right arrow key=move shape right; Down arrow key=drop shape faster; X or Up arrow key=rotate clockwise; Z key=rotate counter-clockwise; P key=pause/unpause; Q key=quit; M key=mute/unmute.</em></p></li>

<li><a href="javascript: ticTacToe()" title="Play Tic-Tac-Toe"><img src="games/images/tic-tac-toe.gif" alt="tic-tac-toe" /></a>
<h2><a href="javascript: ticTacToe()" title="Play Tic-Tac-Toe">Tic-Tac-Toe</a></h2>
<p>Get three X's in a horizontal, vertical or diagonal row to win. Play against the computer or a friend.<br />
<em><strong>Controls:</strong> Mouse=place X or O in a square.</em></p></li>
</ul>div#sesame-game {
background: #000;
line-height: 0;
margin: 10px auto;
text-align: center;
width: 400px}

ul#sesame-games {
list-style: none;
margin: 0;
padding: 0}

ul#sesame-games li {
clear: both;
display: inline-block}

ul#sesame-games img {
border: 0;
float: right;
margin: 0 0 10px 10px}

ul#sesame-games p {
padding-bottom: 1em}

hr{clear:both; margin-bottom:18px; margin-top:18px;}