BODY { background: white; color:black; font-family: sans-serif; font-size : small;}
P,UL,LI { color:black; font-family: sans-serif; font-size : small;}
H1, H2 { color:black; font-family: sans-serif; font-size : small;}
ul, ol { margin: 1em 0; padding: 0 0 0 0px; }
dd { margin: 0 0 0 40px; }
nav ul, nav ol { list-style: none; list-style-image: none; margin: 0; padding: 0; }

body {
	background: #E8E8E8;
}

#mainscreen {
z-index: -1;
width: 1200px;
height: 700px;
margin-left:auto;
margin-right:auto;
margin-bottom:0;
background: #fff;
border-left:2px solid #000;
border-right:2px solid #000;
background-image:url('bkgrndfdb.jpg');
background-repeat:no-repeat;
}



#toppanel {
left:-2px;
position: relative;
z-index:5;
border:2px solid #000000;
width: 1190px;
height: 50px;
margin-top: 20px;
margin-bottom: 0px;
padding: 5px;
background: white;
}

#toppanel .menu {
	width: 730px;
	margin-left: auto;
	margin-right: auto;
	text-align:center;
	padding-top: 10px;
}
#toppanel nav a:hover {
	color: #fff;
	//background-color: #cc0099;
	background-color: #ff6666;	
}
#toppanel nav a {
	//color: blue;
	text-decoration: none;
	font-size: 1.0em;
	font-weight: bold;
	display:block;
	padding-top:5px;
	padding-bottom:5px;
}
#toppanel nav li {
	width: 100px;
	color: blue;
}
#toppanel nav a.active {
	color: #FFF;
	background-color: #6699cc;
	font-weight: bold;
	font-size: 1.2em;
}



#bottompanel {
z-index:5;
border:2px solid #000000;
width: 1190px;
height: 50px;
margin-top: 0px;
margin-bottom: 0px;
margin-left:auto;
margin-right:auto;
padding: 5px;
background: white;
}
#b-left {
	float:left;
	width:195px;
	margin-top:15px;
	margin-left:10px
}
#b-right {
	float:right;
	width:195px;
	margin-right:10px
}
#b-centre {
	width:500px;
	margin-left:auto;
	margin-right:auto;
}
.bmaintxt {
	font-size:1.4em
}



.lsidepanel {
	width: 325;
	float:left;
	margin-top: 60px;
	margin-left:10px;
}
.rsidepanel {
	width:325;
	float:right;
	margin-top: 60px;
	margin-right: 10px;
}
.centrepanel {
	width:508px;
	margin-left:auto;
	margin-right:auto;
	background-color: #FFF;
	border: 2px solid;
	padding: 10px;
}



#lmenu {
	width:215px;
	height:580px;
	float: left;
	background:#fff;
	border:2px #000 solid;
	padding:8px;
	margin-left:15px;
	margin-top:15px;
}
#lmenumain {
	width:900px;
	height:580px;
	float: right;
	padding:8px;
	margin-right:15px;
	margin-top:15px;
}	
#lmenu .menu {
	width: 215px;
	margin-top:20px;
}
#lmenu nav a:hover {
	color: #fff;
	//background-color: #cc0099;
	background-color: #ff6666;
}
#lmenu nav a {
	//color: blue;
	position:relative;
	text-decoration: none;
	font-size: 1.0em;
	font-weight: bold;
	padding: 10px;
	display: block;
}
#lmenu nav li {
	height: 40px;
	width: 215px;
	padding-top: 10px;
}
#lmenu nav a.active {
	color: #FFF;
	background-color: #6699cc;
	font-weight: bold;
	font-size: 1.2em;
	//top:-1px;
	padding:8px;
	padding-bottom:8px;
}

#servpanel {
	z-index:1;
	position: relative;
	width:620px;
	height:500px;
	padding:0px 70px;
	background-color: #fff;
	//#FFFF99;
	border: 2px #000 solid;
	//border-radius: 8px;
}
.servpanel {
	float:right;
	margin-right:75px;
	margin-top:30px;
}
#servsubstance {
	z-index:2;
	position: relative;
	width:500px;
	height:400px;
	padding:0px;
}
.servsubstance {
	float:left;
	margin-left:0px;
	margin-top:-10px;
}

#servicon {
	z-index:2;
	position: relative;
	width:90px;
	height:400px;
	padding:0px;
}
.servicon {
	float:right;
	margin-right:0px;
	margin-top:0px;
}

#thumbpanel {
	width:900px;
	height:105px;
	padding:2px;
	margin-left:auto;
	margin-right:auto;
	margin-top:-10px;
	background:#fff;
	border: 2px #000 solid;
	//border-radius: 8px
}
#thumbpanel img {
	border:1px #222222 solid;
	margin:2px;
}
#thumbpanel img:hover {
	border:3px #ff6666 solid;
	margin:0px;
}

#descrpanel {
	z-index:1;
	position: relative;
	width:300px;
	height:250px;
	padding:10px 20px;
	background-color: #fff;
	//#FFFF99;
	border: 2px #000 solid;
	//border-radius: 8px;
}
.descrpanel {
	float:right;
	margin-right:50px;
	margin-top:96px;
}
#picpanel {
	z-index:20;
	position: relative;
	width:360px;
	height:360px;
	padding:30px;
	// background-color: #FFFF99;
	// border: 2px #E8E8E8 solid;
	border-radius: 8px;
}
.picpanel {
	float:left;
	margin-left:50px;
	margin-top:20px;
}
.thumbimg {
	z-index:20;
	position: relative;
	border: 2px #fff solid;
	cursor:pointer
}

#pic {
	position: relative;
	border: 2px #000 solid
}
.initpic {
	top:48.5px;
	left:5px;
	border: 2px #FFF solid
}

#dirbanner {
	width:1156px;
	margin:10px auto;
	background-color: #FFF;
	border: 2px solid;
	padding: 10px;
}



.top10 {
	margin-top: 10px;
}
.top15 {
	margin-top: 15px;
}
.top20 {
	margin-top: 20px;
}
.top30 {
	margin-top: 30px;
}
.top40 {
	margin-top: 40px;
}
.top80 {
	margin-top: 80px;
}

.centre {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 80%;
}
.centreAF {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 60%;
}
	
.heading {
	font-size: 1.4em;
	font-weight: bold;
	text-decoration:underline;
}
.uppercase {
	text-transform: uppercase;
}
.tleft {
	text-align:left;
}
.tcentre {
	text-align:center;
}
.tright {
	text-align:right;
}
.tproj {
	font-weight:bold;
	// font-size: 1.2em;
	text-decoration:underline;
	text-align:center;
}
.tdetails {
	font-style:italic;
}


ul.inline {
	margin: 0;
}
.inline li {
	display: inline-block;
	/* For IE 7 */
	zoom: 1;
	*display: inline;
}


.right {
	float: right;
	display: block;
}
.left {
	float: left;
	display: block;
}
.clear-left {
	clear: left;
}
.clear-right {
	clear: right;
}
.right.spacer {
	margin-right: 10px;
}

.left.spacer {
	margin-left: 10px;
}
.left.l20{
	margin-left: 20px;
}


.third {
	width: 362.7px;
	padding: 10px;
}
.quarter {
	width: 273.5px;
	padding: 5px;
}
.quarterclient {
	width: 237px;
	height: 420px;
	padding: 10px;
}
.column {
	float:left;
}

.whitebg {
	background-color: #FFF;
	border: 2px #000 solid;
	//border-radius: 8px
}
.greybg {
	background-color: #FFF;
	border: 2px #000 solid;
}
.bannert {
	background-color: #FFF;
	color: #E13E1B;
	border: 2px solid;
	border-color: green;
}