@charset "UTF-8";
body {
	font: 100% "Trebuchet MS", sans-serif;
	padding:0;
	margin:0;
	background-color:white;
	color:#616E86;
}
a { text-decoration:none; color:#0a2a8a; }
a:hover { text-decoration:underline; }
h2, h3, p { margin:0; }
.contact #rightSection p, caption { color:#00401d; }
#container {
	width:908px;
	margin:0 auto;
	padding-left:52px;
	position:relative;
}
#logo a {
	background-image:url(../images/onyx-logo-small.gif);
	width:241px;
	height:46px;
	margin:22px 0 22px 444px;
}
#header {margin-bottom:13px; }
#leftSection {
	float:left;
	width:250px;
}
#title {
	margin-top:23px;
	margin-bottom:36px;
}
#caption {
}
#main {
	margin-left:175px;
	width:655px;
	border-top:2px solid #787878;
	padding:32px 78px 0 0;
	min-height:750px;
}
ul#navigation {
	padding-left:0;
	font-size:12px;
	margin:53px 0 0;
	float:left;
	display:inline;
	width:175px;
}
#navigation li {
	list-style-type:none;
	height:24px;
	width:175px;
	list-style-position:outside;
}
#navigation li a {
	color:#878787;
	height:8px;
	padding:8px 0;
	width:175px;
	display:block;
}
#navigation li a:hover {
	color:#00401d;
	text-decoration:none;
}
#rightSection {
	margin-left:269px;
	width:386px;
	font-size:12px;
	line-height:1.38em;
}
.contact #rightSection { margin-top:73px; }
#rightSection img {
	width:387px;
	height:65px;
	margin-bottom:8px;
}
#rightSection h3 {
	color:#001d81;
	font-size:12px;
	margin-bottom:1px;
}
#rightSection p {
	margin-bottom:1em;
}
#footer {
	color:#96999C;
	font-size:.625em;
	width:682px;
	margin-left:175px;
	margin-bottom:40px;
}
.about #header h2 {
	background:url(../images/header-about.gif) scroll left top no-repeat;
	width:239px;
	height:14px;
}
.strategies #header h2 {
	background:url(../images/header-strategies.gif) scroll left top no-repeat;
	width:520px;
	height:14px;
}
.offerings #header h2 {
	background:url(../images/header-offerings.gif) scroll left top no-repeat;
	width:319px;
	height:14px;
}
.services #header h2 {
	background:url(../images/header-services.gif) scroll left top no-repeat;
	width:343px;
	height:14px;
}
.contact #header h2 {
	background:url(../images/header-contact.gif) scroll left top no-repeat;
	width:307px;
	height:14px;
}
.about #title {
	background:url(../images/title-about.gif) scroll left top no-repeat;
	width:87px;
	height:17px;
}
.strategies #title {
	background:url(../images/title-strategies.gif) scroll left top no-repeat;
	width:87px;
	height:17px;
}
.offerings #title {
	background:url(../images/title-offerings.gif) scroll left top no-repeat;
	width:83px;
	height:17px;
}
.services #title {
	background:url(../images/title-services.gif) scroll left top no-repeat;
	width:70px;
	height:17px;
}
.contact #title {
	background:url(../images/title-contact.gif) scroll left top no-repeat;
	width:104px;
	height:17px;
}
.about #caption {
	background-image:url(../images/caption-about.gif);
	width:232px;
	height:420px;
}
.strategies #caption {
	background-image:url(../images/caption-strategies.gif);
	width:242px;
	height:394px;
}
.offerings #caption {
	background-image:url(../images/caption-offerings.gif);
	width:248px;
	height:361px;
}
.services #caption {
	background-image:url(../images/caption-services.gif);
	width:232px;
	height:340px;
}
.contact #caption {
	background-image:url(../images/caption-contact.gif);
	width:243px;
	height:339px;
}
#home #container {
	padding-left:0;
	width:960px;
}
#home #main {
	min-height:540px;
	width:auto;
	margin-left:0;
	border-width:0;
	padding:0;
}
body#home {
	background-color: #001D81;
}
#home ul#navigation {
	margin:0;
	padding:5px;
	font-size:11px;
	border-top:2px solid #00165c;
	position:absolute;
	right:0;
	width:510px;
	top:-60px;
	float:none;
}
#home #navigation li {
	display:inline;
	margin-right:28px;
	width:auto;
}
#home #navigation li a {
	color:#616E86;
	width:auto;
	height:auto;
	padding:0;
	display:inline;
	white-space:nowrap;
}
#home #navigation li a:hover {
	color:white;
}
#home #logo {
	background-image:url(../images/logo-home.gif);
	width:655px;
	height:121px;
	margin:118px auto 52px auto;
}
#home #caption {
	background-image:url(../images/caption-home.gif);
	width:233px;
	height:174px;
	margin-left:446px;
	
}
#home #footer {
	width:713px;
	margin-left:153px;
}
#home #footer p { margin-bottom:1em; }
#home #footer a {
	color:#ffffff;
	}
#home #footer a:hover { text-decoration:underline; }

.contact table {
	border:none;
	border-collapse:collapse;
	margin-bottom:9px;
}
.contact caption {
	text-align:left;
}
.contact td {
	border:none;
}
.contact td.label {
	width:82px;
	padding:9px 0;
	display:block;
	font-weight:bold;
}
.contact input {
	border:1px solid #787878;
	width:143px;
}
.contact #comments {
	width:226px;
	height:65px;
	display:block;
	margin:12px 0;
}
.contact table input, .contact #comments { padding-left:2px; }
.contact input#submit {
	width:77px;
	height:19px;
	margin-left:153px;
	border:none;
}


.bold { font-weight:bold; }
.cap { text-transform:uppercase; }
.clearfloat {
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}
.imgreplace {
	display:block;
	text-indent:-9999px;
	background-position:left top;
	background-attachment:scroll;
	background-repeat:no-repeat;
	overflow:hidden;
}
