/* CSS Document */

*{padding:0; margin:0;}

body {
background: #f2f0f0 url('../images/headerbg.jpg') repeat-x top center; 
font-size:16px; 
font-family: Arial, Helevtica, Verdana, san-serif; 
color: #777777;

} 

.clear {
clear:both
}

#wrap {
width:960px; 
padding:0 10px; 
margin:0 auto; 
position:relative; 
min-height:2000px;}


a {
color: #0000ff;
font-weight:bold;
text-decoration:none;
}

a:hover {
color: #a61212;
font-weight:bold;
text-decoration:none;
}

#topnav {
width:440px; 
height:80px; 
color:#fff; 
}


#topnav a:hover  {
width:440px; 
height:80px; 
color: #960c0c; 
}


h2#logo {
background:url('../images/logo.png'); 
width:485px; 
height:90px; 
top:10px;
}

#navigation {
width: 450px;
float: right;
margin: 30px 0 ;
padding: 0;
list-style: none;
}

#navigation li {
float: right; 
}

#navigation li a {
display: block;
padding: 8px 15px;
text-decoration: none;
font-weight: bold;
color: #fff;
border-right: 1px solid #343333; 
}

#navigation li a:hover {
color: #a41212;
}


#headline { 
width:940px; 
margin: 20px auto;
padding:20px;
background:#fff;
border:1px solid #c6c6c6; 
color:#040c17; 
font-size:22px; 
letter-spacing:-1px;
font-family: 'Helvetica Neue', Arial, 'Liberation Sans', FreeSans, sans-serif; 
font-weight:bold; 
text-align:center; 

}

#pitch {
width:900px; 
padding:20px 40px; 
color:#484848; 
margin:20px auto;
background:#ffffff;
border:1px solid #c6c6c6; 

}

#pitchex {
width:900px; 
padding:20px 40px; 
color:#484848; 
margin:20px auto;
background:#EFD3D2;
border:1px solid #c6c6c6; 

}

#pitchex h2 {
color:#484848; 
font-size:28px; 
letter-spacing:-1px; 
font-family: 'Helvetica Neue', Arial, 'Liberation Sans', FreeSans, sans-serif;
font-weight:bold; 
font-style:italic; 
margin:0 auto;
}

#title { 
width:920px; 
border-top:1px solid #c9c9c9; 
border-bottom:1px solid #c9c9c9; 
padding:10px;
color:#484848;
font-size:28px;
margin: 20px 0 20px 0; 
letter-spacing:-1px; font-family: 'Helvetica Neue', Arial, 'Liberation Sans', FreeSans, sans-serif; 
font-weight:bold; 
font-style:italic;
}


#headertitle {
font-family: 'Helvetica Neue', Arial, 'Liberation Sans', FreeSans, sans-serif; 
font-weight:bold;  
font-size: 34px; 
letter-spacing: -2px; 
line-height: 34px; 
color: #840e03; 
position:relative; 
top:10px; 
text-align:left; 
clear:both;
}


#subheading {
font-family: 'Helvetica Neue', Arial, 'Liberation Sans', FreeSans, sans-serif; 
font-weight:bold;  
font-size: 24px; 
letter-spacing: -1px; 
line-height: 30px;
color: #101010;
text-align:left; 
margin-top:40px;
}

a#back, a#top{
background:url('../images/icon_next.png') no-repeat; 
display:block; 
width:31px;
height:55px; 
outline:none; 
position:relative; 
text-indent:-9999px; 
left:896px
}

a#top{
background:url('../images/icon_top.png') no-repeat; 
left:856px

}



/* --- Scroll Nav--- */

.scroll {
  width: 980px;
 margin:0 auto;
 
}

.scroll-m1 {
  float: left;
  width: 0px;
  height: 1px;
}

.scroll-c1 {
  float: left;
  width: 147px;
}

.scroll-m2 {
  float: left;
  width: 5px;
  height: 1px;
}

.scrollc2 {
  float: left;
  width: 147px;
}




#sectiontitle { 
width:920px; 
color:#c1c1c1; 
font-size:28px; 
margin: 0 0 5px 0; 
letter-spacing:-1px; 
font-family: 'Helvetica Neue', Arial, 'Liberation Sans', FreeSans, sans-serif;
font-weight:bold; 
font-style:italic; 
margin:0 auto;
}

.features #sectiontitle { 
color:#ffffff; 
}

/*** CHECKLIST ***/

ul.checklist { 
list-style:none !important; 
margin-left:0px; 
}

ul.checklist li { 
background: url('../images/check.png') no-repeat 0 1px; 
padding-left:30px;
line-height: 22px 
}


#features-target, #tests-target, #buy-target, #bonuses-target, #contact-target, #videxamples-target { padding-top:5px;}

/* --- Typography --- */

.grid p {
line-height: 16px;
font-size: 10px;
font-family: Verdana, Geneva, sans-serif;
}

.grid h1 {
line-height: 32px;
font-size: 16px;
font-family: Verdana, Geneva, sans-serif;
}

.grid h2 {
line-height: 32px;
font-size: 16px;
font-family: Verdana, Geneva, sans-serif;
}

.grid h3 {
line-height: 32px;
font-size: 16px;
font-family: Verdana, Geneva, sans-serif;
}

.grid h4 {
line-height: 32px;
font-size: 16px;
font-family: Verdana, Geneva, sans-serif;
}

.grid h5 {
line-height: 32px;
font-size: 16px;
font-family: Verdana, Geneva, sans-serif;
}

.grid h6 {
line-height: 32px;
font-size: 16px;
font-family: Verdana, Geneva, sans-serif;
}

/* --- Grid --- */

.grid {
margin: 20px auto;
padding:20px;
background:#e6e8eb;
border:1px solid #c6c6c6;
width: 940px;
}

.grid img {
float: left;
padding-right:8px;
}

.grid-m1 {
float: left;
width: 22px;
height: 1px;

}

.grid-c1 {
float: left;
width: 214px;
margin: 10px 0 10px 0;
}


.grid-m2 {
float: left;
width: 20px;
height: 1px;
}

.grid-c2 {
float: left;
width: 214px;
margin: 10px 0 10px 0;
}

.grid-m3 {
float: left;
width: 20px;
height: 1px;
}

.grid-c3 {
float: left;
width: 214px;
margin: 10px 0 10px 0;
}

.grid-m4 {
float: left;
width: 20px;
height: 1px;
}

.grid-c4 {
float: left;
width: 214px;
margin: 10px 0 10px 0;
}


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

.section {
width: 940px;
margin: auto;
margin-bottom:20px;
background:#fff;
}

.section-m1  {
float: left;
width: 22px;
height: 1px;
}

.section-c1 {
float: left;
width: 458px;
}

.section-m2 {
float: left;
width: 20px;
height: 1px;
}

.section-c2 {
float: left;
width: 418px;
}


.features {
margin: 20px auto;
padding:20px;
background:#7e0701 url('../images/features_bg.gif') top center;
border:1px solid #c6c6c6; 
width: 940px;
color: #ffeae9;

}

.features img{
float:left;
padding-right:10px;

}

.features-m1 {
float: left;

padding-bottom:20px;
}

.features-c1 {
float: left;
width: 438px;
padding: 5px 0;
}

.features-m2 {
float: left;
width: 20px;
height: 1px;
padding: 5px 0;
}

.features-c2 {
float: left;
width: 438px;
padding: 5px 0;
}


.header {
width: 980px;
margin: auto;
}

.header-m1 {
float: left;
width: 22px;
height: 1px;
padding-bottom:20px;
}

.header-c1 {
float: left;
width: 340px;
padding:10px 20px 10px 0;
}

.header-m2 {
float: left;
width: 20px;
height: 1px;
padding:20px 0;
}

.header-c2 {
float: left;
width: 416px;
padding:20px 0;
margin-top:0px;
}



.footer {
	background:#fff;
	border:1px solid #ddd;
	padding:20px;
width: 940px;
margin: 80px auto;
margin-bottom:20px;

}

.footer-m1  {
float: left;
width: 22px;
height: 1px;
}

.footer-c1{
float: left;
width: 258px;
}

.footer-m2 {
float: left;
width: 20px;
height: 1px;
}

.footer-c2{
float: right;
width: 658px;
}

.footer-c2 p{
float:right;
}



/* --- Buy --- */

.buy {
	background:#fff;
	border:1px solid #ddd;
  width: 938px;
  margin: auto;
  padding:20px;
}

.buy p{
	font-size:10px;
	color:#333;
}

.buy-m1 {
  float: left;
  width: 22px;
  height: 1px;
}

.buy-c1 {
  float: left;
  width: 198px;
  border-right:1px solid #e6e8eb;
  height:50px;

 
}

.buy-m2 {
  float: left;
  width: 20px;
  height: 1px;
}

.buy-c2 {
  float: left;
  width: 348px;
  border-right:1px solid #e6e8eb;
  height:50px;
  
}

.buy-m3 {
  float: left;
  width: 20px;
  height: 1px;

}

.buy-c3 {
  float: left;
  width: 348px;
  height:50px;

}


.bonus {
margin: 20px auto;
padding:20px 40px;
background:#ffffff;
border:1px solid #e0e3e3; 
width: 900px;

}

.bonus h1 {
	color:#a61212;
}

.bonus img{
float:left;
padding-right:10px;

}

.bonus-m1 {
float: left;


padding-bottom:20px;
}

.bonus-c1 {
float: left;
width: 438px;
padding:20px 0;
}

.bonus-m2 {
float: left;
width: 20px;
height: 1px;
padding:20px 0;
}

.bonus-c2 {
float: left;
width: 438px;
padding:20px 0;
}

#small {
	font-size:10px;
	color:#222;
	padding:5px 0 5px 0;
}