/* Reset */
* {	margin: 0; padding: 0; }


/* General elements */
body {				font-family: 'Lucida Grande', arial, helvetica, sans-serif; background: #e3e3e3 url(/i/background.jpg) no-repeat top center; margin-left: 2px; }
a img {				border: none; }
address {			font-style: normal; }
hr.hide {			clear: both; visibility: hidden; }
hr.rule {			clear: both; height: 1px; background-color: #28282a; border: none; margin: 10px 0; }


/* Container */
div#container {	position: relative; width: 815px; height: 470px; margin: 6px auto 30px auto; padding: 51px 0 47px 0; }


/* Header */
div#header {				font-size: 10pt; height: 51px; position: absolute; width: 100%; top: 0; left: 0; border-bottom: 1px solid black; }
div#header h3 {				display: block; color: #222; font-size: 10pt; height: 23px; line-height: 23px; font-weight: normal; text-align: center; text-shadow: 0 1px 0 #ddd; }


/* Contact */
div#header div#contact {	float: right; margin-right: 20px; font-size: 8pt; }
div#header div#contact a {	background: url(/i/icons/contact-innova.png) no-repeat left center; display: block; padding-left: 22px; height: 16px; line-height: 16px; color: white; text-decoration: none; text-shadow: 0 1px 0 #333; }


/* Left column */
div#left-column {				width: 265px; float: left; background: #4a4a4a url(/i/background-sub-nav.png) repeat-x; }
div#left-column p#sub-title {	display: block; height: 23px; line-height: 23px; padding-left: 5px; font-weight: bold; color: black; font-size: 10pt; text-shadow: 0 1px 0 #ccc; }


/* Main navigation */
div#main-nav {							height: 168px; padding-top: 1px; border-bottom: 1px solid black; overflow: auto; }
div#main-nav ul {						list-style: none; }
div#main-nav ul li a {					padding-left: 25px; display: block; color: #eee; font-size: 8pt; line-height: 18px; text-decoration: none; background-repeat: no-repeat; background-position: 3px center; text-shadow: 0 1px 0 #2f2f2f; outline: none; }
div#main-nav ul li a:hover,
div#main-nav ul li a.selected {			background-color: #6f6f6f; }
div#main-nav ul li a.indent {			margin-left: 10px; }
div#main-nav ul li a.faded {			color: #888; background-color: transparent !important; }

div#main-nav ul li a.whats-new {		background-image: url(/i/icons/whats-new-white.png); }
div#main-nav ul li a.about-us {			background-image: url(/i/icons/about-us-grey.png); }
div#main-nav ul li a.services {			background-image: url(/i/icons/services-grey.png); }
div#main-nav ul li a.referrals {		background-image: url(/i/icons/referrals-grey.png); }
div#main-nav ul li a.facilities {		background-image: url(/i/icons/facilities-grey.png); }
div#main-nav ul li a.careers {			background-image: url(/i/icons/careers-grey.png); }
div#main-nav ul li a.news {				background-image: url(/i/icons/news-grey.png); }
div#main-nav ul li a.contact-us {		background-image: url(/i/icons/contact-us-white.png); }
div#main-nav ul li a.downloads {		background-image: url(/i/icons/downloads-grey.png); }

div#main-nav ul li a.whats-new.selected,
div#main-nav ul li a.whats-new:hover {	background-image: url(/i/icons/whats-new-orange.png); }
div#main-nav ul li a.contact-us.selected,
div#main-nav ul li a.contact-us:hover {	background-image: url(/i/icons/contact-us-orange.png); }


/* Share links */
div#share {			background-color: #a6a6a6; padding: 3px 5px; }
div#share p {		height: 13px; line-height: 13px; font-size: 8pt; color: #555; text-shadow: 0 1px 0 #ccc; }
div#share p img {	vertical-align: top; margin: 0 3px; }


/* Supplement */
div#supplement {	height: 265px; background: url(/i/background-supplement.png); }


/* Right column */
div#right-column {		margin-left: 265px; width: 549px; background: url(/i/background-sub-nav.png) repeat-x; padding-top: 23px; border-left: 1px solid black; }
div#right-column h1 {	position: absolute; display: block; font-size: 9pt; color: white; height: 22px; line-height: 22px; top: 52px; background-color: #363637; padding: 0 8px; }


/* Content */
div#content {		color: #ddd; font-size: 8pt; padding: 18px; height: 418px; overflow: auto; }
div#content h1 {	color: white; font-size: 9pt; margin-top: 0; }
div#content h1,
div#content h2,
div#content h3,
div#content ul,
div#content dl,
div#content ol,
div#content p {		margin-bottom: 1em; }
div#content a {		color: #eee; font-weight: bold; text-decoration: none; }


/* Sub navigation */
div#sub-nav {				padding: 18px; margin: -18px -18px 18px -18px; }
div#sub-nav p {				color: #888; }
div#sub-nav p a {			color: #888; font-weight: normal; }
div#sub-nav p strong a,
div#sub-nav p a.selected {	font-weight: bold; color: white; }
div#sub-nav img.main {		float: right; margin: 0 0 10px 10px; }


/* Content Intro */
div#content div#intro img.main {	float: right; margin: 0 0 10px 10px; }
div#content div#intro p {			color: #bdbdbd; font-weight: bold; font-size: 9pt; }


/* Footer */
div#footer {				position: absolute; width: 100%; bottom: 0; left: 0; height: 40px; background: url(/i/background-footer.png) repeat-x; }
div#footer ul {				list-style: none; float: right; padding-right: 15px; background: url(/i/drag-handle.png) no-repeat bottom right; }
div#footer ul li {			float: left; line-height: 40px; padding: 0 15px; border-right: 1px solid #525252; border-left: 1px solid #6d6d6d; }
div#footer ul li.first {	border-left: none; }
div#footer ul li.last {		border-right: none; }
div#footer ul li img {		vertical-align: middle; margin-bottom: 2px; }


/* Contact page */
body.contact div#content {				padding: 18px 0 0 0; height: 436px; }
body.contact div#content div#sub-nav {	margin-left: 0; margin-right: 0; }
body.contact div#content h2 {			font-weight: normal; color: #222; font-size: 9pt; padding-left: 18px; background: url(/i/background-title.gif) repeat-x; height: 21px; line-height: 21px; text-shadow: 0 1px 0 #bbb; margin-bottom: 0; }
body.contact div#content div#text {		padding: 10px 18px; height: 243px; overflow: auto; }


/* Home page */
body.home div#content {	padding: 0; height: 455px; overflow: hidden; }


/* Fixes */
@media screen {
	body > div#header h3,
	body > div#footer {	position: fixed; }
}

* html body {				overflow: hidden; }
* html div#left-column,
* html div#right-column {	height: 100%; overflow: auto; }