/*-----------------------------------------------------------------------------

-----------------------------------------------------------------------------*/
@import url(reset.css);

/*
	Floated two column elastic layout (including hacks for IE 5.x, IE 6 and Netscape 6)
	Please see CSS Mastery (Advanced Web Standards Solutions) by Andy Budd for more details
*/
body {
	min-width: 760px; /* Netscape 6 hack to ensure content can be accessed in small window */
	text-align: center; /* IE 5.x and IE 6 hack in quirks mode */
	margin-top: 0px;
	text-align: center;
	font-family: Trebuchet ms, Arial, Tahoma, Verdana, Sans-serif;
	color: #222;
	background: url(../i/10.png) top repeat-x; 	/* Non-relevant image given non-relevant filename */
	font-family: Trebuchet ms, Tahoma, Verdana, Sans-serif;
	font-size: 62.5%;
}

#wrapper {
	text-align: left; /* IE 5.x and IE 6 hack in quirks mode */
	width: 78em;
	margin: 0 auto;
	max-width: 1236px;
	min-width: 750px;
}

#wrapper {
	margin-top: 10px;
}

#content {
	background-color: #fff;
	border: 1px solid #777;
	padding: 0px 30px 10px 30px;
	margin-bottom: 20px;
}

#content #sidebar {
	float: left;
	text-align: center;
	width: 35em;
}

#content #main {
    float: right;
    width: 32em;
}

#content #single {
	width: 62em;
	margin: 0 auto;
}

#content #freebies {
	width: 70em;
	margin: 0 auto;
}

#writers-blocks #content #sidebar {
	float: left;
	width: 32em;
}

#writers-blocks #content #main {
    float: right;
    width: 32em;
}

#image-line {
	width: 78em;
}

#image-line .image {
	width: 22.1em;
	float: left;
	margin: 10.5px;
}

#image-line .border {
	border: 1px solid #eee;
}

#image-line .image p {
	margin: 0 auto;
	width: 100%;
	font-weight: bold;
	font-size: 1.4em;
	line-height: 1.3em;
	margin-top: 0.8em;
	text-align: center;
}
/*--- Layout ---*/

/*--- Header ---*/
#header {
}
/*--- Header ---*/

/*--- Typography ---*/
p {
	font-size: 1.8em;
	line-height: 1.3em;
	margin-top: 0.7em;
	margin-bottom: 0.5em;
}

p em {
	font-style: italic;
}

strong {
	font-weight: bold;
}
/*--- Typography ---*/


/*--- Headings ---*/
h1, h2, h3 {
	font-weight: normal;
	color: #036;
}

h1 {
	text-indent: -999em;
	margin-bottom: -25px;
	font-size: 1.5em;
}

h2 {
	font-family: Tahoma;
	margin-top: 0.6em;
	margin-bottom: 0.6em;
	font-size: 3.5em;
	font-weight: bold;
	padding: 0 0 0.2em 0;
	line-height: 1.3em;
	letter-spacing: -0.5px;
	text-align: center;
}

h1 em,
h2 em {
	text-align: center;
	font-style: italic;
	font-size: 0.7em;
	letter-spacing: 0px;
}

h2 small {
	font-size: 0.8em;
}

h3 {
	letter-spacing: 0.5px;
	font-family: Tahoma, Verdana, Sans-serif;
	font-size: 2.2em;
	margin-top: 0.5em;
	margin-bottom: 0.7em;
	line-height: 1.3em;
	text-align: center;
}

h3 em {
	color: black;
}

h4 {
	font-family: Tahoma, Verdana, Sans-serif;
	font-size: 2.2em;
	color: #036;
	text-align: center;
	font-weight: bold;
	margin-top: 1.5em;
	margin-bottom: 1.5em;
}
/*--- Headings ---*/

/*--- Benefits ---*/
#benefits {
	display: none;
	text-align: left;
	margin-top: 3em;
	margin-bottom: 5em;
}

#benefits ul {
	margin: 0;
	padding: 0;
	margin-top: 1.3em;
	padding: 0 0 0 20px;
	font-size: 1.1em;
	line-height: 1.4em;
}

#benefits ul li {
	background-image: url(../i/11.gif);
	background-repeat: no-repeat;
	background-position: 0 .2em;
	padding-left: 2em;
	padding-bottom: 20px;
	font-size: 1.4em;
	line-height: 1.2em;
}

#benefits-no-tick ul li {
	background-image: none;
}
/*--- Benefits ---*/


/*--- Hero shot ---*/
#hero-shot {
	margin-top: 3em;
}

#hero-shot p {
	margin: 0 auto;
	margin-top: 2.5em;
	width: 60%;
	font-size: 1.5em;
	font-style: italic;
	color: #036;
}
/*--- Hero shot ---*/

/*--- Footer panel --- */
#footer {
    /* background-image: url("../i/3.jpg"); */ /* Non-relevant image given non-relevant filename */ 
	font-size: 0.8em;
    background-repeat: no-repeat;
    text-align: center;
	padding: 0em;
	margin-top: 3em;
}

#optin #footer {
	margin-top: 1em;
}

#footer p {
	padding-top: 1em; /* Move out the way of the image */
}

.copyright {
	color: grey;
	font-size: 0.9em;
}
/*--- Footer panel ---*/


/*--- Optin ---*/
#optin-form {
	text-align: center;
	background: #f9f9f9;
}

#optin-form fieldset {
	margin: 1em 0;
	border: 2px dashed #ccc;
	color: black;
	font-weight: bold;
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 5px;
	padding-bottom: 10px;
}

#optin-form fieldset p {
	font-weight: normal;
	margin-bottom: 1em;
	font-size: 1.5em;
	text-align: center;
	line-height: 1.2em;
	width: 90%;
	margin-left: auto;
	margin-right: auto;
}

#optin-form fieldset h3 {
	color: #036;
	text-align: center;
	font-weight: normal;
	font-size: 1.3em;
	font-weight: bold;
	font-size: 1.8em;
}

#optin-form #submit {
}

#optin-form legend {
	padding-left: 5px;
	padding-right: 5px;
	font-size: 2.8em;
	font-weight: bold;
}

#optin-form dl {
}

#optin-form fieldset dt {
	margin-top: 12px;
	font-size: 1.2em;
}

#optin-form dl dd input.box {
	background-color: rgb(255, 255, 160);
	width: 250px;
	border-style: solid;
	border-color: black;
	border-width: 2px;
	color: #036;
	font-size: 1.8em;
    padding: 0.5em 0.25em 0.5em 0.25em;
}

#optin-form dl dd {
	margin-top: 1px;
}

#optin-form dt label {
	font-size: 1.2em;
	letter-spacing: 0.5px;
}

#optin-form dt {
	margin-bottom: 0.5em;
}

#optin-form #submit {
	margin-top: 20px;
}

#trust {
	text-align: center;
}

#trust #privacy-policy {
	font-size: 1.1em;
	text-align: center;
	font-weight: normal;
	margin-left: 10px;
	margin-right: 10px;
}
/*--- Optin form ---*/

/*--- Free stuff ---*/
#writers-blocks #content #main {
    float: left;
	text-align: center;
	margin-bottom: 2em;
	margin-top: 2em;
}

#writers-blocks #content #sidebar {
	float: right;
	text-align: center;
	margin-top: 2em;
	margin-bottom: 2em;
	margin-right: 3.5em;
}

#writers-blocks .pdf-ebook,
#writers-blocks .audio-mp3 {
	border: 2px solid black;
	margin-bottom: 2em;
}

#writers-blocks h2 {
	margin-bottom: 0.5em;
}
/*--- Free stuff ---*/

/*--- Specials ---*/
.clear {
	clear: both;
}

em {
	font-style: italic;
}
/*--- Specials ---*/

/*--- Images ---*/
.img-wrapper {
    background: url(../i/5.gif) no-repeat right bottom; /* Non-relevant image given non-relevant filename */
	margin: 10px;
	margin-right: 20px;
	margin-top: 15px;
	float: left;
}

.img-wrapper div {
    background: url(../i/4.png) no-repeat left top !important; /* Non-relevant image given non-relevant filename */
    background: url(../i/4.gif) no-repeat left top; /* Non-relevant image given non-relevant filename */
    padding: 0px 5px 0px 0px;
	float: left; /* :KLUDGE: Fixes bug in IE/Mac */
}

.img-wrapper img {
	background: #fff;
	border: 1px solid #a9a9a9;
	padding: 2px;
}
/*--- Images ---*/

/*--- Writer's block --- */
#writers-block {
	display: none;
	text-align: center;
}

#writers-block h3 {
	color: #036;
	text-align: center;
	margin-top: 1em;
	margin-bottom: 0em;
	font-weight: normal;
	font-size: 1.3em;
	font-weight: bold;
	font-size: 1.8em;
}
/*--- Writer's block --- */

/* --- Download preview --- */
#download-preview {
	margin-left: auto;
	margin-right: auto;
	margin-top: 3em;
	margin-bottom: 4em;
	text-align: center;
	width: 65%;
}

#download-preview h2 {
	color: black;
	letter-spacing: 0px;
}

#download-preview p {
	margin-top: 1.2em;
}

#download-preview p a {
	font-size: 1.4em;
	font-weight: bold;
}

#download-preview .safety {
	margin-top: 2em;
	font-size: 1.5em;
}
/* --- Download preview --- */
  
/*--- Body testimonial ---*/
.testimonial {
	margin-top: 2em;
	margin-bottom: 2em;
	background: #eee;
	background: #eee url(../i/13.gif) no-repeat 6% 5%;
}

.testimonial blockquote {
	text-align: center;
	font-family: Georgia, serif;
	font-size: 1.3em;
	letter-spacing: -1px;
	line-height: 1em;
	color: #555;
}

.testimonial blockquote p.quote {
	margin: 20px 20px 20px 20px;
	padding: 30px 28px 20px 28px;
	background: url(../i/14.gif) no-repeat right bottom;
}

.testimonial p.author {
	margin: 0 10px 0 0;
	padding: 0 0 10px 0;
	color: #999;
	font-size: 1.4em;
}

.quote #quote strong {
	font-weight: bold;
}
/*--- Body testimonial ---*/


.signature {
	float: right;
	margin-right: 2.5em;
	margin-top: 3.5em;
}

.highlight {
	background-color: #ffffa0;
}

.underline {
	text-decoration: underline;
}

.logo {
	float: left;
}

.trust {
	float: right;
}

.right-inline-image {
	float: right;
	margin-left: 15px;
	margin-top: 10px;
	margin-bottom: 10px;
}

.left-inline-image {
	float: left;
	margin: 0;
	margin-right: 10px;
}

.drop {
	float: left;
	font-size: 300%;
	line-height: 1em;
	margin: 0px 5px 0px 0;
	padding: 0px 0px;
	font-weight: bold;
}