#nav,body {
	background-image: none;
	color:#ffffff;
	background-color: #000000;
}
body {text-align: center;}
div#wrapper{
	float:left;
	width:100%;
		
}
div#header {
	text-align:left;
	height: 150px;
	width: 960px; /* the auto margins (in conjunction with a width) center the page */
	text-align: justify; /* this overrides the text-align: center on the body element. */
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	position: relative;
	
}
* {margin:0; padding:0;}
html, body {height: 100%; }
/*customises scroll bar*/
html {
scrollbar-base-color: black;
scrollbar-arrow-color: white;
scrollbar-track-color: #ccccff;

scrollbar-shadow-color: black;
scrollbar-lightshadow-color: black; 
scrollbar-darkshadow-color: gray;

scrollbar-highlight-color: white;
scrollbar-3dlight-color: black;
font: 14px 'Trebuchet MS', Helvetica, sans-serif;
 color: #ffffff;overflow: scroll;

}

			
#container {position: relative; min-height: 100%; height: 100%; voice-family: "\"}\""; voice-family: inherit; height: auto; margin-top:0;}
#content2 {
	width: 960px;
	min-height: 350px;
	text-align: justify;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	position: relative;
	background-image: url(../images/lightbulb.jpg);
	background-repeat: no-repeat;
	
} 
html>body #container { height: auto; }
#content{
	line-height: 1.5em;
	text-align: left;
	border: none;
	position: relative;
	overflow: auto;
	margin: 0 5%;
	min-height: 350px;
	background-image: url(../images/background.gif);
	padding-bottom: 60px;
	left: auto;
	top: auto;


	
	
	
}
#content ul {list-style:none;}
#adminlist {margin-left:20px; text-align: left;}

#adminlist2 {margin-left:80px; text-align: left;}

#contentblack{/*black background for client page*/
		background-color: #000000;
		text-align: left;
		border: none;
		position: relative;
		overflow: auto;
		margin: 0 5%;
		min-height: 350px;
		padding-bottom: 80px;
	}
div#leftside {float: left;}
#accred {text-align:center;}
#red {
	color: #990000;
	font-weight: bold;
}
#list {margin-left:20px;}
#accreditations {background-color:#ffffff;}
div#right {float: right;  margin-right:100px;}
div#right3{float: right; margin-right:10px; padding-left: 10px;}/*images on installation project pages*/
div#right2 { /*accreditations on index page*/
	text-align:center;
	float: right;
	margin-right: 0px;
	margin-left:20px;
	background-image: url(../images/rightback.gif);	
	}
div#left { /*accreditations on index page*/
	text-align:center;
	float: left;
	margin-left: 0px;
	margin-right:20px;
		
	}	
p, #content ul { font: 14px 'Trebuchet MS', Helvetica, sans-serif;
 color: #ffffff; letter-spacing: 0.2px; margin-left:20px; margin-right:10px;}
p {line-height: 1.5em; text-align:justify;}
p.italics{ font-style: italic;}
h1 {font: 24px 'Trebuchet MS', Helvetica, sans-serif;
 color: #FFFF33; margin-top:0.5em; margin-left:20px; padding-bottom: 0.5em; letter-spacing: -1.0px;}
h2 {font: 20px 'Trebuchet MS', Helvetica, sans-serif;
 color: #FFFF33; margin-top:0.5em; margin-left:20px; padding-bottom: 0.5em; letter-spacing: -1.0px;}
h3 {font: 16px 'Trebuchet MS', Helvetica, sans-serif; color: #990000;display:block;font-weight:bold;margin-bottom:5px; }/*Our People page*/
h4 {font: 14px 'Trebuchet MS', Helvetica, sans-serif;
 color: #CC0000; margin-top:1em; margin-left:20px; padding-bottom: 0.5em; letter-spacing: 0.2px; }

#yellow {color: #FFFF33;}
#nav ul {padding:0; margin:0; list-style:none;font: 10px 'Trebuchet MS', Helvetica, sans-serif; background: black; position:relative; z-index:100;}
#nav {
	width: 960px; /* the auto margins (in conjunction with a width) center the page */
	margin-right: auto;
	margin-left: auto;
	position: relative;
	height:23px;
	padding:0;
	background:#000;
	text-align:left;
	border-top: 1px solid #990000;
	border-right: none;
	border-bottom: 1px solid #990000;
	border-left: none;
	letter-spacing: 1px;list-style:none;
}

#nav table {border-collapse:collapse;}
#nav li {float:left;list-style:none;}
#nav li li {float:none;list-style:none;}
/* a hack for IE5.x and IE6 */
#nav li a li {float:left;list-style:none;}

#nav li a {display:block; list-style:none; float:left; color:#ffffff; height:23px; padding:0 10px 0 10px; line-height:22px; font: 10px 'Trebuchet MS', Helvetica, sans-serif; text-decoration:none; white-space:nowrap; font-weight:bold; border-left:1px solid #000;}
#nav li li a {height:21px; line-height:20px; float:none; list-style:none;}

#nav li:hover {position:relative; z-index:100;}
#nav a:hover {position:relative; z-index:100; background:#990000; color:#FFFFFF; border-left:1px solid #843;}
#nav li:hover > a {border-left:1px solid #843; background:#990000; color:#FFFFFF;}

#nav :hover  ul {left:0; top:23px; border-left:1px solid #990000; z-index:300;}
#nav a:hover ul {left:-1px;}

#nav ul {position:absolute; left:-9999px; top:-9999px;}

/* it could have been this simple if all browsers understood */
/* show next level */
#nav li:hover li:hover > ul {left:0; margin-left:100%; top:0;}
/* keep further levels hidden */
#nav li:hover > ul ul {position:absolute; left:-9999px; top:-9999px; width:auto;}
/* show path followed */
#nav li:hover li:hover > a {background:#990000; color:#FFFFFF; border-left:1px solid #843;}

#nav li a:hover ul li a:hover {background:#990000;}

/* but IE5.x and IE6 need this lot to style the flyouts*/
/* show next level */
#nav a:hover a:hover ul,
#nav a:hover a:hover a:hover ul,
#nav a:hover a:hover a:hover a:hover ul,
#nav a:hover a:hover a:hover a:hover a:hover ul
{left:100%; top:0;}

/* keep further levels hidden */
#nav a:hover ul ul,
#nav a:hover a:hover ul ul,
#nav a:hover a:hover a:hover ul ul,
#nav a:hover a:hover a:hover a:hover ul ul
{
	position:absolute;
	left:-9999px;
	top:-9999px;
	background-image: url(../Photos/cors.jpg);
}

#footer{
	width: 960px; /* the auto margins (in conjunction with a width) center the page */
	margin-right: auto;
	margin-left: auto;
	position: relative;
	color: #ffffff;
	text-align: center;
	font: 10px 'Trebuchet MS', Helvetica, sans-serif;
	letter-spacing: 1px;
	bottom: 0;
	left: 0;
	width:90%;
	margin: 0 5%;
	background-color: #000000;
	padding-bottom: 1.2em;
	border-top: 1px solid #990000;
	border-right: none;
	border-bottom: none;
	border-left: none;
	
			}
		
#footer2{
	width: 960px; /* the auto margins (in conjunction with a width) center the page */
	margin-right: auto;
	margin-left: auto;
	position: relative;
	color: #ffffff;
	text-align: center;
	font: 10px 'Trebuchet MS', Helvetica, sans-serif;
	letter-spacing: 1px;
	background-color: #000000;
	padding-bottom: 1.2em;
	border-top: 1px solid #990000;
	border-right: none;
	border-bottom: none;
	border-left: none;
				}
#footer2 ul li{color : #ffffff;	background-color : #000000;	display: inline;list-style-type: none;	padding-right: 10px;padding-left: 10px;	margin-top: 1px;}

#footer2 ul li a{color : #ffffff; background-color : #000000;	text-decoration : none;			}
#footer2 a{text-decoration:none;}

#footer2 ul li a:hover{text-decoration : underline;	color: #990000;	}
#footer ul li{color : #ffffff;	background-color : #000000;	display: inline;list-style-type: none;	padding-right: 10px;padding-left: 10px;	margin-top: 1px;}

#footer ul li a{color : #ffffff; background-color : #000000;	text-decoration : none;			}
#footer a{text-decoration:none;}

#footer ul li a:hover{text-decoration : underline;	color: #990000;	}
#copyright{
font-size: 7pt; letter-spacing: 0.5px; text-align: center;
}			
 /* Our People Page Styling */  
.clearboth { clear: both; }
  * {margin:0;padding:0}  
dl {
	text-align:center;
	font-size:.95em;
	margin-top:25px;
	margin-left: 20px;
} 
dt,dd {width:18.5em;float:left;} 
dt {margin-bottom:5.5em;} 
dd {margin:130px 0 0 -18.5em;} 
dl a:hover img,dl a:active img,dl a:focus img {background:#f33;}  
.people { 	border: thin solid #990000;}  


#left ul, #right ul {list-style-type: none;}
ul li {list-style-type: none;}
a img  {  border: none;}
a:link { color:#ffff33;}/*removes underlines*/						
a:visited {color:#ffff33;}

#newsphoto {float:left; margin-right:10px; margin-left: 20px;}
#floatpic {float:right; margin-left: 20px;}
#floatleft {
margin-right:10px;padding:5px; border: 1px solid #ffff33; float:left; margin-bottom:10px;
}
#floatrightpic {
margin-left:10px;padding:5px; border: 1px solid #ffff33; float:right; margin-bottom:10px;
}
#icepic {margin-right:auto;margin-right:auto;padding:5px; border: 1px solid #ffff33; margin-bottom:10px;margin-top:10px;}