body {
	margin:0px;
	line-height:1.4em;
	color:#666666;
	background-color:#FFFFFF;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:0.7em;
}

img {
	display: block;
	border-style: none;
}

iframe
{
    position:           absolute;
    height:             100%;
    width:              100%;
    border:             none;
    display:            block;
}

#ifcontainer
{
    position:           absolute;
    top:                125px;
    bottom:             0;
    width:              100%;
    height:             100%;
    margin-bottom:      0px;
    overflow:           hidden ;
}

/* top nav */

#topnav-main
{
    background:#FFFFFF;
    margin-left: 300px;
    margin-right: auto;
    width: 740px;
    padding: .8em 0 1em 20px;
    position: relative;
    font-weight: bold;
}

#topnav-main div {
	position:absolute;
	top:25px;
	left:0px;
	height:25px;
	width:750px;
}

#topnav-main ul {
	margin:0;
	padding:0 0 0 0;
	}
	
#topnav-main li {
	display:inline;
	list-style:none;
	padding:0 1em 0 0;
	background:none;
	}

#topnav-main a:link,
#topnav-main a:visited {
	color:#666666;
	text-decoration:none;
}

#topnav-main a:hover {
	color:#2F2F2F;
	text-decoration:none;
}

#topnav-main a:active {
	color:#FFFFFF;
}

#topnav-main li.current a:link,
#topnav-main li.current a:visited {
	text-decoration:none;
}

#topnav-main li.current a:hover {
	color:#AAAAAA;
	text-decoration:none;
}

#topnav-main li.current a:active {
	color:#FFFFFF;
}

#topnav-main a.StaticSelectedStyle:link,
#topnav-main a.StaticSelectedStyle:visited {
	color:#AAAAAA;
	text-decoration:none;
}

/* banner */

div#banner {
	width:100%;
	overflow:hidden;
	position:relative;
}

div#hubkey-logo {
	position:absolute;
	left:0;
	top:0;
	width:257px;
	border-right:3px solid #fff;
	text-align:center;
	background-color:#666666;
}
div#flash-content {
	position:absolute;
	left:260px;
	top:0;
	width:100%;
	overflow:hidden;
	background-color:#414C31;
}

div#products div#banner div#flash-content { background-color:#0066cc; }
div#services div#banner div#flash-content { background-color:#ff6600; }
div#support div#banner div#flash-content { background-color:#99cc00; }
div#company div#banner div#flash-content { background-color:#FF9900; }
div#documents div#banner div#flash-content { background-color:#CCCCCC; }
div#contact div#banner div#flash-content { background-color:#414C31; }

.login TD 
{
	text-align:left;
}

.loginbutton
{
}

.front-page div#banner {
	height:195px;
}
.front-page div#banner div#hubkey-logo {
	height:195px;
}
.front-page div#banner div#hubkey-logo h1 {
	margin-top: 0px;
}
.front-page div#banner div#flash-content {
	height:195px;
}
.other-page div#banner {
	height:80px;
}
.other-page div#banner div#hubkey-logo {
	height:80px;
	padding-top:0px;
}
.other-page div#banner div#hubkey-logo h1 {
	margin-top: 0px;
}
.other-page div#banner div#flash-content {
	height:80px;
}

/* left nav */

div#main div#left-pane {
	margin-left:0px;
}
#leftnav-main a {
	width: 207px;
}
#leftnav-main ul { padding-top: 3px; }
#leftnav-main ul li {
	padding-bottom:1px;
	background-image:url(../../images/divider-dotted.gif);
	background-repeat:repeat-x;
	background-position:bottom left;
	float: left;
}
#leftnav-main ul li.last {
	background-image:none;
}






	div#main {
		padding:23px 0 10px;
		width:985px;
		height:auto;
	}
	div#main div.heading {
		height:25px;
		border-bottom:3px solid #414C31;
		margin-bottom:18px;
	}
	div#main div#left-pane {
		width:257px;
		float:left;
	}




		div#main div#content {
			width:694px;
			float:left;
			display:inline;
			margin-left:34px;
			padding-top:4px;
		}
		div.center-pane div#content-body {
			width:462px;
			float:left;
		}
		div#right-pane {
			width:201px;
			float:right;
		}
		div#right-pane div.module {
			background-image:url(../../images/divider-dotted.gif);
			background-repeat:repeat-x;
			background-position:bottom left;
			padding-bottom:18px;
			margin-bottom:18px;
		}
		div#right-pane div.module-home {
			background-image:url(../../images/divider-dotted.gif);
			background-repeat:repeat-x;
			background-position:bottom left;
			padding-left:25px;
			padding-bottom:18px;
			margin-bottom:18px;
		}
		div#right-pane img#jackson 
		{
			padding-top:23px;
		}
		div#right-pane div.last {
			background-image:none !important;
			padding-bottom:0 !important;
			margin-bottom:0 !important;
		}
		
		div#main strong, div#main b { font-weight:bold; }
		div#main em, div#main i { font-style:italic; }
		div#main div.heading h2 {
			font-size:16px;
			font-weight:normal;
			color:#4e4b4b;
		}
		div#content-body h2 {
			font-size:16px;
			font-weight:normal;
			color:#4e4b4b;
			margin-bottom:15px;
		}
		.front-page div#content-body h3 {
			font-size:20px;
			font-weight:normal;
			margin-bottom:18px;
			line-height:20px;
			padding:0;
		}
		.other-page div#content-body h3 {
			font-size:14px;
			font-weight:bold;
			margin-bottom:10px;
			line-height:20px;
			padding:0;
		}
		div#content-body h3 a {
			text-decoration:none !important;
		}
		div#content-body h4 {
			margin-bottom:5px;
		}
		div#content-body h4 a {
			text-decoration:none !important;
		}
		div#content-body h5 {
			margin-bottom:15px;
		}
		div#content-body h6 {
			margin-bottom:15px;
		}
		div#content-body p {
			margin-bottom:15px;
			line-height:1.5em;
		}
		div#content-body p a,
		div#right-pane p a {
			text-decoration:underline !important;
		}
		
		div#content-body ol {
			padding-left:25px;
		}
		div#content-body ol li {
			list-style-type:decimal;
			padding-left:0;
			margin-bottom:1em;
			background-image:none;
			line-height:1.5em;
		}
		div#content-body ul {
			padding-bottom:7px;
			margin-left:0;
			padding-left:0;
		}
		div#content-body ul li {
			list-style:none;
			background:url(../../images/list-bullet-02.gif) no-repeat 0 .8em;
			padding:.2em 0 .2em 1em;
			margin-left:0em;
		}
		div.module ul li div 
		{
			font-weight:bold;
		}		
		div#content-body li ol, div#content-body li ul {
			padding-top:1em;
		}
		div#content-body a:link {
			text-decoration:underline;
			color:#595858;
		}
		div#content-body a:visited {
			color:#595858;
		}
		div#content-body a:focus,
		div#content-body a:hover,
		div#content-body a:active {
			color:#2f2f2f;
		}
		div#content-body hr { display:none; }
		div#content-body div.hr {
			background-image:url(../../imgages/divider-dotted.gif);
			background-repeat:repeat-x;
			background-position:0 0px;
			height:18px;
		}
		div#main div.heading h5 {
			font-size:18px;
			font-weight:normal;
			color:#595958;
		}
		div#right-pane h6 {
			color:#595958;
			font-size:13px;
			margin-bottom:5px;
		}
		div#right-pane p {
			line-height:1.4em;
		}
		div#right-pane a {
			color:#595858;
			text-decoration:none;
		}
		div#right-pane a:hover { text-decoration:none; color:#2f2f2f; }
		div#right-pane form div.formfields { padding-top:15px; }
		div#right-pane form input {
			border:1px solid #cecece;
			height:17px;
			padding:0 0 0 3px;
			margin:0;
			line-height:17px;
			font-size:12px;
			color:#595858;
			float:left;
		}
		div#right-pane li { margin-bottom:1em; }

		div#hp-art {
			margin-bottom:25px;
			height:165px;
			position:relative;
		}
		div#services div.body {
			width:223px;
			float:left;
		}
		body.home div#content-body div#services h3{
			margin-bottom:8px;
		}
		div#services div.img{
			width:200px;
			float:right;
		}
		div#services div.img img {
			border:1px solid #ccc;
		}
		div#content div.readmore a {
			background-image:url(../img/icon-readmore.gif);
			background-position: 100% 0.4em;
			background-repeat:no-repeat;
			padding-right:13px;
			color:#595858;
			text-decoration:none;
			font-size:12px;
		}
		div#content div.readmore a:hover {
			text-decoration:underline;
			color:#2f2f2f;
		}
		div#right-pane div.readmore {
			padding-top:10px;
		}
		div#right-pane div.readmore a {
			background-position: 100% 0.40em;
		}
		body.home div#right-pane div.module {
			padding-bottom:18px;
			margin-bottom:18px;
		}
		body.home div#right-pane div.readmore {
			padding-top:0;
		}
	
	div#footer {
		width:694px;
		margin-left:291px;
		border-top:2px solid #AAA;
		color:#999;
		padding:5px 0 15px;
		font-size:10px;
		clear:both;
	}
		div#footer a {
			color:#999;
			text-decoration:none;
		}
		div#footer a:hover {
			color:#595858;
		}
		div#footer div.street,
		div#footer div.phone-email,
		div#footer div.license {
			width:230px;
			float:left;
		}
		div#footer div.phone-email {
			margin-left:17px;
		}
		div#footer div.license {
			margin-left:16px;
			width:180px;
		}
		div#footer .fn, div#footer .geo { display:none; }
		object.include { display:none; }