#squeezepage {
	/* this is the background color of the squeeze page */
	background-color:#555;
	width:100%;
	height:100%;
}
#squeeze #wrap {
	margin:0px auto;
	width:700px;
}
#squeeze #header {
	text-align:left;
	width:620px;
	margin:0px;
	padding:45px 40px 0px;
	/* to change the header color, change the #900 value to another hex color value. To change the header image, replace the header.png image. */
	background: #900 url(squeezepageimages/header.png) no-repeat center top;
	color: #FFF;
	height: 105px;
	border:none;
}
#squeeze #title {
	width: 600px;
	margin: 0px;
	padding: 0px;
}
#squeeze #title h3 {
	/* Change the title font below */
	font-family:Arial, Helvetica, sans-serif;
	font-size: 38px;
	line-height: 42px;
	color:#FFF;
	margin:0px;
}
#squeeze #header p.tagline {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 18px;
	line-height: 22px;
	color:#FFF;
}
#squeeze #mainContent {
	color: #000;
	background: #fff url(squeezepageimages/page-shadow.png) repeat-y center top;
	padding:35px;
	/* Change the overall squeeze page font, size and spacing below - some elements are specified individually. Other common font options are Georgia, Trebuchet MS, Lucida Sans, and Verdana */
	font-family: arial, helvetica, sans serif;
	font-size: 14px;
	line-height: 18px;
	text-align: left;
	margin-right: auto;
	margin-left: auto;
}
#squeeze .center {
	text-align:center;
}
img {
	border:none;	
}
#squeeze .greybox { /* apply this class to a paragraph to give it a grey box around it */
	background-color: #F3F3F3;
	border: 1px solid #E2E2E2;
	width: 80%;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 20px;
	padding-top: 15px;
	padding-right: 15px;
	padding-bottom: 15px;
	padding-left: 15px;
}
#squeeze blockquote { /* this creates a blockquote with a single quotation mark on the left side and indents the text to fit */
	background-image: url(squeezepageimages/blockquote.gif);
	background-repeat: no-repeat;
	background-position: left 7px;
	background-color: transparent;
	border-top:none;
	border-right:none;
	border-left:none;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	padding-top: 5px;
	padding-right: 15px;
	padding-bottom: 15px;
	padding-left: 60px;
	margin-top: 0px;
	margin-bottom: 25px;
	background-color: #FFF;
	color: #000;
}
#squeeze #mainContent .offercoupon { /* the offercoupon is the box with the red dotted line around it */
	padding: 20px;
	background-color: #FEFCD8;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 18px;
	font-weight: bold;
	background-image: url(squeezepageimages/coupon-bg.jpg);
	background-repeat: repeat-x;
	background-position: bottom;
}
#squeeze .offercouponoutline {
	width: 70%;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	border: 4px dashed #CC0000;
	padding: 5px;
	margin-top: 30px;
	margin-bottom: 30px;
}
#squeeze .offercoupon form {
	margin: 0px;
	padding: 0px;
}
#squeeze #mainContent .offercoupon p {
	line-height: 22px;
}
#squeeze .shadowbox { /* this styles the box that looks like the lower right corner is turned up */
	background-color: #FFFFFF;
	width: 90%;
	margin-right: auto;
	margin-left: auto;
	margin-top: 20px;
	margin-bottom: 20px;
	text-align: center;
}
#squeeze .sbcontent { /* shadow box content styles */
	padding: 15px;
	border: 1px solid #E2E2E2;
	background-color: #F3F3F3;
	background-image: url(squeezepageimages/shadowbox-corner.jpg);
	background-repeat: no-repeat;
	background-position: right bottom;
}
#squeeze .sbshadow { /* div for page curl shadow below box */
	background-image: url(squeezepageimages/shadowbox-shadow.jpg);
	background-repeat: no-repeat;
	background-position: right top;
	height: 28px;
}
#squeeze .greencheck li {
	list-style:none;
	padding: 0 0 10px 35px;
	background-image: url(squeezepageimages/checkmark-sm.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
#squeeze .redstop li {
	list-style:none;
	padding: 0 0 10px 35px;
	background-image: url(squeezepageimages/stop.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
#squeeze #mainContent .testimonial { /* styles for the testimonial table */
	width: 90%;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 20px;
	border: 1px solid #000;
	background-color: #FF6;
}
#squeeze .testimonial img {
	padding-top: 15px;
}
#squeeze #mainContent .roundbox { /* this is the opt-in email box with rounded corners */
	background-image: url(squeezepageimages/round-box-fill.gif);
	background-repeat: repeat-y;
	background-position: center;
	width: 475px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 25px;
	margin-bottom: 25px;
	height:auto;
	min-height:300px;
}
#squeeze #mainContent .roundboxcontent p {
	line-height: 24px;
	font-size: 21px;
	margin-bottom: 0px;
}
#squeeze .roundboxcontent {
	padding-right: 25px;
	padding-left: 25px;
	font-weight: bold;
	text-align: center;
	font-family: Georgia, "Times New Roman", Times, serif;
}
#squeeze .roundboxcontent .input {
	width: 300px;
	font-size: 15px;
	font-weight: bold;
	padding: 2px;
	color: #CC0000;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
	border: 1px solid #333333;
	background-color: #FFF;
}
#squeeze .roundboxcontent .label {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	text-align: center;
}
#squeeze #mainContent .button { /* Change the color or font of the form submit button below */
	background-color: #900;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #FFFFFF;
	padding: 4px;
	border: 2px solid #000;
	margin-top: 10px;
	cursor:pointer;
}
#squeeze #mainContent .button:hover { /* Change the hover color of the form submit button */
	background-color: #C00;
}
#squeeze .roundboxcontent form {
	margin-bottom: 0px;
}
#squeeze .roundboxbtm {
	background-image: url(squeezepageimages/round-box-btm.gif);
	background-repeat: no-repeat;
	background-position: center bottom;
	height: 22px;
	margin:0px;
	padding:0px;
}
#squeeze .roundboxtop {
	background-image: url(squeezepageimages/round-box-top.gif);
	background-repeat: no-repeat;
	background-position: center top;
	height: 22px;
}
#squeeze a, #squeeze a:link, #squeeze a:visited, #squeeze a:active {
	/* Change the color of text links below */
	color: #03F;
	text-decoration: underline;
}
#squeeze a:hover {
	/* Change the color of text hover color below */
	color: #000;
}
#squeeze h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 36px;
	line-height: 41px;
	margin-top:0px;
	padding-top:0px;
	color:#000;
}
#squeeze h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	line-height: 29px;
	color:#000;
}
#squeeze h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	line-height: 24px;
	color:#000;
}
#squeeze h4 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	line-height: 20px;
	font-weight:normal;
	color:#000;
}
#squeeze .yellow { /* this makes your text look like it is highlighted in yellow */
	background-color: #FFFF00;
	font-weight:bold;
}
#squeeze .red {
	color: #CC0000;
}
#squeeze .blue {
	color: #0000FF;
}
#squeeze .green {
	color: #007d0f;
}
#squeeze .lineout { /* crosses out text with a line */
	text-decoration: line-through;
}
#squeeze #footer {
	/* to change the footer color, change the #900 value to another hex color value.*/
	background: #900 url(squeezepageimages/footer.png) no-repeat center top;
	width:650px;
	padding:25px;
	margin:0px;
	height:38px;
}
#squeeze #footer, #squeeze #footer a, #squeeze #footer a:link, #squeeze #footer a:visited, #squeeze #footer a:active {
	color:#fff;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 11px;
}
.vectorpack {
	background: url(squeezepageimages/vector-box.jpg) no-repeat left top;
	height:300px;
	padding-left:210px;
}