/* (C) 2008 EH1 Deisgn This CSS has not been optimised for Internet Explorer 6. */




/* Global reset */
/* Based upon 'reset.css' in the Yahoo! User Interface Library: http://developer.yahoo.com/yui */

*, 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 some sensible 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:#fc0 }
a { color:#390; text-decoration:none }
a:hover { color:#000 }




/* Layout - basics */

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

div.brand {margin: 20px 30px 20px 30px; width: 100%;}

#content {margin-left: 30px; padding: 0;}

div.navBar { height:40px; background:#000; }

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:910px }
ul.incentives li.steps { width:220px }
ul.incentives li.more { width:140px; margin:0 }
ul.incentives li.more p { color:#cf6 }
ul.incentives li p { color:#fff }

ul.incentivesbrand { margin:2px 0 0 0; }
ul.incentivesbrand li { float:left; margin:0 20px 0 0 }

ul.incentivesbrand li p { color:#fff }



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


ul.reasonsfurther li { float:left; width:590px; margin:0; padding: 0; }
ul.reasonsfurther li.last { float:right; width:240px;margin:0 }


div.footer { height:40px; border-top: 1px solid black; }




/* New styles from step 14 */

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


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:880px }
ul.incentives li ol li { padding:0 }
ul.incentives li.more { padding:20px 30px 20px 0; width:110px }
	
ul.incentives2 li { padding:20px 0 0 0 }
ul.incentives2 li.main { padding:20px 0 0 0; width:880px }
ul.incentives2 li ol li { padding:0 }
ul.incentives2 li.more { padding:20px 30px 20px 0; width:110px }	
	


/* New styles from step 16 */

h3 { width:300px;
font-size:18px;
line-height: 100%; }


/* New styles from step 17 */

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



/* Special styles by the Timberclark  */

.bigtitle {
font-size: 46px;
line-height: 100% ;
clear:both;}


div.search { height:40px; }
div.search { float:right; margin-top: 20px; }
div.search ul { padding:12px 0 0 30px }
div.search ul li { display:inline; margin:0 20px 0 0 }
div.search ul li a.current { color:#000 }
div.search form label { display:none }
div.search form input { width:220px }
div.search form input.button { width:110px; margin:0 0 0 10px }


.clear {
clear: both; }

h4 { width:240px;
font-size:18px;
line-height: 100%; }



 /* RSSELL PLAYING WITH THE NAV */ 



	ul#navlist {
		list-style: none; 
		padding: 0; 
		margin: 0px; 
		background-color: #000;
		font-size: 12px;
		}

	ul#navlist li {
		text-align: left;
		float: left; 
		height: 40px; 
		margin: 0px 0px 0px 0px; 
		border-left: 1px solid #CCC;
		padding: 0; 
		background-color: #000;
		}

	ul#navlist li { width: 105px; voice-family: "\"}\""; voice-family:inherit; width: 104px;} 
	html>body ul#navlist li { width: 104px; } 
		

	ul#navlist li a {
		display: block; 
		padding: 7px 5px 15px 7px; 
		color: #CCC; 
		font-size: 11px;
		text-decoration: none;
	
		text-shadow: 0 0 0 #000;
		}

	#navcontainer>ul#navlist li a { width: auto; height: auto; } 

	ul#navlist li#active a {
		background: #f0e7d7; 
		color: #C30; 
		}

	ul#navlist li a:hover,
	ul#navlist li#active a:hover {
		color: #FFF;
		background-color: #f60;
		}
		
	ul#navlist li.home	{
		border-left: none;
		}

	ul#navlist li#empty1	{
		width: 30px;
		}


	ul#navlist li#empty2	{
		width: 200px;
		}