@charset "UTF-8";
/* CSS Document */

body {margin: 0 auto;}
#container { background: #ffffcc url(images/gradient.gif) repeat-x; width: 802px; font-family: Georgia, "Times New Roman", Times, serif; font-size: 15px; margin: 0 auto;}

#header {float: left; background: white; width: 800px;  height: 101px; border: 1px solid #ccc; border-bottom: none; }
#header img.logo {float: left; width: 156px;}
#header img.act {background: #003366; float: right; width: 332px; color: white; font-size: 20px; text-transform: uppercase; font-family: Helvetica, Verdana, Arial, sans-serif; text-align: center; }
#intro {position: relative; z-index: 1; float: left; clear: both; background: #ffffcc url(images/pies.jpg) no-repeat 0 18px; width: 800px; height: 305px; border: 1px solid #ccc; border-top: none; border-bottom: none;}

h1 {margin: 0; padding-top: 25px; padding-right: 25px; text-align: right; font-weight: lighter; color: #CC0033;}
h2 {margin: 0; padding-right: 25px;  font-size: 1.3em; line-height: 1.5em; text-align: right; font-weight: lighter; color: #003366;}
h3 {background: #ffffcc; font-size: 16px; text-transform: uppercase; text-align: center; color: #FF6600; padding: 10px; margin: 0; font-family: Arial, Helvetica, sans-serif;}
.strong {font-weight: bold;}
.emphasis {font-style: italic;}


#intro p { position: absolute; width: 330px; left: 115px; bottom: 5px; font-size: 20px; line-height: 1.2em; font-style: italic; font-weight: 100;}

#main {background: url(images/gradient.gif) left bottom repeat-x; clear: both; float: left; width: 800px;  border: 1px solid #ccc; border-top: none; border-bottom: none; }

#content {float: left;  width: 57%; }
#content p {padding-left: 30px;}
#form-container {z-index: 10; float: right; width: 43%; font-family: Arial, Helvetica, sans-serif; font-size: 12px;margin-top: -20px; }

#form-container h4 { position: relative; z-index: 15;float: left; font-size: 18px; line-height: 1.5em; background: url(images/form-background.gif) no-repeat left top; padding: 20px 20px 20px 20px; margin: 0; 
 width: 340px; color:#cc0033; text-align: left; }
#form-container .secondary-heading {color: #cc0033; font-size: 14px; font-weight: normal;}

#form {clear: both; background: url(images/form-background2.gif) right bottom no-repeat; width: 340px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; margin-top: 0; padding-top: 0;}


input {width: 300px; margin-left: 20px; }
select {margin-left: 20px;}
#form label {margin-left: 20px;}




#free-gift {position: relative; background: white; padding-bottom: 15px;  }
#free-gift img {padding: 15px; margin: 15px 30px 0 30px;}
.burst {position: absolute; right: 0; top: 30px; left: 20px; width: 95px; height: 95px; font-weight: bold; text-align: center; color: white;}
#content ul {padding-top: 10px; margin-left: 20px; margin-right: 30px; padding-left: 30px; list-style-position: inherit;}
#content li {list-style-image: url(images/check.gif); line-height: 1.5em; padding-left: 10px; padding-bottom: 10px;}
#content li.plus {list-style-image: url(images/plus.gif);}


.fine-print {font-size: 12px; padding: 10px 20px 0 20px;}
#form .fine-print p {line-height: 1.5em;}
input.button {background: url(images/start.gif) no-repeat; width: 188px; height: 53px; margin: 10px auto; font-size: 1px; color: transparent;  border: none; margin: 0 auto;cursor:pointer;}
input.button2 {background: url(images/try-now.gif) no-repeat; width: 178px; height: 62px; margin: 10px auto; font-size: 1px; color: transparent;  border: none; margin: 0 auto;cursor:pointer;}
input.button3 {background: url(images/order-now.gif) no-repeat; width: 178px; height: 62px; margin: 10px auto; font-size: 1px; color: transparent;  border: none; margin: 0 auto;cursor:pointer;}
p#button {text-align: center; margin: 10px auto; padding-bottom: 30px;}
.subcopy {margin: -20px 0 0 0; padding: 0 30px 30px 30px; text-align: center; color: #777; font-size: 10px; line-height: 1.3em;} 


#closing {clear: both; width: 800px; background:#ffffcc ; float: left; width: 800px; border: 1px solid #ccc; border-top: none;  padding-bottom: 30px; }
#closing p.big {width: 100%; margin: 0 auto; text-align: center; }

.call-for-action {position: relative; background: url(images/call-for-action.png) no-repeat 0 30px; width: 752px; height: 200px;   text-align: center; margin: -20px auto;}
.call-for-action h2 {position: absolute; left: 175px; top: 70px; font-weight: bold; color: white;}
.call-for-action p {position: absolute; left: 175px; top: 90px; font-weight: bold; color: white; line-height: 2em;}

#new-addition {float: left; width: 94%; margin: 0 3%; background: #fcfaf5; border: 1px solid #ffcc33;}
#new-addition ul, #new-addition li {margin: 0; padding: 0; list-style: none;}
#how-it-works {float: left; width: 45%; margin: 0; padding: 2.5%; line-height: 1.5em;}
#how-it-works li {display: block; padding-bottom: 20px;}
#how-it-works p {font-weight: bold; font-size: 1.2em; line-height: 1em; text-align: left;}
#satisfaction {background: white; border: 1px solid #ccc; float: right; width: 40%; margin: 2.5%; padding: 2%;}
#satisfaction .image {float: left; width: 100%;}
#satisfaction .image p {float: left; width: 88px;}
#satisfaction p.main-text {width: 170px; padding-left: 15px; font-weight: bold; font-size: 1.1em; line-height: 1.2em;}
#satisfaction p.main-text span {display: block; font-weight: normal; font-style: italic; color: #777;}
#satisfaction .text {float: none; display: block; padding-top: 15px; }

#footer {clear: both; width: 802px; margin: 0 auto; background: white; padding: 30px; font-size: 10px; font-family: Helvetica, Verdana, Arial, sans-serif;}
#footer a {font-size: 11px; padding: 0 17px; border-right: 1px solid #666; color: #666; text-decoration: none; outline: none;}
#footer a.last {border-right: none;}
#footer .right {float: right; width: 50%; text-align: right;  vertical-align: top;}
#footer .right a,  #footer .right a img {float: left; padding-left: 10px; border: none; text-align: center; outline: none;}
#footer .left {float: left; width: 50%; text-align: left; padding-top: 20px;}