Revisions List Tweaks

Also added better support for FireFox for the "angle" rule.

landingpage.html

@@ -40,7 +40,7 @@ <h1> $40 For Your Choice of Manicure and Pedicure </h1>
 						<img src="images/offer-img.jpg" width="500">
 					</div>
 					<div id="offer-img-banner">
-						<span class="percent"> 40% </span>
+						<span class="percent"> 40% off </span>
 					</div>
 				</div>
 				<div id="price-tag-container">

style.css

@@ -17,7 +17,8 @@ h1, h2, h3, h4, div, p, a, ul, li {
 h1 {
 	font-size: 2em;
 	font-weight: bolder;
-	line-height: 60px;
+	line-height: 30px;
+	padding-bottom: 15px;
 }
 
 h2 {
@@ -129,6 +130,7 @@ h4 {
 	width: auto;
 	float: left;
 	margin: 5px 10px 0 0;
+	color: #888;
 }
 
 #active-btn {
@@ -151,15 +153,15 @@ h4 {
 }
 
 #offer-title {
-/*	background: white;*/
+	/*background: white;*/
 	line-height: 50px;
-	padding: 0 0 0 0px;
+/*	padding: -10px 0 0 0px;*/
 
 }
 
 #offer-img-container {
 	background: red;	
-	padding: 0 0 0 15px;
+	padding: 0px 0 0 15px;
 }
 
 #offer-img {
@@ -168,6 +170,7 @@ h4 {
 /*	background: #222;*/
 	float: left;
 	position: relative;
+	padding: -10px 0 0 0;
 
 }
 
@@ -177,25 +180,25 @@ h4 {
 /*	background: #777;*/
 	background: url(images/offer-img-banner.png);
 	position: absolute;
-	margin-top: 107px;
+	margin-top: 92px;
 	margin-left: -9px;
 /*	float: left;*/
 /*	box-shadow: inset 0px 1px 5px #666	*/
 }
 
 .percent {
-	width: 100px;
+	width: 150px;
 /*	background: red;*/
-	-webkit-transform: rotate(-28deg);
-	-moz-transform: rotate(-28deg);
+	-webkit-transform: rotate(-27deg);
+	-moz-transform: rotate(-27deg);
 	position: absolute;
-	font-size: 3em;
+	font-size: 2.8em;
 	font-weight: bolder;
 	padding: 10px 0 0 0;
-	margin: 37px 0 0 15px;
+	margin: 25px 0 0 28px;
 	letter-spacing: -3px;
 	color: white;
-	text-shadow:inset 0px 1px 1px #292929;
+	text-shadow: 0px 1px 1px #999;
 }
 
 #offer-img-banner p {
@@ -298,7 +301,7 @@ h4 {
 #seats p {
 /*	margin-top: 15px;*/
 /*	padding: 2px 0 5px 0;*/
-	color: #777;
+	color: #999;
 	line-height: 20px;
 	font-weight: bold;
 	font-size: 1.3em;
@@ -413,6 +416,8 @@ OLD FORM
 	margin: 30px 0 0 0;
 	position: relative;
 /*	background: red;*/
+	font-family: helvetica, arial, sans-serif;
+
 }
 
 #myform p {
@@ -433,6 +438,7 @@ input {
   font-size: 1em;
   font-family: helvetica;
   color: #999;
+
 } 
 
 .box {