html, body {
	margin: 0px;
	padding: 0px;
	background-color: #666666;
	text-align:center;
height: 100%;	 
}
/* Get Firefox to calculate height 100 percent of the window - then add min-height: 100% to main container of page */


/* Header Elements */

#page {
	margin-right: auto;
	margin-left: auto;
	width: 794px;
	background-image: url(images/background-n.gif);
	padding: 0px;
	margin-top: 0;
	margin-bottom: 0;
	text-align:center;
	min-height:100%;
	
	/*height: expression((document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.clientHeight) + "px");*/

}
#header {
	position: relative;
	margin-right: auto;
	margin-left: auto;
	width: 732px;
	background-color: #CC0000;
	margin-top: 0px;
	margin-bottom: 0px;
	padding: 0px;
	z-index:99;
	text-align:center;  /* IE 5.5 Center Hack for margin auto */
}


#header .logo {
	background-image: url(images/teklarity-logo.jpg);
	height: 120px;
	width: 428px;
	position: relative;
	margin: 0px;
	line-height:0px;
	padding: 0px;
	float: left;
}
#header .logo-right {
	background-image: url(images/tkl-logo-right.jpg);
	height: 120px;
	width: 302px;
	position: relative;
	margin: 0px;
	line-height:0px;
	padding: 0px;
	float: right;
	font-family: "Times New Roman", Times, serif;
	font-size: 14px;
	font-style: italic;
	font-weight: bold;
	color: #000000;
}

#header .tagline {
	background-image: url(images/tagline.gif);
	position: relative;
	width: 227px;
	float: left;
	height: 67px;
}
#header .search {
	width: 225px;
	float: right;
	position: relative;
	height: 30px;
	margin: 0px;
	padding: 0px;
	top: 10px;
}
.search input {
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin: 3px;
}

#header span {
	position: relative;
	left: -999px;
	font-size: 1px;
	display: none;
}
#header a {
	text-decoration: none;
}

#flashheader {
	margin-top: 4px;
	margin-bottom: 4px;
	margin-left: 4px;
	margin-right: 4px;
	z-index:1;
	position:relative;
}

/* ---------------------------------- panel ---------------------------------- */
#bar_panel_left {
	height:30px;
	width:300px;
	background-image: url(images/btn/left_bar_hdr.jpg);
	background-repeat: no-repeat;
	color: #FFFFFF;
	font-size: 16px;
	font-style: italic;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	padding-top: 5px;
}

#bar_panel_right {
	height:30px;
	width:400px;
	background-image: url(images/btn/right_bar_hdr.jpg);
	background-repeat: no-repeat;
	color: #FFFFFF;
	font-size: 16px;
	font-style: italic;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	padding-top: 5px;
}

#panel_left {
	height:30px;
	width:10px;
	background-image: url(images/btn/hdr_l.gif);
	background-repeat: no-repeat;
}
#panel_center {
	height:30px;
	text-align:center;
	background-image: url(images/btn/hdr_back.gif);
	background-repeat: repeat-x;
}
#panel_right {
	height:30px;
	width:11px;
	background-image: url(images/btn/hdr_r.gif);
	background-repeat: no-repeat;
}
/* ---------------------------------- menu ---------------------------------- */

/* ---------------------------------- panel ---------------------------------- */
#barhdr_left {
	height:30px;
	width:10px;
	background-image: url(images/btn/barhdr-left.gif);
	background-repeat: no-repeat;
}
#barhdr_center {
	height:30px;
	text-align:left;
	background-image: url(images/btn/barhdr-back.gif);
	background-repeat: repeat-x;
	}
#barhdr_right {
	height:30px;
	width:11px;
	background-image: url(images/btn/barhdr-right.gif);
	background-repeat: no-repeat;
}
/* ---------------------------------- menu ---------------------------------- */

#quicklinks {
	float: left;
	width: 298px;
	height: 25px;
	margin: 0px;
	padding: 0px;
	top: 12px;
	position: relative;
}
#quicklinks li {
	display: inline;
	float: left;
	margin: 0px;
	padding: 0px;
}
#quicklinks .testdrive {
	background-image: url(images/testdrive.gif);
	height: 25px;
	width: 89px;
	display: block;
	float: left;
}
#quicklinks .testdrive:hover {
	background-image: url(images/testdrive_over.gif);
}
#quicklinks .sales {
	height: 25px;
	width: 90px;
	background-image: url(images/sales.gif);
	float: left;
	display: block;
}
#quicklinks .sales:hover {
	background-image: url(images/sales_over.gif);
}
#quicklinks .producttour {
	display: block;
	height: 25px;
	width: 119px;
	background-image: url(images/producttour.gif);
	float: left;
}
#quicklinks .producttour:hover {
	background-image: url(images/producttour_over.gif);
}

/* SIDEBAR NAVIGATION */
#sidebar {
	width: 185px;
	height: auto;
	position: relative;
	margin-left: 29px;
	text-align: left;



	*margin-left:-8px; /*  IE 7 hack for position of margins, must be before IE 6 hack for same thing */
	_margin-left:-4px; /* IE 6 hack for position of margins */
	color: #CCCCCC;
	border-top-color: #999999;
	border-right-color: #999999;
	border-bottom-color: #999999;
	border-left-color: #999999;
	margin-top: 5px;
	
}

#sidebar img {
	display: block;
	text-align:center;
}
#sidebar li img { display: inline; }

#sidebar ul {
	background-color: #E0E0E0;
	border-top: 1px none #2664B0;
	border-right: 1px solid #2664B0;
	border-bottom: 1px solid #2664B0;
	border-left: 1px solid #2664B0;
	margin: 0px;
	padding: 0px;
}
#sidebar li {
	list-style: none;
	padding: 0px;
	margin: 0px;
	border: 1px solid #CCCCCC; /* Must be used to fix wierd issue with IE where by spacing/overlapping of LI or A Elements don't get screwed up, also fixes a:hover from not working */
	position:relative;
}
#sidebar li .grey {
	color: #222222;
}
#sidebar li .grey:hover {
	color: #FFFFFF;
}
#sidebar a {
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
	color: #000000;
	padding: 0px;
	margin: 0px;
	text-decoration:none;
	display:block;
	position:relative;
	padding: 4px;
	*padding: 0px;
	*padding-left: 4px;
	_padding: 0px 0px 0px 5px;
}
#sidebar a:hover {
	background-image:url(images/btn/sidebar-highlight-r.gif);
	color: #FFFFFF;
	background-color: #CCCCCC;
}
#sidebar a:visited {
	font-weight: normal;
}
#sidebar h3 {
	padding: 0px;
	font-family:  Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #FFFFFF;
	text-align: center;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
#sidebar h3 span {
	position: relative;
	left: -999px;	
}
#sidebar .barheader {
	background-image: url(images/btn/barhdr_top.gif);
	height: 23px;
	width: 185px;
	position: relative;
}


#sidebar a.diagram {
	margin: 5px 0px 0px 0px;
	padding: 0px;
	border: 1px solid #666666;
}
#sidebar a.diagram:hover {
	border: 1px solid #2664B0;
	background-image: none;
	margin: 5px 0px 0px 0px;
	padding: 0px;
}




#content {
	float: right;
	width: 536px;
	margin-right: 0px;
	margin-top: 5px;
	padding: 0px;
	margin-bottom: 0px;
	overflow: auto;
	position: relative;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 16px;
	margin-left: 0px;
	right: 28px;
	z-index: 0;
	text-align: left;
	color: #000000;
}

#content a {
	color: #333333;
	text-decoration: none;
	font-weight: bold;
}
#content a:hover {
	text-decoration: underline;
	color: #CC0000;
}

.column {
	font-size: 10px;
	position: relative;
	float: left;
	padding: 0px;
	width: 260px;
}
.columnright {
	font-size: 10px;
	position: relative;
	float: left;
	padding: 0px 0px 0px 5px;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 0px;
}
#content .column img {
	display: inline;
}

#leftside {
	width: 304px;
	float: left;
	position: relative;
}

#rightside {
	width: 401px;
	float: right;
	position: relative;
}

#footer {
	width: 735px;
	margin-top: 25px;
	margin-right: auto;
	margin-bottom: 25px;
	margin-left: auto;
	padding: 0px;
	height: 23px; /* Firefox must have this height, even though child elements have a height, otherwise margins don't work */
	outline-color: #D4D0C8;
}
#footer a {
	text-decoration: none;
}
#footer a span {
	position: relative;
	left: -2500px;
	font-size: 7px;
}
#footer li {
	list-style-type: none;
	display: inline;
}
#footer .footer-left {
	background-image: url(images/btn/footer-left.gif);
	height: 23px;
	width: 190px;
	display: block;
	float: left;
	position: relative;
	}
#footer .footer-center {
	background-image: url(images/btn/footer-ctr.gif);
	height: 23px;
	width: 330px;
	display: block;
	float: left;
	position: relative;
	}

#footer .footer-right {
	background-image: url(images/btn/footer-right.gif);
	height: 23px;
	width: 200px;
	display: block;
	float: left;
	position: relative;
	}			
	
#footer .copyright {
	background-image: url(images/copyright.gif);
	height: 23px;
	width: 166px;
	display: block;
	float: left;
	position: relative;
}
#footer .patents {
	background-image: url(images/patentpending.gif);
	height: 23px;
	width: 305px;
	display: block;
	float: left;
	position: relative;
}

#footer .credit {
	background-image: url(images/sitecredit.gif);
	height: 23px;
	width: 85px;
	display: block;
	float: left;
	position: relative;
}
#page_bottom_scrooler{
	text-align: left;
	width: 700px;
	height: 15px;
	
}
/*
#footer a.credit:hover {
	background-image: url(images/sitecredit_over.gif);
}
*/
#footer .sitemap {
	background-image: url(images/sitemap.gif);
	height: 23px;
	width: 69px;
	display: block;
	float: left;
	position: relative;
}
#footer a.sitemap:hover {
	background-image: url(images/sitemap_over.gif);
}
#footer .contactus {
	background-image: url(images/contactus.gif);
	height: 23px;
	width: 108px;
	display: block;
	float: left;
	position: relative;
}
#footer a.contactus:hover {
	background-image: url(images/contactus_over.gif);
}
.topnav {
	background-image: url(images/btn/topnav-grad-r.gif);
}

#right-top {
	width: 401px;
	float: left;
	display: block;
	margin: 0px;
	padding: 0px;
	position: relative;
}



#content h1 {
	font-size: 13px;
	color: #FF0000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

#left-top {
	margin: 0px;
	padding: 0px;
	overflow: hidden;
	position: absolute;
}

#left-bottom {
	margin: 0px;
	padding: 0px;
	overflow: hidden;
	position: absolute;
}

#sidebar h1 {
	font-size: 13px;
	color: #2664B0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

.no_link_underline:link{
	text-decoration: none;
}
td{
	text-align: center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	padding-top: 7px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;

}
#search_bar{
	background-color: #A7C1DF;
	height: 5px;
	width: 100%;
	list-style-position: inside;
	list-style-image: url(images/arrowright.gif);
	list-style-type: none;
}
.awards_h {
	background-image: url(images/awards-hp.gif);
	background-repeat: no-repeat;
	height: 23px;
	width: 185px;
}
#rightside .divider {
	height: 400px;
}
#content li{
	list-style-image: url(images/arrowright.gif);
	list-style-position: outside;
	margin: 0px;
	padding: 0px;
}
.blue_hr {
	height: 1px;
	color:#6699CC
}
.customers td{
	padding-left: 15px;
}
.customers .category{
	padding-left: 0px;
	font-size: 10px;
	font-weight: bold;
	color: #2664B0;
}
.inthenews .date{
	font-size: 10px;
	font-weight: bold;
	color: #151515;
	font-style: normal;
}
hr {
	color: #2664B0;
	height: 0px;
	border:0px;
	border-top: 1px solid #2664B0;
}
#sidebar p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
}
#content h3 {
	font-size: 12px;
	color: #CC0000;
}
#content h2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
}

#barhdr_center h2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #FFFFFF;
	font-style: italic;
}

#panel_center h2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #FFFFFF;
	font-style: italic;
}


.border {
	border: 1px solid #000000;
}
.style3 {color: #000000}