/*PRESET*/
* {font-size:100%; font-family:Arial, Helvetica, sans-serif;}

html, body, div, span, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, img, caption, ul {margin:0; padding:0; border:0;}

html, body {width:100%; height:100%;}

body {font-weight:normal; font-style:normal; font-size:16px;}

h1 {font-size:25px;}
h2 {font-size:20px;}
h3 {font-size:20px;}
h4 {font-size:13.5pt;}


/*SELECTOR*/
#container {width:800px; margin:0 auto;}

#header {width:800px; height:110px; margin:0 auto; padding:0; background: #fff url(http://www.m5videoguide.com/newheader.jpg) no-repeat;}

#contentWrapper {width:800px; margin:0 auto; background: #FFF url(http://www.m5videoguide.com/newmiddle.jpg);}

#title {width:600px; margin:0 auto; text-align:center;}
#title h1 {padding-bottom:15px;}
#title h2 {padding-bottom:10px;}

#subtitle {width:600px; margin:30px auto 22px auto; text-align:center;}
#subtitle h2 {padding-bottom:10px;}

#content {width:600px; margin:0 auto;}
#content h2, h3 {padding:30px 0;}
#content p {padding:8px 0;}
#content ul {width:600px; margin:0 auto; padding: 10px 0 10px 30px;}

#secrets {width:600px;}
#secrets h4 {font-size:16px; background: url(http://www.m5videoguide.com/check.jpg) no-repeat top left; height:30px; padding:10px 0 0 50px;}
#secrets h4.long {padding-bottom:20px;}
#secrets ul {width:490px; margin:0 auto; padding-top:0; padding-bottom:20px;}

#sample {width:800px; margin:0 auto; text-align:center;}

#footer{clear:left; background:#fff url(http://www.m5videoguide.com/newfooter.jpg) no-repeat; width:800px; margin:0 auto; text-align:center; font-size:9pt; padding: 60px 0 20px 0;}


/*CLASS*/
.bold {font-weight:bold;}
.italic {font-style:italic;}
.underline {text-decoration:underline;}
.normal {font-weight:normal;}

.small {font-size:15pt;}
.big {font-size:18pt;}
.georgia {font-family:Georgia;}

.red {color:#cc0000;}
.gray {color:#818181;}

.alignCenter {text-align:center;}
.alignLeft {text-align:left;}
.alignRight {text-align:right;}
.alignJustify {text-align:justify;}

.floatLeft {float:left;}
.floatRight {float:right;}
.floatNone {float:none;}
.clear {clear:both;}

.imgpad {padding-bottom:30px;}

.bonus {margin:0 auto; border:1px solid #111; background:#ffffcc; width:532px;}
.bonus h3, h4 {padding:0;}
.bonus p {width:415px; text-align:left;}
#content ul.bonus {width:300px; list-style-type:disc; margin:0; text-align:left; border:none;}
.bonusContainer {margin:15px; background:url(http://www.m5videoguide.com/bonus.jpg) no-repeat;}
.bonusContent {margin-left:90px; text-align:center;}
.bonusSpacer {height:60px;}

.bonus1 {margin:0 auto; border:1px solid #111; background:#ffffcc; width:532px;}
.bonus h3, h4 {padding:0;}
.bonus p {width:415px; text-align:left;}
#content ul.bonus {width:300px; list-style-type:disc; margin:0; text-align:left; border:none;}
.bonusContainer1 {margin:15px; background:url(http://www.m5videoguide.com/exclusive.png) no-repeat;}
.bonusContent {margin-left:90px; text-align:center;}
.bonusSpacer {height:60px;}

.free {font-size:24px;}

.shadow {background:url(http://www.m5videoguide.com/shadow.jpg) no-repeat; width:430px; height:34px; float:right; margin:0 auto;}

.pricing {border:6px dashed #cc0000; width:409px; height:258px; margin:40px 0;}

.bigSpacer {height:40px;}
.smallSpacer {height:10px;}

.pager_examples {border:1px solid #999;}
.pager_examples p {margin:0 10px;}
.pager_examples .nav {background:#eee; padding:5px; text-align:center;}
.pager_examples .nav a {padding:0 5px;}
.pager_examples .nav a.highlight {color:#000; font-weight:bold;}