/*BODY*/


body
	{
	font-family: "Tahoma", "Verdana", "Helvetica", sans-serif;  
	font-size: 11px;
	font-weight: normal;
	letter-spacing: 0.0em;
	margin-top: 0px;
	position: absolute;
	width: 101%;
	}

#main_center
	{
	position: relative;
	width: 1000px;
	margin-left: auto;
	margin-right: auto;
	}

h1
	{
	font-family: "Tahoma", "Verdana", "Helvetica", sans-serif;  
	font-size: 36px;
	color: #D8D8D8;
	font-style: bold;
	margin-top: -10px;
	}

*html h1
	{
	margin-top: -6px;
	}

h2
	{
	font-family: "Tahoma", "Verdana", "Helvetica", sans-serif;  
	font-size: 18px;
	color: #647A9B;
	}

h3
	{
	font-family: "Tahoma", "Verdana", "Helvetica", sans-serif;  
	font-size: 16px;
	font-weight: bold;
	}

img 
	{
	vertical-align: bottom;
	}	

/*BANNER & H-NAV*/
	
.banner
    {
    width: 944px;
    position: relative;
    margin-left: 0px;
    z-index: 1;
 	background: white;
	float: left;
    }

*html .banner
	{
	width: 947px;
	}


	#banner-image
		{
		float: left;
		position: relative;
		}
	 
	.banner-nav
	    {
	    width: 904px;
		height: 15px;
		background: #f0f0f0;
	    position: relative;
	    margin-left: 0px;
	    border: 1px #fff solid;
	    z-index: 2;
	    padding: 5px 0px 5px 40px;
		font-size: 11px;
		margin-top: -10px;
		float: left;
		text-decoration: none;
		font-weight: bold;
		color: #647A9B;
		font-family: "Tahoma", "Verdana", "Helvetica", sans-serif; 
		border: 1px solid #b8b8b8;
	    }
	
	*html .banner-nav
	    {
		width: 907px;
	    }
	
	#address
		{
		padding-top: 15px;
		position: relative;
		float: left;
		}

/*FONT-CONTROL*/

	.banner-nav a
		{
		font-size: 11px;
		text-decoration: none;
		color: #647A9B;
		font-weight: bold;
		}	
	
	.banner-nav a:hover
		{
		font-size: 11px;
		text-decoration: underline;
		color: #647A9B;
		font-weight: bold;
		}
	
	.banner-nav a:visited
		{
		font-size: 11px;
		text-decoration: none;
		color: #647A9B;
		font-weight: bold;
		}
	
	.banner-nav a:visited:hover
		{
		font-size: 11px;
		text-decoration: underline;
		color: #647A9B;
		font-weight: bold;
		}
	
/*LEFT NAV*/

#left
	{
	width: 162px;
	text-align: left;
	float: left;
	margin-right: 10px;
	margin-bottom: 1px;
	margin-top: 0px;
	position: relative;
	z-index: 9;
	}
	

/*FONT-CONTROL*/

	#left a
		{
		width: 155px;
		background: #B9C3D5;
		font-family: "Tahoma", "Verdana", "Helvetica", sans-serif, bold; 
		font-size: 10px;	
		letter-spacing: 0.08em;
		color: #003366;
		display: block;
		padding: 5px 0px 5px 7px;
		margin-top: 1px;
		margin-bottom: 1px;
		text-align: left;
		text-decoration: none;
		}
	

	
	#left a:visited
		{
		width: 155px;
		background: #B9C3D5;
		font-family: "Tahoma", "Verdana", "Helvetica", sans-serif, bold; 
		font-size: 10px;	
		letter-spacing: 0.08em;
		color: #003366;
		display: block;
		padding: 5px 0px 5px 7px;
		margin-top: 1px;
		margin-bottom: 1px;
		text-decoration: none;
		text-align: left;
		}

	#left a:hover
		{
		width: 155px;
		background: #B9C3D5;
		background: url(http://www.clockware.com/cimages/nav_blue_hover.gif);
		font-family: "Tahoma", "Verdana", "Helvetica", sans-serif, bold; 
		font-size: 10px;	
		letter-spacing: 0.08em;
		color: #003366;
		display: block;
		padding: 5px 0px 5px 7px;
		margin-top: 1px;
		margin-bottom: 1px;
		text-decoration: none;
		text-align: left;
		}	

	#left a:visited:hover
		{
		width: 155px;
		font-family: "Tahoma", "Verdana", "Helvetica", sans-serif, bold; 
		background: url(http://www.clockware.com/cimages/nav_blue_hover.gif);
		font-size: 10px;	
		letter-spacing: 0.08em;
		color: #003366;
		display: block;
		padding: 5px 0px 5px 7px;
		margin-top: 1px;
		margin-bottom: 1px;
		text-decoration: none;
		text-align: left;
		}

.title
	{
	width: 155px;
	background: url(/cimages/home_page/nav_spacer.gif);
	font-family: "Tahoma", "Verdana", "Helvetica", sans-serif, bold; 
	font-size: 10px;	
	letter-spacing: 0.08em;
	color: #FFFFFF;
	display: block;
	padding: 5px 0px 5px 7px;
	margin-bottom: 1px;
	margin-top: 1px;
	font-weight: bold;
	text-align: center;

	}

.title-top
	{
	width: 155px;
	background: url(/cimages/home_page/nav_spacer.gif);
	font-family: "Tahoma", "Verdana", "Helvetica", sans-serif, bold; 
	font-size: 10px;	
	letter-spacing: 0.08em;
	color: #FFFFFF;
	display: block;
	padding: 5px 0px 5px 7px;
	margin-bottom: 1px;
	margin-top: 10px;
	font-weight: bold;
	text-align: center;
	}



	
/*HOME CONTENT*/

#home_content
	{
	text-align: left;
	position: relative;
	float: left;
	margin-top: 10px;
	width: 671px;
	}


/*TOP ROW*/

#top_row
	{
	float: left;
	position: relative;
	font-size: 10px;
	color: #000;
	margin-left: 2px;
	margin-bottom: -15px;
	}

*html #top_row
	{
	margin-left: 0px;
	}




/*PRODUCTS*/
	#products
		{
		height: 150px;
		width: 220px;
		position: absolute;
		float: left;
		padding: 0px;
		margin-bottom: 0px;
		font-family: "Tahoma", "Verdana", "Helvetica", sans-serif; 
		font-size: 10px;
		background: url(/cimages/home_page/clip_clock.gif) no-repeat left top;
		/*-moz-opacity: 0.8;
		filter:alpha(opacity=80);*/
		z-index: 3;
		margin-right: 10px; 
		}

	*html #products
		{
		position: relative;
		text-align: left;
		margin-right: 0px;
		margin-left: 2px;
		}

		#products_title
			{
			font-family: "Tahoma", "Verdana", "Helvetica", sans-serif; 
			font-size: 18px;
			font-weight: bold;
			color: #DCA537;
			padding: 4px 0px 4px 0px;
			text-align: left;			
			}

		#products_contents
			{
			margin-left: 5px;
			padding: 0px 7px 0px 0px;
			}

		/*FONT CONTROL*/

			#products_contents a
				{
				font-family: "Tahoma", "Verdana", "Helvetica", sans-serif; 
				font-size: 10px;
				text-decoration: none;
				color: #000;
				}

			#products_cotnents a:visited
				{
				font-family: "Tahoma", "Verdana", "Helvetica", sans-serif; 
				font-size: 10px;
				text-decoration: none;
				color: #000;
				}

			#products_contents a:hover
				{
				font-family: "Tahoma", "Verdana", "Helvetica", sans-serif; 
				font-size: 10px;
				text-decoration: underline;
				color: #000;
				}

			#products_contents a:visited:hover
				{
				font-family: "Tahoma", "Verdana", "Helvetica", sans-serif; 
				font-size: 10px;
				text-decoration: underline;
				color: #000;
				}

		#products_contents ul
			{
			list-style-type: circle;
			font-family: "Tahoma", "Verdana", "Helvetica", sans-serif; 
			font-size: 10px;
			color: #070521;
			margin-left: -15px;
			margin-top: 5px;
			margin-bottom: 8px;
			}
			
			*html #products_contents ul
				{
				margin-left: 25px;
				}

		#products_contents li a
			{
			text-decoration: none;
			color: #070521;
			}

		#products_contents li a:hover
			{
			text-decoration: underline;
			color: #070521;
			}

	#products_shadow
		{
		height: 148px;
		width: 218px;
		background-color: #d8d8d8;
		margin-left: 6px;
		margin-top: 6px;
		z-index: 1;
		float: left;
		}

	*html #products_shadow
		{
		position: relative;
		margin-left: -215px;
		}



/*AAP*/
	#aap
		{
		height: 165px;
		width: 220px;
		position: relative;
		float: left;
		padding: 0px;
		margin-bottom: 0px;
		background: url(/cimages/home_page/sign_2a.gif);
		background-repeat: no-repeat;
		-moz-opacity: 0.8;
		filter:alpha(opacity=80);
		margin-left: 238px;
		margin-right: 0px;
		}

	*html #aap
		{
		margin-left: 20px;
		}
	
		#aap_title
			{
			font-family: "Tahoma", "Verdana", "Helvetica", sans-serif; ;
			font-size: 18px;
			font-weight: bold;
			color: #EDEDED;
			padding: 7px 0px 0px 0px;
			text-align: center;
			letter-spacing: 0.15em;
			}
		
		#aap_content
			{
			font-family: "Tahoma", "Verdana", "Helvetica", sans-serif; ;
			font-size: 12px;
			color: #fff;
			padding: 10px 15px 0px 15px;
			line-height: 24px;
			}

		#aap a
			{
			text-decoration: none;
			}




/*TOUR PANEL*/

#tour_container
	{
	width: 671px;
	}

*html #tour_container
	{
	width: 674px;
	}

#tour_panel
	{
	position: relative;
	margin-top: 155px;
	margin-left: 2px;
	}

*html #tour_panel
	{
	margin-top: 0px;
	}
	
#tour_banner
	{
	background: #fff;
	padding: 0px 0px 10px 10px;
	text-align: left;
	width: 410px;
	}
	
	#tour_banner a
		{
		text-decoration: none;
		font-family: "Tahoma", "Verdana", "Helvetica", sans-serif; 
		color: #4F4B6C;
		font-size: 18px;
		font-weight: bold;
		}

	#tour_banner a:hover
		{
		text-decoration: underline;
		font-family: "Tahoma", "Verdana", "Helvetica", sans-serif; 
		font-size: 18px;
		font-weight: bold;	
		}
	
#tour
	{
	position: relative;
	float: left;
	width: 145px;
	margin-bottom: 0px;
	margin-right: 11px;
	background-image: url(/cimages/home_page/payroll_tombstone.gif);
	background-repeat: no-repeat;
	}

*html #tour
	{
	margin-right: 12px;
	}

	#tour_title
		{
		text-align: center;
		padding: 5px 0px 5px 0px;
		}

	
		#tour_title a
			{
			font-size: 11px;	
			font-family: "Tahoma", "Verdana", "Helvetica", sans-serif; 
			font-weight: bold;
			text-decoration: none;
			color: #4F4B6C;
			}

		#tour_title a:visited
			{
			font-size: 11px;	
			font-family: "Tahoma", "Verdana", "Helvetica", sans-serif; 
			font-weight: bold;
			text-decoration: none;
			color: #4F4B6C;
			}
		#tour_title a:hover
			{
			font-size: 11px;	
			font-family: "Tahoma", "Verdana", "Helvetica", sans-serif; 
			font-weight: bold;
			text-decoration: underline;
			color: #4F4B6C;
			}
	
		#tour_title a:visited:hover
			{
			font-size: 11px;	
			font-family: "Tahoma", "Verdana", "Helvetica", sans-serif; 
			font-weight: bold;
			text-decoration: underline;
			color: #4F4B6C;
			}
	


	#tour_image
		{
		text-align: center;
		}
	
	#tour_text
		{
		color: #4F4B6C;
		margin-top: -10px;
		}

	*html #tour_text
		{
		padding: 0px 0px 0px 10px;
		margin-top: -19px;
		}

	#tour ul
		{
		list-style-type: circle;
		margin-left: -22px;
		}

	*html #tour ul
		{
		margin-left: 10px;
		}

/*FONT-CONTROL*/

	#tour_text a
		{
		color: #4F4B6C;
		text-decoration: none;
		font-weight: bold;
		font-size: 9px;
		}

	#tour_text a:visited
		{
		color: #4F4B6C;
		text-decoration: none;
		font-weight: bold;
		font-size: 9px;
		}

	#tour_text a:hover
		{
		color: #4F4B6C;
		text-decoration: underline;
		font-weight: bold;
		font-size: 9px;
		}

	#tour_text a:visited:hover
		{
		color: #4F4B6C;
		text-decoration: underline;
		font-weight: bold;
		font-size: 9px;
		}

	

/*TIMESHEETS INFO*/
#tock
	{
	position: relative;
	float: left;
	border: 1px solid #B8B8B8;
	width: 610px;
	margin-bottom: 10px;
	font-weight: normal;
	margin-left: 2px;
	margin-right: 12px;
	margin-top: -40px;
	}

*html #tock
	{
	width: 615px;
	margin-left: 0px;
	margin-top: -45px;
	}

	#tocktext
		{
		padding: 0px 0px 0px 30px;
		}

	*html #tocktext
		{
		margin: -10px 0px -10px 0px;
		}

	#tock_image
		{
		border-bottom: 1px solid #B8B8B8;
		background: #EDEDED;
		}

	#tock_title
		{
		position: relative;
		margin-top: -48px;
		margin-left: 69px;
		color: #d8d8d8;
		font-family: "Tahoma", "Verdana", "Helvetica", sans-serif; 
		font-size: 36px;
		font-weight: bold;
		letter-spacing: 0.18em;
		}
	
	*html #tock_title
		{
		margin-left: 85px;
		}
	
	#tock_content
		{
		margin-left: -15px;
		padding: 0px 10px 0px 0px;
		font-weight: normal;
		font-size: 10px;
		}

/*NEWS*/

#news
	{
	position: relative;
	float: left;
	padding: 10px;
	font-weight: normal;
	width: 610px;
	font-size: 10px;
	margin-left: 162px;
	}

*html #news
	{
	margin-left: 80px;
	width: 615px;
	}

/*FONT-CONTROL*/

	#news a
		{
		color: #647A9B;
		text-decoration: none;
		font-weight: bold;
		}		

	#news a:visited
		{
		color: #647A9B;
		text-decoration: none;
		font-weight: bold;
		}

	#news a:hover
		{
		color: #647A9B;
		text-decoration: underline;
		font-weight: bold;
		}

	#news a:visited:hover
		{
		color: #647A9B;
		text-decoration: underline;
		font-weight: bold;
		}

	#news_title
	{
	float: bottom;
	position: relative;
	margin-left: 10px;
	}

	#news_content
		{
		positions: relative;
		margin-top: 10px;
		text-align: justify;
		}
	

/*NAV BARS*/

#entbar
	{	
	float: left;
	position: relative;
	width: 143px;
	height: 185px;
	margin-left: 10px;
	background-image: url(/cimages/home_page/timesheet_enterprise_system.gif);
	background-repeat: no-repeat;
	margin-bottom: -5px;
	}

#rhnav
	{
	position: relative;
	float: left;
	width: 145px;
	color: #000;
	margin-top: 10px;
	border-top: 1px solid #B8B8B8;
	font-weight: normal;
	font-size: 9px;
	margin-left: -46px;
	}
	

	.rhnavbottom
		{
		float: left;
		position: relative;
		width: 135px;
		padding: 7px 0px 7px 10px;
		background: #EDEDED;
		border-top: 1px solid #B8B8B8;
		border-bottom: 1px solid #B8B8B8;
		}

/*FONT-CONTROL*/
	
	.rhnavbottom a
		{
		color: #000;
		text-decoration: none;
		font-weight: normal;
		font-size: 9px;
		}

	.rhnavbottom a:visited
		{
		color: #000;
		text-decoration: none;
		font-weight: normal;
		font-size: 9px;
		}

	.rhnavbottom a:hover
		{
		color: #000;
		text-decoration: underline;
		font-weight: normal;
		font-size: 9px;
		}

	.rhnavbottom a:visited:hover
		{
		color: #000;
		text-decoration: underline;
		font-weight: normal;
		font-size: 9px;
		}

#contact
	{
	position: relative;
	float: left;
	padding: 10px 10px 0px 0;
	width: 123px;
	height: 237px;
	margin-left: -35px;
	margin-top: 0px;
	color: #000;
	text-decoration: none;
	font-weight: bold;
	font-size: 11px;
	text-align: center;
	font-weight: normal;
	}

	#contact a
		{
		text-decoration: none;
		color: #003366;
		font-weight: normal;
		}

	#contact a:link
		{
		text-decoration: none;
		color: #003366;
		font-weight: normal;
		}
	
	#contact a:visited
		{
		text-decoration: none;
		font-weight: normal;
		}

	#contact a:visited:hover
		{
		text-decoration: none;
		font-weight: normal;
		}
	
	#contact a:hover
		{
		text-decoration: underline;
		font-weight: normal;
		}


/*FOOTER*/

#footer
	{
	position: relative;
	float: left;
	width: 890px;
	margin-left: 0px;
	margin-top: 25px;
	}

	#copyright
		{	
		width: 150px;
		float: left;
		position: relative;
		padding: 10px;
		text-align: center;
		}

	#footerlinks
		{
		float: right;
		position: relative;
		width: 580px;
		padding: 10px;
		text-align: center;
		margin-left: -75px;
		}		
	
/*FONT-CONTROL*/
	
	#footerlinks a
		{
		color: #000;
		text-decoration: none;
		}

	#footerlinks a:visited
		{
		color: #000;
		text-decoration: none;
		}

	#footerlinks a:hover
		{
		color: #000;
		text-decoration: underline;
		}

	#footerlinks a:visited:hover
		{
		color: #000;
		text-decoration: underline;
		}




/*SUB PAGES CONTENT*/
#content
	{
	text-align: left;
	position: relative;
	float: left;
	margin-top: 20px;
	width: 599px;
	padding-right: 10px;
	}

*html #content
	{
	width: 602px;
	}

#content a	
	{
	color: #003366;
	font-weight: bold;
	text-decoration: none;
	font-family: "Tahoma", "Verdana", "Helvetica", sans-serif;
	font-size: 11px;
	letter-spacing: 0em;
	text-align: left;
	padding: 0px;
	}

#content a:visited
	{
	color: #003366;
	font-weight: bold;
	text-decoration: none;
	font-family: "Tahoma", "Verdana", "Helvetica", sans-serif;
	font-size: 11px;
	letter-spacing: 0em;
	text-align: left;
	padding: 0px;
	}

	
#content a:hover	
	{ 
	color: #003366; 
	font-weight: bold; 
	text-decoration: underline; 
	font-family: "Tahoma", "Verdana", "Helvetica", sans-serif;
	font-size: 11px;
	letter-spacing: 0em;
	text-align: left;
	padding: 0px;
	}

#content a:visited:hover
	{
	color: #003366;
	font-weight: bold;
	text-decoration: none;
	font-family: "Tahoma", "Verdana", "Helvetica", sans-serif;
	font-size: 11px;
	letter-spacing: 0em;
	text-align: left;
	padding: 0px;
	}

#salesbar
	{
	margin-left: 10px;
	width: 154px;
	float: left;
	position: relative;
	margin-top: 15px;
	}

	#salescell2
		{
		float: left;
		position: relative;
		}

/*SUB PAGES CONTENT*/

.ctitle3
	{
	background: #647A9B;
	font-family: Arial, Helvetica, sans-serif, bold;
	font-size: 10px;	
	letter-spacing: 0.08em;
	color: #FFFFFF;
	display: block;
	padding: 5px 0px 5px 7px;
	font-weight: bold;
	text-align: center;
	}

.overviewbox
	{
	padding: 10px;
	}
	
.overviewtable
	{
	border: 1px #999999 solid;
	}