/* --------------------------- BASIC ELEMENTS --------------------------- */

body { 
	font: 12px Arial, Helvetica, sans-serif; 
	line-height: 18px;
	color: #333;
	background: #000;
	margin: 0px;
	text-align: center;
	}

p { 
	color: #333;
	padding: 0px;
	margin: 0px 0px 12px 0px;
	}

h1 {
	padding: 0px;
	font-weight: normal;
	}

h2 {
	font-size: 16px;
	font-weight: bold;
	line-height: 18px;
	color: #000;
	padding: 0px;
	margin: 0px;
	}
	
h3 { 
	font-weight: bold;
	font-size: 12px;
	line-height: 16px;
	color: #000;
	margin: 0px;
	padding: 0px;
	}

h4 {
	color: #333;
	padding: 0px;
	margin: 0px;
	}
	
h6 {
	font-size: 10px;
	line-height: 12px;
	margin: 0px;
	padding: 3px 0px 3px 0px;
	}
	
a:link, a:visited { text-decoration: none; }

a:hover, a:active { text-decoration: underline;	}


/* --------------------------- NAVIGATION --------------------------- */

#nav {
	position: relative;
	float:left;
	height: 40px;
	padding: 0px;
	}

#nav ul {
	list-style: none;
	display: inline;
	padding: 0px;
	}

#nav li {
	display: inline;
	padding: 0px;
	}
	
.nav01 { float: left; width: 89px; height: 40px; background: url(/images/nav01.gif) no-repeat 0 0px; }
a.nav01:link { background: url(/images/nav01.gif) no-repeat 0 0px; }
a.nav01:hover { background: url(/images/nav01.gif) no-repeat 0 -40px; }

.nav02 { float: left; width: 87px; height: 40px; background: url(/images/nav02.gif) no-repeat 0 0px; }
a.nav02:link { background: url(/images/nav02.gif) no-repeat 0 0px; }
a.nav02:hover { background: url(/images/nav02.gif) no-repeat 0 -40px; }

.nav03 { float: left; width: 88px; height: 40px; background: url(/images/nav03.gif) no-repeat 0 0px; }
a.nav03:link { background: url(/images/nav03.gif) no-repeat 0 0px; }
a.nav03:hover { background: url(/images/nav03.gif) no-repeat 0 -40px; }

.nav04 { float: left; width: 88px; height: 40px; background: url(/images/nav04.gif) no-repeat 0 0px; }
a.nav04:link { background: url(/images/nav04.gif) no-repeat 0 0px; }
a.nav04:hover { background: url(/images/nav04.gif) no-repeat 0 -40px; }

.nav05 { float: left; width: 88px; height: 40px; background: url(/images/nav05.gif) no-repeat 0 0px; }
a.nav05:link { background: url(/images/nav05.gif) no-repeat 0 0px; }
a.nav05:hover { background: url(/images/nav05.gif) no-repeat 0 -40px; }

.nav06 { float: left; width: 84px; height: 40px; background: url(/images/nav06.gif) no-repeat 0 0px; }
a.nav06:link { background: url(/images/nav06.gif) no-repeat 0 0px; }
a.nav06:hover { background: url(/images/nav06.gif) no-repeat 0 -40px; }

.nav07 { float: left; width: 83px; height: 40px; background: url(/images/nav07.gif) no-repeat 0 0px; }
a.nav07:link { background: url(/images/nav07.gif) no-repeat 0 0px; }
a.nav07:hover { background: url(/images/nav07.gif) no-repeat 0 -40px; }

.nav08 { float: left; width: 90px; height: 40px; background: url(/images/nav08.gif) no-repeat 0 0px; }
a.nav08:link { background: url(/images/nav08.gif) no-repeat 0 0px; }
a.nav08:hover { background: url(/images/nav08.gif) no-repeat 0 -40px; }

.nav09 { float: left; width: 98px; height: 40px; background: url(/images/nav09.gif) no-repeat 0 0px; }
a.nav09:link { background: url(/images/nav09.gif) no-repeat 0 0px; }
a.nav09:hover { background: url(/images/nav09.gif) no-repeat 0 -40px; }

.nav10 { float: left; width: 85px; height: 40px; background: url(/images/nav10.gif) no-repeat 0 0px; }
a.nav10:link { background: url(/images/nav10.gif) no-repeat 0 0px; }
a.nav10:hover { background: url(/images/nav10.gif) no-repeat 0 -40px; }

.nav11 { float: left; width: 81px; height: 40px; background: url(/images/nav11.gif) no-repeat 0 0px; }
a.nav11:link { background: url(/images/nav11.gif) no-repeat 0 0px; }
a.nav11:hover { background: url(/images/nav11.gif) no-repeat 0 -40px; }

.nav12 { float: left; width: 93px; height: 40px; background: url(/images/nav12.gif) no-repeat 0 0px; }
a.nav12:link { background: url(/images/nav12.gif) no-repeat 0 0px; }
a.nav12:hover { background: url(/images/nav12.gif) no-repeat 0 -40px; }

.nav13 { float: left; width: 99px; height: 40px; background: url(/images/nav13.gif) no-repeat 0 0px; }
a.nav13:link { background: url(/images/nav13.gif) no-repeat 0 0px; }
a.nav13:hover { background: url(/images/nav13.gif) no-repeat 0 -40px; }

.nav01on { float: left; width: 89px; height: 40px; background: url(/images/nav01.gif) no-repeat 0 -80px; }

.nav02on { float: left; width: 87px; height: 40px; background: url(/images/nav02.gif) no-repeat 0 -80px; }

.nav03on { float: left; width: 88px; height: 40px; background: url(/images/nav03.gif) no-repeat 0 -80px; }

.nav04on { float: left; width: 88px; height: 40px; background: url(/images/nav04.gif) no-repeat 0 -80px; }

.nav05on { float: left; width: 88px; height: 40px; background: url(/images/nav05.gif) no-repeat 0 -80px; }

.nav06on { float: left; width: 84px; height: 40px; background: url(/images/nav06.gif) no-repeat 0 -80px; }

.nav07on { float: left; width: 83px; height: 40px; background: url(/images/nav07.gif) no-repeat 0 -80px; }

.nav08on { float: left; width: 90px; height: 40px; background: url(/images/nav08.gif) no-repeat 0 -80px; }

.nav09on { float: left; width: 98px; height: 40px; background: url(/images/nav09.gif) no-repeat 0 -80px; }

.nav10on { float: left; width: 85px; height: 40px; background: url(/images/nav10.gif) no-repeat 0 -80px; }

.nav11on { float: left; width: 81px; height: 40px; background: url(/images/nav11.gif) no-repeat 0 -80px; }

.nav12on { float: left; width: 93px; height: 40px; background: url(/images/nav12.gif) no-repeat 0 -80px; }

.nav13on { float: left; width: 99px; height: 40px; background: url(/images/nav13.gif) no-repeat 0 -80px; }


/* --------------------------- SUBNAV --------------------------- */

#subnav { 
	position:relative;
	width:238px;
	background:#333;
	text-align:left;
	clear:both;
	}
	
#subnav ul {
	list-style:none;
	margin:0px;
	padding:0px;
	}

#subnav li {
	margin:0px;
	padding:0px;
	}

#subnav a:link, #subnav a:visited { 
	width: 231px;
	padding:3px 1px 5px 6px;
	margin: 0px;
	background:#000;
	display:block;
	text-decoration:none;
	color:#FFF;
	border-bottom: 1px solid #333;
	}
	
#subnav a:hover, #subnav a:active {
	background:#4C4C4C url(/images/arrow.gif) no-repeat top right;
	}

#subnav .on {
	background: #FC0 url(/images/arrow-black.gif) no-repeat top right !important;
	color: #000 !important;
	}
	
#subnav .open {
	background: #666 !important;
	}

/* --------------------------- SUBSUBNAV --------------------------- */

#subsubnav {
	position:relative;
	width:238px;
	background:#000;
	text-align:left;
	clear:both;
	border-bottom: #333 1px solid;
	}
	
#subsubnav ul {
	list-style:none;
	margin:0px;
	padding:0px;
	}

#subsubnav li {
	margin:0px;
	padding:0px;
	}
	
#subsubnav a:link, #subsubnav a:visited { 
	width: 217px;
	padding:3px 1px 5px 20px;
	margin: 0px;
	background:#111 url(/images/subsubnav.gif) no-repeat 0 0px;
	display:block;
	text-decoration:none;
	color:#FFF;
	}

#subsubnav a:hover, #subsubnav a:active {
	background:#4C4C4C  url(/images/subsubnav.gif) no-repeat 0 -100px;
	}
	
#subsubnav .on {
	background:#FC0 url(/images/subsubnav.gif) no-repeat 0 -50px !important;
	color: #000 !important;
	}

/* --------------------------- ANSWERS --------------------------- */

#answers {
	position: relative;
	width: 238px;
	background: #333 url(/images/we-have-the-answers.jpg) no-repeat top left;
	text-align: left;
	margin: 0px;
	padding-top: 90px;
	clear: both;
	}
	
#answers a:link, #answers a:visited {
	background: #49A026;
	width: 231px;
	height:20px;
	padding: 3px 1px 1px 6px;
	margin: 0px;
	color: #FFF;
	display: block;
	text-decoration:none;
	border-bottom: 1px solid #333;
	}
	
#answers a:hover, #answers a:active {
	background: #4C4C4C url(/images/arrow.gif) no-repeat top right;
	}
	

/* --------------------------- CONTAINERS --------------------------- */

#container {
	margin: 0 auto;
	width: 998px;
	}

#subnav_container {
	position: relative;
	float: left;
	width: 238px;
	text-align: left;
	margin-bottom: 10px;
	}

#content_container {
	position: relative;
	float: right;
	width: 686px;
	background: #FFF;
	text-align: left;
	margin: 0px;
	padding: 30px;
	}
	
#masthead_single {
	position: relative;
	width: 686px;
	height: 33px;
	text-align: left;
	margin: 0px;
	padding: 260px 30px 0px 30px;
	color: #FFF;
	text-shadow: 1px 1px #333;
	}
	
#masthead_double {
	position: relative;
	width: 686px;	
	padding: 230px 30px 0px 30px;
	height:63px;
	margin: 0px;
	color: #FFF;
	text-align:left;
	text-shadow: 1px 1px #333;
	}

#copy_container {
	position: relative;
	width: 330px;
	text-align: left;
	margin: 0px;
	}
	
#three_column {
	position: relative;
	width: 228px;
	text-align: left;
	margin: 0px;
	}
	
#two_column {
	position: relative;
	width: 433px;
	text-align: left;
	margin: 0px;
	}
	
#onethirtyfour {
	position: relative;
	width: 134px;
	text-align: left;
	margin: 0px;
	}
	
#fivetwentyfive {
	position: relative;
	width: 525px;
	text-align: left;
	margin: 0px;
	}
	
#fivehundred {
	position: relative;
	width: 500px;
	text-align: left;
	margin: 0px;
	}
	
#fourhundred {
	position: relative;
	width: 400px;
	text-align: left;
	margin: 0px 6px 0px 5px;
	}
	
#threehundred {
	position: relative;
	width: 300px;
	text-align: left;
	margin: 0px 6px 0px 5px;
	}
	
#caption {
	position: relative;
	width: 180px;
	text-align: left;
	margin: 0px 20px 15px 0px;
	padding: 10px;
	background: #DCDCDC;
	}
	
#enviro_award {
	position: relative;
	float: right;
	width: 128px;
	height: 100px;
	text-align: center;
	margin: 0px;
	padding: 25px 0px 0px 100px;
	}

#news-highlight {
	position: relative;
	float: right;
	width: 686px;
	background: #FF9;
	text-align: left;
	margin: 0px;
	padding: 10px 30px 0 30px;
	}
	
#think {
	position: relative;
	float: right;
	width: 998px;
	height: 349px;
	background: #000 url(/mastheads/think.gif) no-repeat top left;
	text-align: right;
	margin: 0px;
	padding: 0px;
	}
	
#think a:link, #think a:visited { 
	font-size: 16px;
	width: 998px;
	height: 49px;
	padding: 300px 0 0 0px;
	display: block;
	text-decoration: none;
	color: #ffcc00;
	}

#think a:hover, #think a:active { 
	text-decoration: none;
	color: #49A026;
	}
 
/* --------------------------- HOME --------------------------- */

#home {	background: url(/images/bg_home.gif) repeat-x top; }


/* --------------------------- FORMS --------------------------- */

#form-container {
	margin: 0px;
	width: 890px;
	text-align:left;
	background: #000;
	color: #FFF;
	float:left;
	}
	
#form {
	position: relative;
	float: right;
	width: 360px;
	background: #222;
	margin:20px 0px 20px 0px;
	padding: 0px 10px 0px 20px;
	}
	
#form-container p {
	font-size:12px;
	color: #FFF;
	margin: 0px 0px 12px 0px;
	line-height:18px;
	clear:both;
	}
	
#form-container h2 {
	color: #FFF;
	font-size: 18px;
	line-height:22px;
	font-weight: normal;
	margin: 0px;
	}

/* --------------------------- ORANGE --------------------------- */

#orange {	background: url(/images/bg_orange.gif) repeat-x top; }

#orange h1 { color: #E2900E; margin: 0px 0px 20px 0px; }

.orange_list { list-style: url(/images/bullet_orange.gif); margin-top: 7px;}
.orange_none { list-style: square; margin-left: 17px;}
	
.contact_orange { float: left; width: 686px; height: 50px; background: url(/images/contact_orange.gif) no-repeat 0 0px; }
a.contact_orange:link { background: url(/images/contact_orange.gif) no-repeat 0 0px; }
a.contact_orange:hover { background: url(/images/contact_orange.gif) no-repeat 0 -50px; }


/* --------------------------- RED --------------------------- */

#red {	background: url(/images/bg_red.gif) repeat-x top; }

#red h1 { color: #C01515; margin: 0px 0px 20px 0px; }

.red_list { list-style: url(/images/bullet_red.gif); margin-top: 10px;}
.red_none { list-style: square; margin-left: 17px;}
	
.contact_red { float: left; width: 686px; height: 50px; background: url(/images/contact_red.gif) no-repeat 0 0px; }
a.contact_red:link { background: url(/images/contact_red.gif) no-repeat 0 0px; }
a.contact_red:hover { background: url(/images/contact_red.gif) no-repeat 0 -50px; }


/* --------------------------- PINK --------------------------- */

#pink {	background: url(/images/bg_pink.gif) repeat-x top; }

#pink h1 { color: #CE3384; margin: 0px 0px 20px 0px; }

.pink_list { list-style: url(/images/bullet_pink.gif); margin-top: 10px;}
.pink_none { list-style: square; margin-left: 17px;}
	
.contact_pink { float: left; width: 686px; height: 50px; background: url(/images/contact_pink.gif) no-repeat 0 0px; }
a.contact_pink:link { background: url(/images/contact_pink.gif) no-repeat 0 0px; }
a.contact_pink:hover { background: url(/images/contact_pink.gif) no-repeat 0 -50px; }


/* --------------------------- MAUVE --------------------------- */

#mauve {	background: url(/images/bg_mauve.gif) repeat-x top; }

#mauve h1 { color: #9569A3; margin: 0px 0px 20px 0px; }

.mauve_list { list-style: url(/images/bullet_mauve.gif); margin-top: 10px;}
.mauve_none { list-style: square; margin-left: 17px;}
	
.contact_mauve { float: left; width: 686px; height: 50px; background: url(/images/contact_mauve.gif) no-repeat 0 0px; }
a.contact_mauve:link { background: url(/images/contact_mauve.gif) no-repeat 0 0px; }
a.contact_mauve:hover { background: url(/images/contact_mauve.gif) no-repeat 0 -50px; }


/* --------------------------- PURPLE --------------------------- */

#purple {	background: url(/images/bg_purple.gif) repeat-x top; }

#purple h1 { color: #472363; margin: 0px 0px 20px 0px; }

.purple_list { list-style: url(/images/bullet_purple.gif); margin-top: 10px;}
.purple_none { list-style: square; margin-left: 17px;}

.contact_purple { float: left; width: 686px; height: 50px; background: url(/images/contact_purple.gif) no-repeat 0 0px; }
a.contact_purple:link { background: url(/images/contact_purple.gif) no-repeat 0 0px; }
a.contact_purple:hover { background: url(/images/contact_purple.gif) no-repeat 0 -50px; }


/* --------------------------- BLUE --------------------------- */

#blue {	background: url(/images/bg_blue.gif) repeat-x top; }

#blue h1 { color: #152E88; margin: 0px 0px 20px 0px; }

.blue_list { list-style: url(/images/bullet_blue.gif); margin-top: 10px;}
.blue_none { list-style: square; margin-left: 17px;}

.contact_blue { float: left; width: 686px; height: 50px; background: url(/images/contact_blue.gif) no-repeat 0 0px; }
a.contact_blue:link { background: url(/images/contact_blue.gif) no-repeat 0 0px; }
a.contact_blue:hover { background: url(/images/contact_blue.gif) no-repeat 0 -50px; }


/* --------------------------- CYAN --------------------------- */

#cyan {	background: url(/images/bg_cyan.gif) repeat-x top; }

#cyan h1 { color: #2E84AC; margin: 0px 0px 20px 0px; }

.cyan_list { list-style: url(/images/bullet_cyan.gif); margin-top: 10px;}
.cyan_none { list-style: square; margin-left: 17px;}

.contact_cyan { float: left; width: 686px; height: 50px; background: url(/images/contact_cyan.gif) no-repeat 0 0px; }
a.contact_cyan:link { background: url(/images/contact_cyan.gif) no-repeat 0 0px; }
a.contact_cyan:hover { background: url(/images/contact_cyan.gif) no-repeat 0 -50px; }


/* --------------------------- AQUA --------------------------- */

#aqua {	background: url(/images/bg_aqua.gif) repeat-x top; }

#aqua h1 { color: #0B5E4D; margin: 0px 0px 20px 0px; }

.aqua_list { list-style: url(/images/bullet_aqua.gif); margin-top: 10px;}
.aqua_none { list-style: square; margin-left: 17px;}
	
.contact_aqua { float: left; width: 686px; height: 50px; background: url(/images/contact_aqua.gif) no-repeat 0 0px; }
a.contact_aqua:link { background: url(/images/contact_aqua.gif) no-repeat 0 0px; }
a.contact_aqua:hover { background: url(/images/contact_aqua.gif) no-repeat 0 -50px; }

.download_aqua { float: left; width: 162px; height: 40px; background: url(/images/download_aqua.gif) no-repeat 0 0px; }
a.download_aqua:link { background: url(/images/download_aqua.gif) no-repeat 0 0px; }
a.download_aqua:hover { background: url(/images/download_aqua.gif) no-repeat 0 -40px; }

.blog_aqua { float: left; width: 162px; height: 40px; background: url(/images/blog_aqua.gif) no-repeat 0 0px; }
a.blog_aqua:link { background: url(/images/blog_aqua.gif) no-repeat 0 0px; }
a.blog_aqua:hover { background: url(/images/blog_aqua.gif) no-repeat 0 -40px; }

.website_aqua { float: left; width: 162px; height: 40px; background: url(/images/website_aqua.gif) no-repeat 0 0px; }
a.website_aqua:link { background: url(/images/website_aqua.gif) no-repeat 0 0px; }
a.website_aqua:hover { background: url(/images/website_aqua.gif) no-repeat 0 -40px; }

.read_article_aqua { float: left; width: 121px; height: 26px; background: url(/images/read_article_aqua.gif) no-repeat 0 0px; }
a.read_article_aqua:link { background: url(/images/read_article_aqua.gif) no-repeat 0 0px; }
a.read_article_aqua:hover { background: url(/images/read_article_aqua.gif) no-repeat 0 -26px; }

.top_aqua { clear:both; float: right; width: 28px; height: 27px; background: url(/images/top_aqua.gif) no-repeat 0 0px; }
a.top_aqua:link { background: url(/images/top_aqua.gif) no-repeat 0 0px; }
a.top_aqua:hover { background: url(/images/top_aqua.gif) no-repeat 0 -27px; }

/* --------------------------- GREEN --------------------------- */

#green { background: url(/images/bg_green.gif) repeat-x top; }

#green h1 { color: #000; margin: 0px 0px 10px 0px; font-size:36px; line-height:40px; }

#green h2 { color: #49A026; font-size: 24px; margin: 0px; padding: 5px 0px 5px 0px; font-weight:normal; line-height:27px; }

#green h3 { color: #000; font-size: 16px; margin: 0px 0px 5px 0px; padding: 5px 0px 5px 0px; font-weight:bold; }

#green h4 { color: #FFF; font-size: 18px; margin: 0px; padding: 9px 0px 5px 5px; font-weight:normal; }

#view_certificate_green { float: left; width: 228px; height: 27px; background: url(/images/view_certificate_green.gif) no-repeat 0 0px; }
#view_certificate_green a:link { width: 228px; height: 27px; display:block; background: url(/images/view_certificate_green.gif) no-repeat 0 0px; }
#view_certificate_green a:hover { width: 228px; height: 27px; display:block; background: url(/images/view_certificate_green.gif) no-repeat 0 -27px; }

.green_list { list-style: url(/images/bullet_green.gif); margin-top: 10px;}
.green_none { list-style: square; margin-left: 17px;}
	
.contact_green { float: left; width: 686px; height: 50px; background: url(/images/contact_green.gif) no-repeat 0 0px; }
a.contact_green:link { background: url(/images/contact_green.gif) no-repeat 0 0px; }
a.contact_green:hover { background: url(/images/contact_green.gif) no-repeat 0 -50px; }

.top_green { float: right; width: 28px; height: 27px; background: url(/images/top_green.gif) no-repeat 0 0px; }
a.top_green:link { background: url(/images/top_green.gif) no-repeat 0 0px; }
a.top_green:hover { background: url(/images/top_green.gif) no-repeat 0 -27px; }

.website_green { float: left; width: 91px; height: 27px; background: url(/images/website_green.gif) no-repeat 0 0px; }
a.website_green:link { background: url(/images/website_green.gif) no-repeat 0 0px; }
a.website_green:hover { background: url(/images/website_green.gif) no-repeat 0 -27px; }

.more_green { float: left; width: 72px; height: 27px; background: url(/images/more_green.gif) no-repeat 0 0px; }
a.more_green:link { background: url(/images/more_green.gif) no-repeat 0 0px; }
a.more_green:hover { background: url(/images/more_green.gif) no-repeat 0 -27px; }

.pdf_green { float: left; width: 228px; height: 27px; background: url(/images/download_pdf_green.gif) no-repeat 0 0px; }
a.pdf_green:link { background: url(/images/download_pdf_green.gif) no-repeat 0 0px; }
a.pdf_green:hover { background: url(/images/download_pdf_green.gif) no-repeat 0 -27px; }

.products_green { float: left; width: 228px; height: 131px; margin-bottom:10px; background: url(/images/products_green.gif) no-repeat 0 0px; }
a.products_green:link { background: url(/images/products_green.gif) no-repeat 0 0px; }
a.products_green:hover { background: url(/images/products_green.gif) no-repeat 0 -131px; }

.intro_green { float: left; width: 228px; height: 131px; margin-bottom:10px; background: url(/images/intro_green.gif) no-repeat 0 0px; }
a.intro_green:link { background: url(/images/intro_green.gif) no-repeat 0 0px; }
a.intro_green:hover { background: url(/images/intro_green.gif) no-repeat 0 -131px; }

a.green-btn:link, a.green-btn:visited {
	background: #CCC url(/images/arrow.gif) no-repeat top right;
	width: 100%;
	height:20px;
	padding: 4px 1px 1px 6px;
	margin: 0px 1px 1px 1px;
	color: #333;
	display: block;
	text-decoration:none;
	}
	
a.green-btn:hover, a.green-btn:active {
	background: #49A026 url(/images/arrow.gif) no-repeat top right;
	width: 100%;
	height:20px;
	padding: 4px 1px 1px 6px;
	margin: 0px 1px 1px 1px;
	color: #FFF;
	display: block;
	text-decoration:none;
	}


/* --------------------------- YELLOW --------------------------- */

#yellow {	background: url(/images/bg_yellow.gif) repeat-x top; }

#yellow h1 { color: #9CC200; margin: 0px 0px 20px 0px; }

.yellow_list { list-style: url(/images/bullet_yellow.gif); margin-top: 10px;}
.yellow_none { list-style: square; margin-left: 17px;}
	
.contact_yellow { float: left; width: 686px; height: 50px; background: url(/images/contact_yellow.gif) no-repeat 0 0px; }
a.contact_yellow:link { background: url(/images/contact_yellow.gif) no-repeat 0 0px; }
a.contact_yellow:hover { background: url(/images/contact_yellow.gif) no-repeat 0 -50px; }

.download_yellow { float: left; width: 162px; height: 40px; background: url(/images/download_yellow.gif) no-repeat 0 0px; }
a.download_yellow:link { background: url(/images/download_yellow.gif) no-repeat 0 0px; }
a.download_yellow:hover { background: url(/images/download_yellow.gif) no-repeat 0 -40px; }

.slideshow_yellow { float: left; width: 686px; height: 50px; background: url(/images/slideshow_button.gif) no-repeat 0 0px; }
a.slideshow_yellow:link { background: url(/images/slideshow_button.gif) no-repeat 0 0px; }
a.slideshow_yellow:hover { background: url(/images/slideshow_button.gif) no-repeat 0 -50px; }


/* --------------------------- GREY --------------------------- */

#grey {	background: url(/images/bg_grey.gif) repeat-x top; }

#grey h1 { color: #000; line-height: 24px; margin: 0px 0px 15px 0px; }

#grey h2 { margin-bottom: 10px; }

.grey_list { list-style: url(/images/bullet_grey.gif); margin-top: 10px;}
.grey_none { list-style: square; margin-left: 17px;}

.contact_grey { float: left; width: 686px; height: 50px; background: url(/images/contact_grey.gif) no-repeat 0 0px; }
a.contact_grey:link { background: url(/images/contact_grey.gif) no-repeat 0 0px; }
a.contact_grey:hover { background: url(/images/contact_grey.gif) no-repeat 0 -50px; }

.google_maps_grey { float: left; width: 324px; height: 23px; background: url(/images/google_maps_grey.gif) no-repeat 0 0px; }
a.google_maps_grey:link { background: url(/images/google_maps_grey.gif) no-repeat 0 0px; }
a.google_maps_grey:hover { background: url(/images/google_maps_grey.gif) no-repeat 0 -23px; }


/* --------------------------- CLASSES --------------------------- */

.left { float: left; }
.right { float: right; }
.border { border: solid 1px #333; }
.bdr { border-right: solid 1px #FFF; border-bottom: solid 1px #FFF; }
.caption { font-size: 10px; line-height: 14px; color: #000; }
.checklist { list-style: url(/images/checklist.gif); margin-top: 10px;}

/* --------------------------- COLOURS --------------------------- */

.orange { color: #E2900E; }
.red { color: #C01515; }
.pink { color: #CE3384; }
.mauve { color: #9569A3; }
.purple { color: #472363; }
.blue { color: #152E88; }
.cyan { color: #2E84AC; }
.aqua { color: #0B5E4D; }
.green { color: #49A026; }
.yellow { color: #91A600; }
.bright_yellow { color: #FFE000; }
.grey { color: #333; }
.black { color: #000; }
.white { color:#FFF; }


/* --------------------------- RULES --------------------------- */

.thick-rule {
	background: url(/images/grey_rule.gif) repeat-x top left;
	width: 100%;
	height: 5px;
	margin: 0px 0px 30px 0px;
	clear: both;
	}
	
.grey-rule {
	background: url(/images/grey_rule.gif) repeat-x top left;
	width: 100%;
	height: 1px;
	margin: 0px 0px 10px 0px;
	clear: both;
	}
	
.white-rule {
	background: url(/images/white-rule.gif) repeat-x top left;
	width: 100%;
	height: 1px;
	margin: 0px 0px 10px 0px;
	clear: both;
	}

/* --------------------------- SPACERS --------------------------- */

.clear			{ height:1px; width:100%; clear:both; }
.five-space		{ height:5px; width:100%; clear:both; }
.ten-space		{ height:10px; width:100%; clear:both; }
.twenty-space	{ height:20px; width:100%; clear:both; }
.thirty-space	{ height:30px; width:100%; clear:both; }
.forty-space	{ height:40px; width:100%; clear:both; }	
.fifty-space	{ height:50px; width:100%; clear:both; }	
.hundred-space	{ height:100px; width:100%; clear:both; }


/* --------------------------- FOOTER --------------------------- */

#footer {
	position: relative;
	text-align: left;
	float: left;
	height: 30px;
	width: 998px;
	font-size: 10px;
	line-height: 18px;
	color: #999;
	margin-top: 10px;
	padding: 5px 0px 10px 0px;
	}
	
#footer a:link, #footer a:visited { text-decoration: none; color: #999; }
	
#footer a:hover, #footer a:active { text-decoration: none; color:#FFE000; }