<style type="text/css">
<!--

.filler { filler for netscape filler for netscape filler for netscape filler for netscape filler for netscape filler for netscape filler for netscape filler for netscape filler for netscape filler for netscape filler for netscape filler for netscape filler for netscape filler for netscape filler for netscape filler for netscape filler for netscape filler for netscape filler for netscape filler for netscape filler for netscape filler for netscape filler for netscape filler for netscape filler for netscape filler for netscape filler for netscape filler for netscape filler for netscape filler for netscape filler for netscape filler for netscape filler for netscape filler for netscape filler for netscape filler for netscape filler for netscape filler for netscape filler for netscape filler for netscape filler for netscape filler for netscape filler for netscape filler for netscape filler for netscape filler for netscape filler for netscape filler for netscape filler for netscape filler for netscape filler for netscape filler for netscape filler for netscape filler for netscape filler for netscape filler for netscape filler for netscape filler for netscape filler for netscape filler for netscape }

body {	
font-family: trebuchet ms, Verdana, Arial, Times ;
color : #000;
margin:0px;
background-color:#b5b5b5;

text-align: center;
	}

.heading     { font-family: Arial; font-size: 14pt; color: #FFFFFF; font-weight: bold }

h1
	{
	font-size:12pt;
	font-weight:bold;
	margin:12px 12px 25px;
	color: #ffffff;
	}
	
p
	{
	font-size:11pt;
	margin: 7px 12px 0px 12px;
	text-align: justify;
	}
	
.topsection
	{
	width:100%;
	background-color:#858585;
	}

.sectionholder
	{
	width: 899px;
	margin:0 auto;
	background-image: url(assets/images/sectionbackground.gif);
	background-repeat: repeat-y;
	}
	
.contentsection
	{
	width:857px;
	text-align:left;
	margin:0 auto;
	background-color:#fff;
	}
	
.contentboxleft
	{
	width:280px;
	height:300px;
	background-repeat:repeat-x;
	margin-left:5px;
	display: inline;
	float: left;
	}
	
.contentboxmiddle
	{
	width:280px;
	height:300px;
	float: left;
	display: inline;
	margin-left:5px;	
	background-repeat:repeat-x;
	}

.contentboxright
	{
	width:277px;
	height:300px;
	float: left;
	display: inline;
	margin-left:5px;	
	background-repeat:repeat-x;
	}

.contentboxwide
	{
	width:565px;
	float: left;
	display: inline;
	margin-left:5px;	
	background-repeat:repeat-x;
	border: 0px blue solid;
	}
	
.mainpic
	{
	margin: 5px 0px 5px 5px;
	}
	
.menubar
	{
	background-image:url(assets/images/topbar.jpg);
	background-repeat: no-repeat;
	width:900px;
	margin:0 auto;
	}
	
.menu {
		width:900px;
		margin:0 auto;
		
		}

.abouthighlight
		{
		color: #6ab0c8;
		}
		
		
.contactform
	{
	margin: 25px;
	padding: 10px;
	width: 320px;
	}

	
.textarea
	{
	width: 325px;
	background-color:#edcdb8;
	font-size:12pt;
	border:none;
	}

.inputbox
	{
	width: 325px;
	background-color:#edcdb8;
	font-size:12pt;
	border:none;
	}

.inputlabel
	{
	color:#314a55;
	font-size:10pt;
	width: 400px;
	min-width:400px;
	}

.portfoliothumb
	{
	margin: 2px;
	padding: 1px;
	border: 2px solid black;
	}

.screen {}
.print { display : none}




.index A:link { color: #dd4444 }
.index A:visited { color: #dd4444 } 
.index A:active { color: #dd4444 }
.index A:hover { color: #dd4444 ; font-weight:bold}

#systems A:link { color: #c18101 }
#systems A:visited { color: #c18101 } 
#systems A:active { color: #c18101 }
#systems A:hover { color: #c18101 ; font-weight:bold}


a {text-decoration: none;}

#lightbox{
	position: absolute;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
	}

#lightbox a img{ border: none; }

#outerImageContainer{
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
	}

#imageContainer{
	padding: 10px;
	}

#loading{
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
	}
#hoverNav{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
	}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{
	width: 49%;
	height: 100%;
	background: transparent url(assets/images/blank.gif) no-repeat; /* Trick IE into showing hover */
	display: block;
	}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(assets/images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(assets/images/nextlabel.gif) right 15% no-repeat; }


#imageDataContainer{
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%	
	}

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;	}	
		
#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #000;
	}

-->
</style>

