diff --git a/closebox.psd b/closebox.psd
new file mode 100644
index 0000000..e4df75f
Binary files /dev/null and b/closebox.psd differ
diff --git a/closedown.png b/closedown.png
new file mode 100644
index 0000000..7f32cc1
Binary files /dev/null and b/closedown.png differ
diff --git a/closeup.png b/closeup.png
new file mode 100644
index 0000000..8d094b4
Binary files /dev/null and b/closeup.png differ
diff --git a/main.html b/main.html
index 00b3bda..43bb20b 100644
--- a/main.html
+++ b/main.html
@@ -15,8 +15,8 @@
 
 <div id="titlebar">
   <img src="swords.gif">
-  <span>Progress Quest</span>
-  <a id="quit"><div>X</div></a>
+  <span id="title">Progress Quest</span>
+  <a id="quit"><img src="closeup.png"></a>
 </div> 
 
 <script src="jquery.js"></script>
diff --git a/main.js b/main.js
index d07ad5a..6e2486c 100644
--- a/main.js
+++ b/main.js
@@ -998,7 +998,7 @@ function LoadCharacter() {
     LoadGame(sheet);
   }
 
-  $("#titlebar span").text("Progress Quest - " + GameSaveName());
+  $("#title").text("Progress Quest - " + GameSaveName());
 
   if (window.location.href.indexOf("?quit#") > 0)
     $("#quit").click();  // TODO: cheesy
diff --git a/newguy.html b/newguy.html
index 124582a..4f606fc 100644
--- a/newguy.html
+++ b/newguy.html
@@ -23,7 +23,7 @@ input, button { display: inline; }
   <div id="titlebar">
     <img src="swords.gif">
     <span>Progress Quest - New Character</span>
-    <button id="Cancel">X</button>
+    <a id="quit"><img src="closeup.png"></a>
   </div> 
 
   <div class="client">
diff --git a/newguy.js b/newguy.js
index 94f93aa..2c06958 100644
--- a/newguy.js
+++ b/newguy.js
@@ -71,7 +71,7 @@ $(document).ready(function () {
   $("#Unroll").click(UnrollClick);
   $("#RandomName").click(GenClick);
   $('#Sold').click(sold);
-  $('#Cancel').click(cancel);
+  $('#quit').click(cancel);
 
   //var caption = 'Progress Quest - New Character';
   //if (MainForm.GetHostName != '')
diff --git a/progros.css b/progros.css
index 02df854..9cbe698 100644
--- a/progros.css
+++ b/progros.css
@@ -86,31 +86,14 @@ th:first-child {
 
 #quit {
   float: right;
-  border: solid 1px white;
-  border-color: white grey grey white;
-  height: 15px;
-  text-align: center;
-  background-color: #e7e7e7;
-  color: black;
-  margin: 2px;
-  padding: 1px 3px 1px 3px;
-  cursor: pointer;
-  
-  position: relative;
-  display: table;
+  background: url(closedown.png);
+  text-decoration: none;
+  border: none 0;
+  margin: 2px 2px 0 0;
 }
 
-/* http://www.jakpsatweb.cz/css/css-vertical-center-solution.html */
-
-#quit div {
-  display: table-cell;
-  vertical-align: middle;
-  width: 100%
-}
-
-#quit:active {
-  border-color: #e7e7e7;
-  padding: 2px 2px 0px 4px;
+#quit:active img {
+  opacity: 0;
 }
 
 .window {