@charset "utf-8";

/* CSS Document */



a {

 text-decoration: none;

 color: #bc1e35;

}



a:hover {

text-decoration: none;

 color: #45283a;

}

 

.red a {

 text-decoration: none;

 color: #cc0000;

}



.red a:hover {

text-decoration: none;

 color: #FF0000;

}

 

 

p {

	font-family:Arial, Helvetica, sans-serif;

	line-height: 1.3;

	font-size: 16px;

	color: #66323e;

}



h1 {

	font-family: Arial, Helvetica, sans-serif;

	line-height: 1.0;

	color: #45283a;

	font-size: 22px;

	text-align: right;

	font-weight: bold;

	text-align: center;

	margin-bottom: 0px;

}





h2 {

	font-family: Arial, Helvetica, sans-serif;

	line-height: 1.0;

	color: #45283a;

	font-size: 26px;

	text-align: center;

}



h3 {

	font-family: Arial, Helvetica, sans-serif;



	line-height: 1.0;

	color: #45283a;

	font-size: 32px;

	text-align: center;

	font-weight: bold;

}



h4 {

	font-family: Arial, Helvetica, sans-serif;

	line-height: 1.3;

	color: #333333;

	font-size: 16px;

	text-align: left;

}







h5 {

	font-family: Arial, Helvetica, sans-serif;

	line-height: 1.0;

	color: #bc1e35;

	font-size: 26px;

	text-align: left;

}



h6 {

	font-family: Arial, Helvetica, sans-serif;

	line-height: 1.0;

	color: #bc1e35;

	font-size: 20px;

	text-align: center;

	margin-top: 1.5px;

}





img {

border: 0;

}

 

body  {

	font: 100% Arial, Helvetica, sans-serif;

	background-color: #fff;

	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */

	padding: 0;

	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */

	color: #000000;

	background-image: url(images/bg.gif);

	background-repeat: repeat;

}



#container {

	width: 800px; /* the auto margins (in conjunction with a width) center the page */

	text-align: left; /* this overrides the text-align: center on the body element. */

	background-image: url(images/container-bg.jpg);

	background-repeat: repeat-y;

	margin-top: 0;

	margin-right: auto;

	margin-bottom: 0;

	margin-left: auto;

} 



#header {

	height: 84px;

	width: 800px;

	background-image: url(images/header-site.png);

} 



#header-text {

	width: 375;

	color: #FFF;

	float: left;

	padding: 5px;

	position: absolute;

	left: 216px;

	top: 5px;



}



#headerlinks {

	height: 20px;

	width: 500px;

	margin-top: 35px;

	margin-left: 460px;

	

} 





#headline {

	height: 202px;

	width: 800px;

	background-image: url(images/header-site.jpg);

}





#headlinetext {

	padding-top: 10px;

	padding-right: 15px;

	padding-bottom: 15px;

	padding-left: 15px;	

	

}



#subheadline {

	height: 93px;

	width: 800px;

	background-color: #fff;

	overflow: auto;

	vertical-align : 0%;

	line-height: normal;

	

}

#container-header {
	height: 26px;
	width: 800px;
	background-image: url(images/ie6contenttop.jpg);
	background-repeat: no-repeat;
}



#mainContent {

	width: 640px;

	margin: 0; /* remember that padding is the space inside the div box and margin is the space outside the div box */

	padding-top: 0;

	padding-right: 80px;

	padding-bottom: 0;

	padding-left: 80px;

} 



#sidebar1 {

	float: left; /* since this element is floated, a width must be given */

	width: 151px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */

	

	padding: 5 0 0 0px;

}



#footer {
	height: 80px;
	width: 760px;
	background-image: url(images/footer.jpg);
	padding-right: 40px;
	padding-top: 30px;

} 

#footer p {

	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */

	padding: 10px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */

}

.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */

	float: right;

	margin-left: 8px;

}

.fltlft { /* this class can be used to float an element left in your page */

	float: left;

	margin-right: 8px;

}

.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */

	clear:both;

    height:0;

    font-size: 1px;

    line-height: 0px;

}





#signup {

	width: 349px;

	height: 86px;







	border: 0px

	margin-left: 115px;

	margin-left: 175px;

	margin-top: 75px;

	margin-bottom: 75px;

}



#table {

	width: 580px;

	height: auto;

	margin-left: 30px;

	

}



#content-box {

	width: 595px;

	height: auto;

	margin-left: 22.5px;

}







#content-header {

	height: 34px;

	background-image: url(images/bg-top.jpg);

	background-repeat: no-repeat;

}



#content-testimonial {

	height: 84px;

	background-image: url(images/testimonials-top.jpg);

	background-repeat: no-repeat;

	margin-bottom: -2px;

}



#content-promote {

	height: 61px;

	background-image: url(images/10day.jpg);

	background-repeat: no-repeat;

}



#boxtext2 {

	padding: 10px;

	

}

 

#content-bg {

	background-image: url(images/10day-bg.jpg);

	background-repeat: repeat-y;

	padding-top: 5px;

	padding-right: 20px;

	padding-bottom: 5px;

	padding-left: 20px;

	height: auto;

	width: 555px;



}



#content-bg2 {

	background-image: url(images/testimonials-bg2.jpg);

	background-repeat: repeat-y;

	padding-top: 5px;

	padding-right: 20px;

	padding-bottom: 5px;

	padding-left: 20px;

	height: auto;

	width: 555px;



}



#content-footer {

	height: 41px;

	padding-bottom: 0px;

	text-align: center;

	background-image: url(images/10day-bottom.jpg);

	background-repeat: no-repeat;

}



#content-footer2 {

	height: 35px;

	padding-bottom: 0px;

	text-align: center;

	background-image: url(images/testimonials-bottom2.jpg);

	background-repeat: no-repeat;

	width: 595px;

}




#footer_links {
	margin-top: 0px;
	width: 550px;
	float: right;
	padding-right: 10px;
	margin-right: 90px;
	display: inline;
}



#footer_links a {

	text-decoration: none;

	font-weight: bold;

	color:#fff;

}



#footer_links li {

	list-style-type: none;

	padding: 0px 14px;

	float: left;

	

}



#footer_links li#last {

	padding-right: 0px;

	background: none;

}





#copywrite {

	height: 30px;

	margin-top: 0px;

	background-image: url(images/bg.gif);

	background-repeat: repeat;

	

}



#copywrite a {

	text-decoration: none;

	color:#333333;

	font-size: 16px;

}



#headliner {

	height: 252px;

	background-repeat: no-repeat;

	width: 642px;

}


#bonus-header {
	height: 86px;
	background-image: url(images/bonus-header.jpg);
	background-repeat: no-repeat;
	margin-bottom: 0px;

}

#free-lander {
	height: 86px;
	background-image: url(images/freelander.jpg);
	background-repeat: no-repeat;
	margin-bottom: 0px;

}



#begin {
	height: 83px;
	background-image: url(images/begin.jpg);
	background-repeat: no-repeat;
	margin-bottom: -2px;
	width: 595px;

}


/* Video Box Starts */



#video {

	width: 595px;

	height: auto;

	margin-left: 22.5px;

}



#video-top {

	height: 64px;

	background-image: url(images/video-top.jpg);

	background-repeat: no-repeat;

	width: 595px;

}



#video2-top {

	background-image: url(images/video2-top.jpg);

	background-repeat: no-repeat;

	height: 63px;

	width: 595px;

}



#video-bg {

	background-image: url(images/samplestratbg.jpg);

	background-repeat: repeat-y;

	padding-top: 5px;

	padding-right: 20px;

	padding-bottom: 5px;

	padding-left: 20px;

	height: auto;

	width: 555px;



}



#video-footer {

	height: 25px;

	padding-bottom: 0px;

	text-align: center;

	background-image: url(images/samplestratbottom.jpg);

	background-repeat: no-repeat;

	width: 595px;

}







/* Video Box Ends */





/* inline opt in starts */



#optin {

	background-image: url(images/opt-in.jpg);

	height: 52px;

	width: 640px;

	margin-bottom: 15px;

	padding-bottom: 10px;

	padding-top: 25px;

	background-repeat: no-repeat;



}





/* inline opt in Ends */





/* popover opt in starts */

#popover{
	background-image: url(images/popover.jpg);
	height: 345px;
	width: 500px;
	background-repeat: no-repeat;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: -60px;
	margin-left: 0px;
}



/* popover opt in ends */





#box {

	width: 570px;

	float: left;

	margin-left: 20px;

	border: thick solid #BD2232;

	padding: 15px;

	margin-bottom: 15px;



}


.link {
	background-color: #f2ecc8;
	width: 80%;
	border: 2px dashed #bc1e35;
	text-align: center;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding: 5px;
}




</style>[if IE 5]>

<style type="text/css"> 

/* place css box model fixes for IE 5* in this conditional comment */

.twoColFixLtHdr #sidebar1 { width: 151px; }

</style>

<![endif][if IE]>

<style type="text/css"> 

/* place css fixes for all versions of IE in this conditional comment */



.twoColFixLtHdr #mainContent { zoom: 1; }

/* the above proprietary zoom property gives IE the hasLayout it needs to avoid several bugs */

</style>

<![endif]