/* --- Main Content --- */

h1 {

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

	font-size:26px;

	line-height:26px;

	font-weight:bold;

	text-align:center;

	letter-spacing:-1px;

}



h2 {

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

	font-size:23px;

	font-weight:bold;

	text-align:center;

	letter-spacing:-1px;

	line-height:101%;

}



p {

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

	font-size:11pt;

	line-height:120%;

}



a:hover {

	color: #F00;

}



.bonus {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11pt;
	font-weight:normal;
	color:#000000;
	text-align:right;

}



#content {

	width: 660px;

	margin: auto;

}



body  {

	background-color: #F5F5F5;

	background-image:url(new/images/stripe.png);

	background-repeat: repeat-x; /* 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;

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

	font-size: 11pt;

	margin-right: 0;

	margin-bottom: 0;

	margin-left: 0;

	margin-top: 0px;

}



.thrColFixHdr #container {

	width: 700px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */

	background: #FFFFFF;

	text-align: left;

	border-right-width: 1px;

	border-right-style: solid;

	border-left-style: solid;

	border-right-color: #CCCCCC;

	border-left-color: #CCCCCC;

	border-left-width: 1px;

	margin-top: 0;

	margin-right: auto;

	margin-bottom: 0;

	margin-left: auto;

	padding-right: 0px;

	padding-left: 0px;

} 



.thrColFixHdr #mainContent {

	margin-top: 0;

	margin-right: 250px;

	margin-bottom: 0;

	margin-left: 150px;

	padding-top: 0;

	padding-right: 10px;

	padding-bottom: 0;

	padding-left: 10px;

} 



.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;

}



ul {

	font-size: 11pt;

}



li {

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

	font-size: 11pt;

	font-weight:normal;

	list-style-image: url(new(backup)/images/bullet.png);

	margin-left: 17px;

	line-height: 125%;

}

.underline {
text-decoration:underline;
}


#mainContent li {

	margin-left: -10px;

}



/* --- Header Section --- */



.thrColFixHdr #hdrlogo {

	height: 160px;

	width: 700px;

	margin-top: 0px;

	margin-right: auto;

	margin-bottom: 0px;

	margin-left: auto;1

	background-image: url(new(backup)/images/stripe.png);

	text-align: left;

	padding-left:25px;

	padding-right:25px;

}



#hdrlogo #hostedby {

	text-align: right;

	margin-right: 180px;

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

	font-size: 11pt;

	line-height: 24pt;

	display: inline-block;

	margin-bottom: 0px;

	width: 700px;

	padding-top: 0px;

	padding-right: 0px;

	padding-bottom: 0px;

	padding-left: 0px;

}



.thrColFixHdr #header {

	padding-top: 0;

	padding-right: 0px;

	padding-bottom: 0;

	padding-left: 0px;

} 



.thrColFixHdr #header h1 {

	margin: 0;

	padding: 20px 0 0 0;

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

	font-size: 30px;

	line-height: 100%;

	letter-spacing: -2px;

}



#hdrright #heather {

	padding-left: 30px;

	margin-bottom: -5px;

}



#header #hdrright {

	width: 226px;

	float: right;

	margin-top: -102px;

	margin-bottom: 0px;

}



#header #hdrleft {

	float: center;

	width: 600px;

	text-align: center;

}



/* --- Speaker Details Section --- */



.thrColFixHdr #sidebar1 {

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

	width: 125px; /* padding keeps the content of the div away from the edges */

	background-color: #FFF;

	padding-top: 0px;

	padding-right: 10px;

	padding-bottom: 15px;

	padding-left: 10px;

}



/* --- Optin Section --- */



.thrColFixHdr #sidebar2 {

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

	width: 217px;

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

	font-size: 10pt;

	margin-top: 0px;

	margin-right: 20px;

	margin-bottom: 10px;

	margin-left: 10px;

	border-right-width: 1px;

	border-left-width: 1px;

	border-right-style: solid;

	border-left-style: solid;

	border-right-color: #CCCCCC;

	border-left-color: #CCCCCC;

	background-color: #EEE;

	text-align: center;

	padding-top: 0;

	padding-right: 6;

	padding-bottom: 0;

	padding-left: 6;

	border-bottom-width: 1px;

	border-bottom-style: solid;

	border-bottom-color: #CCCCCC;

}

#claim {

	margin-left: -1px;

}



#sidebar2 #optcopy {

	padding-top: 0px;

	padding-right: 8px;

	padding-bottom: 10px;

	padding-left: 8px;

	text-align: left;

	font-size: 90%;

}



#optfield {

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

	width: 116px;

	float: right;

	font-size: 9pt;

	margin-right: 2px;

}



.optbtn1 {

	background-color: #FF0000;

}



.optbtn2 {

	background-color: #009900;

}



.optbtn {

	height: 30px;

	width: 200px;

	text-align: center;

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

	font-size: 12pt;

	font-weight: bold;

	letter-spacing: -1px;

}



#optbtn {

	clear: both;

	float: none;

	height: 30px;

	width: 200px;

	margin-top: 0px;

	margin-right: auto;

	margin-bottom: 10px;

	margin-left: auto;

	text-align: center;

	padding: 4px;

}



#opttag {

	font-weight: bold;

	width: 95px;

	float: left;

	height: 18px;

	line-height: 14pt;

	padding-top: 2px;

	text-align: right;

}





/* --- Order Section --- */



#order {
	width: 550px;
	border-style: dashed;
	border-width: 4px;
	border-color: #FFE9BB;
	background-color: #ffffcc;
	margin: 0 auto 0 auto;
	padding: 15px 20px 30px 20px;
	text-align: center;
}

#order p {

	text-align:left;

}



#order li {

	text-align:left;

}



.thrColFixHdr #hdrlogo {

	height: 160px;

	width: 700px;

	margin-top: 0px;

	margin-right: auto;

	margin-bottom: 0px;

	margin-left: auto;

	background-image: url(new(backup)/images/stripe.png);

	text-align: left;

	padding-left:25px;

	padding-right:25px;

}



/* --- Footer Section --- */



.thrColFixHdr #footer {

	background-color: #FFF;

	padding-top: 0;

	padding-right: 10px;

	padding-bottom: 10px;

	padding-left: 20px;

	height: 100px;

} 



.thrColFixHdr #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 */

}



#footersection {
	font-family: Arial, Helvetica, sans-serif;
	color: #333333;
	font-size: 8pt;
	text-align: center;
	padding: 4px;
	border: 1px solid #DEDEDE;
	width: 600px;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;
	background-color: #CCCCCC;
	margin-top: 10px;
}



#footersection a {

	color: #333333;

	text-decoration: none;

}



#footersection a:hover {

	color: #333333;

	text-decoration: underline;

}



/* Sales Page */

#testimonial {

	width: 520px;

	border: 4px;

	border-color:#999999;

	border-style: solid;

	border-style:dashed;

	margin: 0 auto;

	padding: 5px 15px;

	background-color: #ffffcc;

}



#orderform {

	width: 520px;

	border: 4px;

	border-style: solid;

	border-color: #FFE9BB;

	margin: 0 auto;

	padding: 5px 15px;

	background-color: #ffffcc;

}



.orderbtn1 {

	background-color: #FF0000;

}



.orderbtn2 {

	background-color: #009900;

}



.orderbtn {

	height: 40px;

	width: 400px;

	text-align: center;

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

	font-size: 14pt;

	font-weight: bold;

	letter-spacing: -1px;

}



#orderbtn {

	clear: both;

	float: none;

	height: 40px;

	width: 400px;

	margin-top: 0px;

	margin-right: auto;

	margin-bottom: 10px;

	margin-left: auto;

	text-align: center;

	padding: 4px;

}



/* --- IE Fixes --- */



[if IE 5]>

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

/*.thrColFixHdr #sidebar1 { width: 180px; }*/

/*.thrColFixHdr #sidebar2 { width: 190px; }*/



<![endif]



[if IE]>

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

/*.thrColFixHdr #sidebar2, .thrColFixHdr #sidebar1 { padding-top: 30px; } */

/*.thrColFixHdr #sidebar2, .thrColFixHdr #sidebar1, .thrColFixHdr #mainContent { zoom: 1; } */

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

<![endif]
.thrColFixHdr #container #header #content .sections {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13pt;
	font-weight: bold;
	letter-spacing: -1px;
}
