/* ---[ common elements ]-------------------- */
body {
	font-family: Verdana, "Lucida Grande", sans-serif; 	/* Arial, Helvetica, sans-serif; */
	margin: 0; padding: 0; border: 0;
	text-align: center;
	color: #444;
	background: #efefef; 
	font-size: x-small; /* for IE5/Win */
	voice-family: "\"}\""; /* Box Model Hack */
	voice-family: inherit;
	font-size: small; /* for compliant browsers */
	}
html>body {/* be nice to Opera */
	font-size: small;
	}
/* Simplified Box Model Hack
	body {
		font-size: small;
	}
	* html body {
		font-size: x-small; /* for IE5/Win */
/*		f\ont-size: small; /* for other IE versions */
/*	}  */
h1 {font-size: 120%; margin: 0 0 .8em 0; padding: 0;}
h2 {font-size: 110%; margin: 0 0 .8em 0; padding: 0;}
h3 {font-size: 100%; margin: 0 0 .8em 0; padding: 0;}
p {font-size: 100%; } 
a {font-size: 100%; color: #009900;} 
li {font-size: 100%; } 
/* ---[ layout ]----------------------------- */
#wrap {
	position: relative;
	margin: 0 auto;
	padding: 0;
	width: 800px;
	font-size: 85%;
	text-align: left;
	background: #fff;
	border-left:1px solid #ddd;
	border-right:1px solid #ddd;
	border-bottom:1px solid #ddd;
	}
#main {
	float: left;
	width: 520px;
	margin: 20px;
	padding: 0;
	display: inline; /* fixes IE/Win double margin bug */	
	}
#sidebar {
	float: right;
	width: 220px;
	margin: 20px 0;
	padding: 0;
	}
#rightmain {
	float: right;
	width: 520px;
	margin: 20px 50px 10px 30px;
	padding: 0;
	display: inline; /* fixes IE/Win double margin bug */	
	}
#leftnav {
	float: left;
	width: 180px;
	margin: 20px 0 10px 20px;	
	padding: 0;
	display: inline; /* fixes IE/Win double margin bug */		
	}
#rightmain p img, #main p img {
	display: block; 
	margin: 0 auto;
	}
#rightmain p, #rightmain li, #main p, #main li {
	line-height: 1.5em;
	}
/* ---[ header footer nav  ]----------------- */
#headnav {
	float:left;
	width: 100%;
	margin: 0;
	padding: 0;	
	background: #fff url(../img/gtop.gif) repeat-x top left;		
	list-style: none;
	}
#headnav a {
	color: #444;
	text-decoration: none;
	}
#headnav a:hover {
	text-decoration: underline;
	}
#logo {
	float: left;
	margin: 0 10px;
	padding: 0px;
	}
#contact {
	float: right;
	margin: 0;
	padding: 15px 20px 15px 21px;
	background: url(../img/icon_contact.gif) no-repeat 0 50%;
	}
#sitemap {
	float: right;
	margin: 0;
	padding: 15px 10px 15px 21px;
	background: url(../img/icon_site_map.gif) no-repeat 0 50%;
	}	
#nav {
	clear: both;
	float: left;
	margin: 0 20px;
	width:700px;
	padding: 5px 0 0 60px;
	list-style: none;
	background: #ccc url(../img/nav_bg.gif) repeat-x bottom left;
	display: inline; /* fixes IE/Win double margin bug */

	}
#nav li {
	float: left;
	margin: 0;
	padding: 0;
	/*		font-size: 85%;*/
	}
#nav a {
	float: left;
	display: block;
	margin: 0 4px 0 0;
	padding: 4px 8px;
	color: #fff;
	text-decoration: none;
	border: 1px solid;
	border-top-color:#fff;
	border-left-color:#fff;
	border-right-color:#000;
	border-bottom: none;
	background: #93BB3A;		
	/*		background: #F9E9A9 url(../img/off_bg.gif) repeat-x top left;		*/
	}
body#home #t-home a, body#tech #t-tech a, body#prod #t-prod a, body#serv #t-serv a, body#comp #t-comp a, body#devs #t-devs a, body#about #t-about a  {
	color: #000;
	padding-bottom: 4px;
/*	border-color: #93BB3A; */
	background: #fff url(../img/on_bg.gif) repeat-x top left;
	}
#nav a:hover {
	text-decoration: underline;
	}
#lnav {
	background: #E0E9E9 url("img/menu_back.gif") right repeat-y;
	margin: 0 0 1em 0;
	padding: 0;
	border-top:1px solid #ddd; 
}
#lnav ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
#lnav li {
	display: inline;
	padding: 0;
	margin: 0;
}
#lnav li s1{
	display: inline;
	padding: 0;
	margin: 0;
}

#lnav li a {
	display: block;
	padding: 6px 10px;
	text-decoration: none;
	color:#333;
	background: #EFEFEF;/*#EDF2F2;*/
	border-bottom: 1px solid #ddd;
	border-top: 1px solid #fff;
	border-right: 1px solid #ddd;
	border-left: 1px solid #ddd;
	font-size:90%;
}
#lnav li a:hover {
	background: #E0E9E9;
}
#lnav li span { /* used for un-linked menu items */
	display: block;
	padding: 6px 10px;
	font-weight: bold;
	color: #666;
}
#footer {
	clear: both;
	margin: 10px 20px; 
	padding: 5px;
	color: #999;
	border-top: 1px solid #999;
	}
/* ---[ article sections ]------------------- */
#sections {
	float: left;
	width: 560px;
	padding: 10px 0;
	/* border: 1px solid #C8CDD2; */
	/* background: url(../img/bg.gif) no-repeat top left; */
	}
#sections dl {
	float: left;
	width: 520px; /*box width 560 - 2*20px */
	margin: 10px 20px;
	padding: 0;
	display: inline; /* fixes IE/Win double margin bug */
	}
#sections dt {
	float: right;
	width: 402px; /* box width - 2x margins - image width (1+4+100+4+1+8) = 560 - 2*20 - 118 = 402*/
	margin: 0;
	padding: 0;
	font-size: 120%;
	font-weight: bold;
	line-height: 1.5em;
	}
#sections dd {
	margin: 0 0 0 118px;;  /* 100+4+4+1+1+8 width of the image, plus padding, borders, and margin already specified between the image and description */
	padding: 0;
	line-height: 1.5em;
	}
#sections dl dd.img {
	margin: 0;
	}
#sections dd.img img {
	float: left;
	margin: 0 8px 0 0;
	padding: 4px;
	border: 1px solid #D9E0E6;
	border-bottom-color: #C8CDD2;
	border-right-color: #C8CDD2;
	background: #fff;
	}
#sections .alt dt {
	float: left;
	}
#sections .alt dd {
	margin: 0 118px 0 0;
	}	
#sections .alt dd.img img {
	float: right;
	margin: 0 0 0 8px;
	}
/* ---[ boxes ]------------------------------ */	
.box {
	width:200px;
	background: url(../img/div-bottom1.gif) no-repeat bottom left;
	margin:0 0 50px 0;
	}
.box h3 {
	margin: 0;
	padding: 6px 8px 4px 10px;
	font-weight: bold;
	border-bottom: 1px solid #666; /*#E0CFAB;*/
	background: url(../img/h3-bg1.gif) no-repeat top left;
	}
.box ul {
	margin: 0;
	padding: 14px 10px 14px 10px;
	list-style: none;
	}
.box ul li {
	margin: 0 0 6px;
	padding: 0;
	}
.box a {
	color:#444;
	}
.box img {
	margin: 0;
	padding: 10px 10px 10px 10px;
	}
/* ---[ tables ]----------------------------- */  
.tablecontainer {
	margin:0 auto;
	padding: 4px 0 0 4px;
	width:95%;
	}
table {
	position: relative;
	top: -4px;
	left: -4px;
	width: 100%;
	border: 1px solid #000;
	background: #fff;
	}
table caption {
	margin: 0;
	padding: 8px 20px;
	text-align: center;
	border: 1px solid #000;
	border-bottom: none;
	background: #fff;
	color: #333;
	font-weight: bold;	
	}  
table th, table td {
	margin: 0;
	padding: 8px 20px;
	text-align: center;
	border-bottom: 1px solid #b5b5b5;
	}  
table th {
	color: #333;
	}  
table .leftalign {
	text-align: left;
	}
table tr {
	background: #e6e6e6;
	}
table tr.altshade {
	background: #f1f1f1;
	}  
table td a {
	display: block;
	font-weight: bold;
	}  
.tableshadow {
	background: #919191;
	}