/* RESET DEFAULTS */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, ul, li, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, 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;
	}
/* END RESET DEFAULTS */

/* START generic elements */
h1, h2, h3, h4, h5, h6	{margin: 20px 0 0 0;}
h1	{font-size: 1.6em;}
h2	{font-size: 1.3em; margin: 10px 0 7px 0;}
h3	{font-size: 1.1em; margin: 10px 0 7px 0;}
h4	{font-size: 1.0em; margin: 10px 0 0 0;}
p	{line-height: 1.3em; margin: 0.4em 0 0.4em 0;}

   /* start main ul lists */
#content ul {		
	list-style-type: none; margin: 8px 0 0 15px;
	}
#content ul li {
	background: url(../images-site/bullet.gif) 0 3px no-repeat; padding: 2px 0 0 22px;
	}
   /* end main ul lists */
   /* start sub ul lists */
#content ul ul {	
	margin: 0px 0 0 11px;
	}
#content ul ul li {			
	background: url(../images-site/sub-bullet.gif) 0 4px no-repeat;
	padding: 2px 0 0 20px;
	}
   /* end sub ul lists */
   /* start sub-sub ul lists */
#content ul ul ul {	
	margin: 3px 0 0 31px;}
#content ul ul ul li {
	background: url(../images-site/sub-sub-bullet.gif) 0 4px no-repeat;
	padding: 2px 0 0 20px;}
   /* end sub-sub ul lists */

.reflect{background: url(../images-content/solar-energy-reflection.jpg) 230px 0 no-repeat;}

dl{margin: 10px 0 0 0;}
.colours dt{font-weight: bold; padding: 5px 0;}
.colours dd{padding: 5px 0 5px 10px;}
.gr{background-color: #7F93AE;}
.br{background-color: #C39527;}
.ch{background-color: #60615B;}
.sm{background-color: #68676D;}
.nl{background-color: #F0F0F0;}
.gd{background-color: #ECBB43;}
.sv{background-color: #CFCED3;}
/* END generic elements */


body	{
	margin: 10px 0;
	background: #91B9ED url(../images-site/bg-html.png);
	text-align: center;
	font-family: arial, sans serif;
	}

#skip	{position: absolute; top: -100px; left: -1000px;}

#container	{
	border: 2px solid #6C6C6C; /* formerly #211F22 and #3F3E44 */
	width: 780px;
	margin: 0 auto;
	background: #E3EDFB;
	text-align: left
	}

#logo	{
	border-bottom: 2px solid #6C6C6C;
	display: block;
	}

#main-nav	{
	float: left;
	width: 190px;
	}

#content	{
	float: right;
	width: 549px;
	border-left: 1px solid #99939B;
	padding: 0 20px 20px 20px;
	font-size: 0.8em;
	}

#footer	{
	clear: both;
	text-align: center;
	border-top: 1px solid #88818B;
	font-size: 0.7em;
	padding: 5px 0;
	background: #679AFF;
	}

#main-nav ul	{
	list-style-type: none;
	margin: 0;
	padding: 25px 12px 20px 12px;
	}

#main-nav li	{
	margin: 0 0 8px 0;
	}

#main-nav li.current	{
	border: 1px solid #A0C2F1;
	background: #E3EDFB;
	margin: 0 0 10px 0;
	padding: 5px 0 5px 8px;
	}

#main-nav li a	{
	margin: 0 0 10px 0;
	padding: 5px 0 5px 8px;
	background: #C8E7EB;
	display: block;
	border: 1px solid #A0C2F1;
	text-decoration: none;
	color: #0C1765;
	}

#main-nav li a:hover	{
	margin: 0 0 10px 0;
	padding: 5px 0 5px 8px;
	background: #E3EDFB;
	text-decoration: none;
	color: #0C1765;
	}

.clear	{clear: both;}
.img-r	{float: right; margin: 0 0 10px 20px; border: 0px solid #A0C2F1; padding: 0px;}
.bold	{font-weight: bold;}
.bold-lge	{font-weight: bold; font-size: 1.5em;}
.p-r	{float: right; margin: 0 0 10px 20px; border: 0px solid #A0C2F1; padding: 0px;}

/* start forms */
input, textarea, label{border: 1px solid #83B0ED; padding: 4px;}
#name, #address, #postcode, #email, #phone, #fax, #enquiry{width: 200px;}
label{padding: 2px 10px; margin: 0 0 0 5px; background: #C8E7EB;}


/* end forms */

#contact #content{background: url(../images-content/24-hour-emergency-callout2.png) 245px 25px no-repeat;}

.pilk1	{
	width: 262px;/*262px*/
	height: 38px;
	float: left;
	margin: 0 12px 0 0;
	font-size: 1.4em;
	}

.pilk2	{
	width: 262px;/*262px*/
	height: 38px;
	float: left;
	margin: 0 0px 0 0;
	font-size: 1.4em;
	}

.pilk1 a, .pilk2 a	{
	display: block;
	height: 30px;
	background: url(../images-site/pilk-sprite.gif) 0px 0px no-repeat;
	padding: 8px 0 0 10px;
	text-decoration: none;
	color: #000000;
	}
.pilk1 a:hover, .pilk2 a:hover	{
	display: block;
	height: 30px;
	background: url(../images-site/pilk-sprite.gif) 0px -39px no-repeat;
	padding: 8px 0 0 10px;
	text-decoration: none;
	color: #000000;
	}
.flash{border: 1px solid #91A0CB; width: 538px; margin: 15px 0;}

#addr{float: right; margin: 0 60px 0 0; border: 1px solid #83B0ED; padding: 10px 20px 0 20px;}