*
{
	margin: 0;   
	padding: 0;
}

html, body {
	height: 100%; /* Required */
}

body {
	color: #333;
	font: 12px/16px "Trebuchet MS", Verdana, sans-serif;
	text-align: center;
	background: #4fa600 url(images/bg-diag.jpg) top right repeat-x;
}

table tr {
	height: 30px;
}

table tr td {
	color: #333;
	font: 12px/16px "Trebuchet MS", Verdana, sans-serif;
	padding: 3px;
	vertical-align: top;
}

a, a:visited {
	color: #4fa600;
	text-decoration: none;	
}

a:hover {
	background-color: #4fa600;
	color: #FFFFFF;
}

h1	{
	font: 21px/24px "Trebuchet MS", Verdana, sans-serif;
	color: #00AFEE;
}
	
h2	{
	font: 18px/21px "Trebuchet MS", Verdana, sans-serif;
	color: #4fa600;		
	height: 30px;
	margin: 10px 0 0 2px;
	padding: 2px 0 0 22px;
}

h2.products	{
	margin: 0 0 0 2px;			
	height: 21px;
}

h3	{
	margin: 10px 4px 0px 4px;
	color: #333;
}

h4	{
	font: bold 14px/21px "Trebuchet MS", Verdana, sans-serif;
	color: #FF9900;
	margin: 10px 0 0 22px;
	padding: 12px 0 0 2px;
	font-style: italic;
	background: url(images/h4-bg.jpg) 2px 0 no-repeat;
}

ul, ol
{
	margin: 10px 40px 20px 50px;
	list-style-image: url(images/li-arrow.gif);
}

ul li, ol li {
	margin: 0 0 10px 0;
}

p {
	margin: 5px 25px 20px 25px;
}

ol.reference {
	margin: 5px 40px 20px 50px;
}

ol.reference li {
	font: 10px/12px "Trebuchet MS", Verdana, sans-serif;
	margin: 0 0 3px 0;	
}

form {
	margin: 5px 20px 20px 20px;
	line-height: 30px;
	text-align: right;
}

#page
{
	margin: 0 auto;
	width: 788px;
	background: transparent url(images/bg-contentMain.jpg) top left no-repeat;
	text-align: left;
	position: relative;
	min-height: 100%; /* For Modern Browsers */
	height: auto !important; /* For Modern Browsers */
	height: 100%; /* For IE */
	top: 0px;
}

#page.clean
{
	background: transparent url(images/bg-contentMain-clean.jpg) top left no-repeat;
}

* html #page
{
	height: 100%;
	width: 788px;
	top: -2px;
}

.clearer
{
	clear: both;
	display: block;
	height: 1px;
	margin-bottom: -1px;
	font-size: 1px;
	line-height: 1px;
}

#nonFooter
{
	position: relative;
	min-height: 100%;
	width: 788px;
}

* html #nonFooter
{
	height: 100%;
	width: 788px;
}

#content
{
	width: 788px;
	margin: 3px 0 0 0;
	padding-bottom: 50px;
}
	
#contentMain-wide
{
	display: block;
	clear: both;
	float: left;
	height: 100%;
	width: 774px;
	padding: 0;
	margin: 50px 0 0 6px;
	background-color: #FFF;	
}

* html #contentMain-wide
{
	margin: 50px 0 0 3px;
}

#contentMain
{
	display: inline;
	clear: both;
	float: left;
	margin: 50px 0 0 30px;
	width: 500px;
}

#contentSub
{
	display: block;
	float: right;
	width: 225px;
	margin: 20px 25px 0 0;
}
	
* html #contentSub
{
	margin: 20px 15px 0 0;
}

/* HEADER  */
#header
{
	height: 105px;
	width: 788px;
	margin: 0 auto 0 auto;	
	padding: 0px;
}

* html #header
{
	width: 788px;
	margin: 0;
	padding: 0;
}


/* LOGO */
#branding {
	float: left;
	width: 374px;
	margin: 0px;
	padding: 0px;
}

#branding-logo {
	width: 374px;
	padding: 0px 0px 0px 6px;
	background: none;
}

#content-login {
	float: right;
	width: 350px;
	height: 16px;
	right: 0;
	padding: 0 5px 0 0;
	background: none;
}

* html #content-login {
	width: 350px;
	padding: 0;
	margin: 0;
}

/*  NAVIGATION */
#nav {
	left: 0;
	top: 0;
	width: 350px;
	height: 16px;	
	margin: 45px 0 0 0;
	padding: 0;
}

* html #nav {
	width: 350px;
	margin: 45px 0 0 0;
}

#banner-nav {
	text-align: center;
	left: 0;
	padding: 0 0 0 5px;
}

#nav #banner-nav a {
	font: 16px/16px 'Trebuchet MS', arial, sans serif;
	outline: 0;
	text-indent: -10000px;
}

#nav #banner-nav li#tab2 {
	padding-left: 30px;
}

#nav #banner-nav li#tab3 {
	padding-left: 18px;
}

#nav #banner-nav #tab1 a {
	background-image: url(images/tabs-prod.jpg);
	width: 89px;
	height: 16px;
	
}	

#nav #banner-nav #tab2 a {
	background-image: url(images/tabs-serv.jpg);
	width: 89px;
	height: 16px;
}

#nav #banner-nav #tab3 a {
	background-image: url(images/tabs-comp.jpg);
	width: 89px;
	height: 16px;
}

#nav #banner-nav #roll {   
	list-style: none;
	margin: 0;
	padding: 0;
}

#nav #banner-nav #roll li {
	list-style: none;
	float: left;
	height: 16px;  
	font-family: 'Trebuchet MS', arial, sans serif;
	font-size: 11px;
}

#nav #banner-nav #roll li a {
	display: block;
	height: 16px;  
	color: #00AFEE;
	padding: 0;
	margin: 0;  
	text-decoration: none;
	background-position: 0px 0px;
	background-repeat: no-repeat;
}

#nav #banner-nav #roll li a:hover {
	color: #999;
	background-position: 0px -16px;
}

#nav #banner-nav #roll li a.on,
#nav #banner-nav #roll li a:hover.on {
	color: #000;
	background-position: 0px -32px;
}

#nav-main {	
	width: 788px;
	height: 27px;
	margin: 0px;
	padding: 0px;
}

#nav-main-content {	
	width: 774px;
	height: 27px;
	margin: 0px 0px 0px 6px;
	background: transparent url(images/bg-topNav.jpg) top right;
}

#navList {	
	list-style: none;
	margin: 0;
	padding: 0;
	text-align: center;
}

#navList li {
	list-style: none;
	float: left;	
	width: 190px;	
}

#navList li a, #navList li a:visited  {	
	font: bold 11px/14px 'Trebuchet MS', arial, sans serif;
	display: block;
	height: 27px;
	padding: 5px 0 0 0;
	color: #12617C;
	text-decoration: none;
}

#navList li a:hover {	
	color: #FCB040;
}

/*  subNav for HOME PAGE  */

#homeNav {
	left: 0;
	top: 0;
	width: 788px;
	height: 40px;
	padding: 0 0 0 6px;	
}

* html #homeNav {
	padding: 0 0 0 6px;
}

#banner-homeNav {
	text-align: center;
	left: 0;
}

#homeNav #banner-homeNav a {
	font: 16px/24px 'Trebuchet MS', arial, sans serif;
	outline: 0;
	text-indent: -10000px;
}

#homeNav #banner-homeNav #tabfill {
	background: url(images/stab-bg.jpg) top right repeat-x;
	width: 21px;
	height: 40px;
}

#homeNav #banner-homeNav #tab1 a {
	background-image: url(images/stab-story.jpg);
	width: 244px;
	height: 40px;
}

#homeNav #banner-homeNav #tab2 a {
	background-image: url(images/stab-people.jpg);
	width: 244px;
	height: 40px;
}

#homeNav #banner-homeNav #tab3 a {
	background-image: url(images/stab-rudi.jpg);
	width: 244px;
	height: 40px;
}

#homeNav #banner-homeNav #rollX {
	list-style: none;
	margin: 0;
	padding: 0;	
}

#homeNav #banner-homeNav #rollX li {
	list-style: none;
	float: left;
	height: 40px;  
	font-family: 'Trebuchet MS', arial, sans serif;
	font-size: 11px;
}

#homeNav #banner-homeNav #rollX li a {
	display: block;
	height: 40px;  
	color: #00AFEE;
	padding: 0px 0 0px 0;  
	text-decoration: none;
	background-position: 0px 0px;
	background-repeat: no-repeat;
}

#homeNav #banner-homeNav #rollX li a:hover {
	color: #999;
	background-position: 0px -80px;
}

#homeNav #banner-homeNav #rollX li a.on,
#homeNav #banner-homeNav #rollX li a:hover.on {
	color: #000;
	background-position: 0px -40px;
}

.box {
	float: right; 	
	display: inline; 
	width: 225px; 
	margin: -15px 20px 0 10px;
}

.tabcontent {
	display: none;
}

* html .box {
	margin: 0 0 0 10px;
}

/* FOOTER */
#footer
{
	position: relative;
	margin: -6.0em auto 0 auto;	
}

/* A CSS hack that only applies to IE -- specifies a different height for the footer */

* html #footer
{
	width: 788px;
	margin: -6.1em 0 0 -8px;
	padding: 0;
}

* html #footer.adjust
{
	margin: -6.1em 0 0 -2px;
}

#footer
{
	width: 788px;
	padding: 0;
	background-color: none;
}

#footer-spacer {
	width: 774px;
	font-size: 11px;
	line-height: 3.2em;
	margin-left: 6px;
	background-color: #FFF;
}

* html #footer-spacer {
	width: 774px;
	margin-left: 0px;
}

#footer-content
{
	width: 774px;
	height: 50px;
	margin: 0 0 0 6px;
	text-align: center;	
	background-color: #FFF;
}

* html #footer-content
{
	min-height: 50px;
	padding: 0;
	margin: 0 0 0 1px;
	background-color: none;
}

#footer-content a {
	font: 11px/14px 'Trebuchet MS', arial, sans serif;
}

#footer-content img {
	margin: 0 0 0 -8px;
}

* html #footer-content img {
	padding: 0;
	margin: 0 0 0 -8px;
	vertical-align: bottom;
}