
/* (C) 2008 Inspired by EJ Stocks. optimised for Internet Explorer 6. */


/* Global reset */
*, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h5, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td { margin:0; padding:0 }
table { border-collapse:collapse; border-spacing:0 }
fieldset, img { border:0 }
address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal }
ol, ul, li { list-style:none }
caption, th { text-align:left }
h1, h2, h3, h5, h5, h6 { font-size:100% }
q:before, q:after { content:''}


/* Global reset-RESET */
/* The below restores defaults */

strong { font-weight: bold }
em { font-style: italic }
a img { border:none } /* Gets rid of IE's blue borders */
br { clear:both; height:1px; margin:-1px 0 0 0 }




/* Typography - basics */

body, h2, p, li, label, input { font:11px/18px 'Lucida Grande', 'Lucida Sans Unicode', Verdana, Arial, Helvetica, sans-serif; color:#666 }
p { margin:0 0 20px 0 }
h2, span { color:#de7321; }
a { color:#30c; text-decoration:none }
a:hover { color:#000 }




/* Layout - basics */

html { text-align:center }
body { width:960px; text-align:left; margin:0 auto; }

div.navBar { height:40px; background:#E3F6FF; margin: 5px 0 0 0;}

ul.incentives { height:200px; background:#000; margin:2px 0 0 0 }
ul.incentives li { float:left; margin:0 20px 0 0 }
ul.incentives li.main { width:540px }
ul.incentives li.steps { width:220px }
ul.incentives li.more { width:140px; margin:0 }
ul.incentives li.more p { color:#000 }
ul.incentives li p { color:#fff }

ul.reasons li { float:left; width:300px; margin:0 20px 0 0 }
ul.reasons li.last { margin:0 }

div.footer { height:40px; background:#E3F6FF }




/* Nav styles */

h1 a { background:url(test.gif) top left no-repeat; width:140px; height:82px; text-indent:-9999px; display:block }

div.navBar { position:relative }
div.navBar ul { padding:12px 0 0 30px }
div.navBar ul li { display:inline; margin:0 20px 0 0 }
div.navBar ul li a.current { color:#0000 }
div.footer ul { padding:11px 0 0 30px }
div.footer ul li { display:inline; margin:0 20px 0 0 }




/* New styles from step 15 */

ul.incentives { background:url(incentives.jpg); height:252px }
ul.incentives li { padding:20px 0 }
ul.incentives li.main { padding:20px 0 20px 30px; width:510px }
ul.incentives li ol li { padding:0 }
ul.incentives li.more { padding:20px 30px 20px 0; width:110px }
ul.incentives li.more p { color:#000; }
ul.incentives li p { color:#000; }	
	


/* New styles from step 16 */

h3 { width:300px; height:206px; text-indent:-9999px }
h3.ppc { background:url(h3-ppc.gif) }
h3.seo { background:url(h3-seo.gif) }
h3.smm { background:url(h3-smm.gif) no-repeat }




/* New styles from step 17 */

h2 { font-size:14px }
p { margin:0 0 18px 0 }
div.footer { margin:22px 0 40px 0 }






