/* css browser reset */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin: 0;padding: 0;border: 0;outline: 0;font-weight: inherit;font-style: inherit;font-size: 100%; font-family:Arial, Helvetica, sans-serif; vertical-align: baseline;}
/* remember to define focus styles! */
:focus {outline: 0;}
body {line-height: 1;color:#000000;background:#ffffff;}

/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse: separate;border-spacing: 0;}
caption, th, td {text-align: left;font-weight: normal;}
blockquote:before, blockquote:after, q:before, q:after {content:"";}
blockquote, q {quotes: "" "";}

/** general layout **/
#wrapper{background:url(../images/fill.jpg) repeat-y; width:900px; height:100%;margin:0 auto 0 auto;}
#head{background:url(../images/head.jpg); height:182px;}
#navigation{height:29px; margin:0 0 15px 59px; }
#banner{background:url(../images/james-banner.png) no-repeat; height:300px; padding:0 75px;}
#left-column{background:url(../images/left-column-fill.png) repeat-y; margin:0 0 0 46px; width:255px;float:left;}
#right-column{margin-left:330px; width:500px; padding:0 10px; /**background:#EAF4FF;**/}
#intro{margin:0px 0px 0px -20px;}
#right-column-content{margin:0px 0px 0px -30px}
#intro-why{margin-left:-50px;}
#intro-why ul li{ line-height:20px; font-weight:normal;}
#foot {background:url(../images/fill.jpg) repeat-y; width:900px; margin:0 auto 0 auto; padding-top:150px;}
#foot-buy{background:url(../images/fill.jpg) repeat-y; width:900px; margin:0 auto 0 auto; padding-top:350px;}
div.box {border:1px dashed #e2e2e2; padding:10px; margin-bottom:10px;}
#left { width:230px; clear:left; margin:0px 0px 0px 15px; }
#left p{padding:0 10px;}
#contact{padding-bottom:1100px;}

/** a tags **/
a img {border:none;}
#left-column a img{padding-bottom:10px;}
#navigation a, #navigation a img {margin:0 -2px 0 0; padding:0;}

/** list tags **/
ul {margin:0 0 15px 30px;}
ul li{line-height:14px; font-size:14px; font-weight:bold; list-style-image:url(../images/blue-check.png); margin-left:30px;}

/** img tags **/
#left-column-top{background:url(../images/left-top.png) no-repeat; height:15px; margin:0 0 0 46px;width:255px;}
#left-column-bottom{background:url(../images/left-bottom.png) no-repeat; height:31px; margin:0 0 0 0px;width:264px;}



/** h tags **/
h1{font-size:20px; line-height:35px;font-weight:bold; padding-bottom:20px; text-align:center;}
h2{font-size:15px; padding:10px 0 10px 0;line-height:26px; font-weight:bold;}
h3{font-size:16px;}
#left-column h1 {font-size:15px; margin-left:10px; color:#000;  padding-bottom:15px ; font-weight:bold;}
#banner h2{font-size:19px;letter-spacing:.05em; font-weight:bold; }
#james-intro h2{line-height:18px; padding-top:25px;}
#banner h2#tagline{margin-top:-25px; text-align:center; }
#right-column-content h2{text-align:center;}
#h2{margin:0px 0px 0px 10px;}

/** p tags **/
p {padding:0 0 15px 0; line-height:23px; font-size:13px;}
#banner p {line-height:24px;}
#banner p#jamesko{margin-top:-20px;}
p.q{font-weight:bold;}
p.a{font-size:12px; font-style:italic;}
#testimonial-content{margin-left:0px;}

/** banner **/
#banner #james-intro{margin:5px 0 25px 390px; width:340px;}

/** form **/
form{padding-bottom:10px;}
#left-column form input{padding-left:23px;}



/** money back box **/
#bluebox{border:1px solid #64d3fe; background:#FFFFCC; padding:10px; margin-bottom:15px;}

/** general classes **/
.italic{font-style:italic;}
.blue{color:#269cc7;}
.red{color:#ff0000;}
.fontsixty{font-size:63px;}
.highlight{background:#FF0;}
.bold{font-weight:bold;}
.testimonial-name{font-weight:bold; text-align:right; color:#269cc7}