body {
	text-align:center;
	background-color: #000;
	font-size: 62.5%;
	margin: 0;
}
	
	#frame {
	width:805px;
	margin-right:auto;
	margin-left:auto;
	margin-top:0px;
	padding:0px;
	text-align:left;
	background: url(../images/repeat.gif) repeat-y;
}
		
	#contentleft {
		width:182px;
		height: 468px;
		padding:0px;
		float:left;
		background: #fff url(../images/left.gif) no-repeat;
		}
	
	#contentcenter {
		width:438px;
		padding:0px;
		float:left;
		background: #fff url(../images/centre.gif) no-repeat;
}
	
	#contentright {
		width:185px;
		height: 468px;
		padding:0px;
		float:left;
		background: #fff url(../images/right.gif);
		}
	
	#contentheader {
	background: #fff url(../images/header.gif);
	width: 805px;
	height: 200px;
	text-align: center;
}
	
	#contentheaderSml {
	background: #fff url(../images/header-sml.gif);
	width: 805px;
	height: 155px;
	}

	#contentfooter {
	background: #fff url(../images/footer.gif);
	width: 805px;
	height: 20px;
	float:left;
	}
	
	#contentright p { font-size:10px}
	
.tableBody
{
	background-color: #ffffff;
	border-left: 1px solid #808080;
	border-right: 1px solid #808080;
	border-bottom: 1px solid #808080;
}

.tableNav
{
	background-color: #ffffff;
	border-left: 1px solid #808080;
	border-right: 1px solid #808080;
	border-bottom: 1px solid #808080;
	border-top: 1px solid #808080;
}

.tableContact
{
	background-color: #ffffff;
	border-left: 1px solid #808080;
	border-right: 1px solid #808080;
}

/* navigation top bar */

#TopNav		
		{				
			font-family: Arial, Verdana, Helvetica, 'Trebuchet MS', sans-serif;		
			font-size: 1em;		
			list-style-type: none;			
			padding: 175px 0px 0px 0px;	
			color: #ffffff;		
			width: auto;		
		}				
			
#TopNav li				
		{				

			font-family: Arial, Verdana, Helvetica, 'Trebuchet MS', sans-serif;				
			font-size: 1em;					
			list-style-type: none;	
			margin: 0px 20px 0px 20px;							
			display: inline;						
		}				
			
#TopNav li a				
		{						
			
			font-family: Arial, Verdana, Helvetica, 'Trebuchet MS', sans-serif;				
			font-size: 1em;						
			text-decoration: none;				
		}				
			
#TopNav li a:hover				
		{				
				
			font-family: Arial, Verdana, Helvetica, 'Trebuchet MS', sans-serif;				
			font-size: 1em;				
			color: #000000;				
			text-decoration:none;										
		}
		
		
/* LEAD rounded box CSS */

.roundcont {
	width: 419px;
	background-color: white;
	color: #fff;
	margin-left: 1em;
}

.roundcont p {
	border-right-width: 1px;
	border-right-color: #808080;
	border-left-width: 1px;
	border-left-color: #808080;
}

.roundtop { 
	height: 33px;
	background: url(../images/lead-panel/lead-panel-header.gif) no-repeat;
}

.roundbottom {
	background: url(../images/lead-panel/lead-panel-footer.gif) no-repeat; 
}


/* SMALL BOXES rounded box CSS */

.SmallRoundcont {
	width: 129px;
	background-color: white;
	color: #fff;
	clear: both;
}

.SmallRoundcont p {
	border-right-width: 1px;
	border-right-color: #808080;
	border-left-width: 1px;
	border-left-color: #808080;
}

.SmallRoundtop { 
	height: 34px;
	background: url(../images/small-panel/small-panel-header.gif) no-repeat right;
}

.SmallRoundbottom {
	background: url(../images/small-panel/small-panel-footer.gif) no-repeat; 
}


/* PRODUCT rounded box CSS */

.ProductRoundcont {
	width: 419px;
	background-color: white;
	color: #fff;
	margin-left: 10px;
}

.ProductRoundcont p {
	border-right-width: 1px;
	border-right-color: #808080;
	border-left-width: 1px;
	border-left-color: #808080;
}

.ProductRoundtop { 
	height: 34px;
	background: url(../images/product-panel/product-panel-header.gif) no-repeat right;
}

.ProductRoundbottom {
	background: url(../images/product-panel/product-panel-footer.gif) no-repeat; 
}


/* LEFT COLUMN NAVIGATION BOX rounded box CSS */

.navRoundcont {
	width: 158px;
	background-color: white;
	color: #fff;
	clear: both;
	margin-left: 14px;
}

.navRoundcont p {
	border-right-width: 1px;
	border-right-color: #808080;
	border-left-width: 1px;
	border-left-color: #808080;
}

.navRoundtop { 
	height: 34px;
	background: url(../images/navigation-panel/navigation-panel-header.gif) no-repeat right;
}

.navRoundbottom {
	background: url(../images/navigation-panel/navigation-panel-footer.gif) no-repeat; 
}

/* CONTACT rounded box CSS */

.ContactRoundcont {
	width: 158px;
	background-color: white;
	color: #fff;
	margin-left: 10px;
}

.ContactRoundcont p {
	border-right-width: 1px;
	border-right-color: #808080;
	border-left-width: 1px;
	border-left-color: #808080;
}

.ContactRoundtop { 
	height: 34px;
	background: url(../images/contact-panel/contact-panel-header.gif) no-repeat right;
}

.ContactRoundbottom {
	background: url(../images/contact-panel/contact-panel-footer.gif)repeat; 
}

/* table */

#mytable {
	width: 419px;
	padding: 0;
	margin: 0;
}

th {
	color: #4f6b72;
	text-align: left;
	padding: 6px 6px 6px 10px;
}

/* IMAGE properties */

img.leadItem {
	float: left; 
	width: 174px;
	height: 129px;
 }
  
img.smallItem {
	align: center;
	width: 109px;
	height: 108px;
	border-width: 0;
	margin: 0;
	padding: 0;
}

img.reader {
	float: left;
	width: 100px;
	height: 120px;
	border-width: 0;
	margin: 0;
	padding: 0;
}

img.readerRight {
	float: right;
	width: 100px;
	height: 120px;
	border-width: 0;
	margin: 0;
	padding: 0;
}

img.keyfob {
	float: left;
	width: 100px;
	height: 88px;
	border-width: 0;
	margin: 0;
	padding: 0;
}

img.keyfobRight {
	float: right;
	width: 100px;
	height: 88px;
	border-width: 0;
	margin: 0;
	padding: 0;
}

img.card {
	float: left;
	width: 100px;
	height: 50px;
	border-width: 0;
	margin: 0;
	padding: 0;
}

img.cardRight {
	float: right;
	width: 100px;
	height: 50px;
	border-width: 0;
	margin: 0;
	padding: 0;
}

/* security page images */

img.wand {
	float: left;
	width: 300px;
	height: 160px;
	border-width: 0;
	margin: 0;
	padding: 0;
}

/* time and attenddance page images */

img.timestartPlus {
	float: left;
	width: 140px;
	height: 160px;
	border-width: 0;
	margin: 0;
	padding: 0;
}

img.timeware6 {
	float: left;
	width: 140px;
	height: 160px;
	border-width: 0;
	margin: 0;
	padding: 0;
}

img.t66020 {
	float: left;
	width: 195px;
	height: 166px;
	border-width: 0;
	margin: 0;
	padding: 0;
}

/* CLEAR both */

div.clear {
	clear: both;
}