/****************************************************
 GLOBAL
****************************************************/

* {
 margin: 0;
 padding: 0;
}

html {
 background: transparent url(/_img/bg.gif) 0 0 repeat-x;	
}

body {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 13px;
}

p {
 margin: 0 0 20px 0;	
}


#logo h1 {
 background: transparent url(/_img/ontrak_logo.gif) 0 0 no-repeat;
 width: 232px;
 height: 50px;
 text-indent: -9999px;
}

h2 {
 font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
 font-size: 26px;
 margin: 20px 0 10px 0;
 color: #243355;
 letter-spacing: -1px;
}

h3 {
 font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
 font-size: 18px;
 margin: 20px 0 0 0;
 color: #243355;
 letter-spacing: -1px;
}

.imgLeft {
 float: left;
 margin: 5px 10px 0 0;
}

body#keyFeatures .imgLeft {
 float: left;
 margin: 0 20px 20px 0;
 border: 1px solid #ccc;
 
}

a:link  {
 color: #009;	
}  
a:active, 
a:hover {
 color: #FF0000;	
}a:visited {
 color: #009;	
}


#byLine {
 position: absolute;
 top: 30px;
 left: 320px;
 text-indent: -999999px;
 background: transparent url(/_img/byline.gif) 0 0 no-repeat;
 width: 488px;
 height: 12px;
}

.keyFeature {
 position: relative;
 clear: left;
}

.keyFeature p, .keyFeature h3 {
 margin: 0;
}

.keyFeature a:link, 
.keyFeaturea:active, 
.keyFeaturea:hover, 
.keyFeaturea:visited {
 text-decoration: none;
}


/****************************************************
 LISTS
****************************************************/
 
.basicList {
 margin: 20px 20px 20px 20px;
}

.basicList li {
 margin-bottom: 10px;	
 list-style-type: square;
}

/****************************************************
 WRAPPER
****************************************************/

#wrapper {
 position: relative;
 width: 100%;
}

#wrapper .inner {
 position: relative;
 width: 860px;
 margin: 0 auto;
}

#wrapper02 {
 position: relative;
 width: 100%;
 background: #fff url(/_img/fade.gif) 0 0 repeat-x;
}

#wrapper02 .inner {
 position: relative;
 width: 860px;
 margin: 0 auto;
 background-color: #fff;
 overflow: auto;
}

/****************************************************
 TOP BAR, HEADER
****************************************************/

#topBar {
 position: relative;	
 height: 40px;
}

#header {
 position: relative;	
 height: 110px;
}

/****************************************************
 TOP NAV
****************************************************/

#nav {
 position: absolute;
 top: 60px;
 left: 305px;
}

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

#nav ul li {
 display:inline;
 margin-left: 10px;
}

#nav ul li a:link {
 color: #808285;
 text-decoration: none;
 padding: 5px;

}

#nav ul li a:active {
 color: #243355;
 text-decoration: none;
 padding: 5px;
}

#nav ul li a:visited {
 color: #243355;	
 text-decoration: none;
 padding: 5px;
}

#nav ul li a:hover {
 color: #fff;
 text-decoration: none;
 background-color: #243355;
 padding: 5px;
}

body#keyFeatures #nav-keyFeatures,
body#faq #nav-faq,
body#mainScreen #nav-mainScreen,
body#powerPoint #nav-powerPoint,
body#video #nav-video,
body#sampleRpts #nav-sampleRpts,
body#testimonials #nav-testimonials {
 color: #fff;
 text-decoration: none;
 background-color: #243355;
 padding: 5px;	
}

/****************************************************
 MASTHEAD
****************************************************/

#masthead {
 position: relative;
 height: 239px; 
}

#masthead .inner {
 position: relative;
 padding-top: 15px;
}

#masthead .inner p {
 font-size: 16px;
 color: #fff;
 line-height: 22px;
 margin: 0 50px 20px 160px;
}

#masthead .inner h2 {
 font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
 font-size: 26px;
 margin: 0 0 10px 160px;
 color: #fff;
 letter-spacing: -1px;
}

#masthead .inner a:link, 
#masthead .inner a:active, 
#masthead .inner a:hover, 
#masthead .inner a:visited {
 color: #fff;	
}

/****************************************************
 MASTHEAD HOME
****************************************************/


body#home #masthead .inner {
 position: relative;
 height: 239px; 
 background: transparent url(/_img/call-me-bubbles.gif) 0 0 no-repeat;
}

body#home #masthead .inner p {
 font-size: 16px;
 color: #fff;
 line-height: 22px;
 margin: 0 50px 20px 340px;
}

body#home #masthead .inner h2 {
 font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
 font-size: 26px;
 margin: 0 0 10px 340px;
 color: #fff;
 letter-spacing: -1px;
}

/****************************************************
 MASTHEAD ICONS
****************************************************/

body#sampleRpts #masthead {
 background: transparent url(/_img/report_icon.png) 0 20px no-repeat;	
}

body#keyFeatures #masthead {
 background: transparent url(/_img/KeyBenefits-icon.png) 0 20px no-repeat;	
}

body#mainScreen #masthead {
 background: transparent url(/_img/icon3.png) 0 20px no-repeat;	
}

body#powerPoint #masthead {
 background: transparent url(/_img/PowerPoint.png) 0 20px no-repeat;	
}

body#testimonials #masthead {
 background: transparent url(/_img/testimonial.png) 0 20px no-repeat;	
}

body#video #masthead {
 background: transparent url(/_img/video.png) 0 20px no-repeat;	
}

body#contact #masthead {
 background: transparent url(/_img/contact.png) 0 30px no-repeat;	
}

body#news #masthead {
 background: transparent url(/_img/icon3.png) 0 20px no-repeat;	
}

body#faq #masthead {
 background: transparent url(/_img/icon3.png) 0 20px no-repeat;	
}

body#who #masthead {
 background: transparent url(/_img/icon3.png) 0 20px no-repeat;	
}

body#tour #masthead {
 background: transparent url(/_img/icon3.png) 0 20px no-repeat;	
}


body#onPath #masthead {
 background: transparent url(/_img/KeyBenefits-icon.png) 0 20px no-repeat;	
}
#imgIcon {
 position: relative;
 float: left;
 width: 160px;
 height: 232px;
 margin-top: 40px;
 border: 1px solid #000;
}

#carousel {
 position: absolute;
 top: 110px;
 left: 0;
}

#logo {
 position: absolute;
 top: 30px;
 left: 10px;
}

/****************************************************
 CONTENT
****************************************************/

#content {
 position: relative;
 overflow: auto;
 margin: 0 220px 0 0;
 _margin: 0 310px 0 0;
}

#content-inner {
 position: relative;
 background-color: #fff;
 padding: 10px;
}

#content-inner p {
 position: relative;
 margin-bottom: 20px;
 line-height: 20px;
}

.titleLink {
 font-size: 16px;
}

/****************************************************
 COLUMNS
****************************************************/

.leftCol {
 position: relative;
 float: left;
 width: 250px; 
 _width: 240px; /* IE6 hack */
 margin: 0 10px 10px 10px;
 line-height: 20px;
}

.rightCol {
 position: relative;
 float: right;
 width: 280px; 
 margin: 0 0 10px 10px;
 padding: 10px 0 10px 10px;
 background-color: #efefef;
 line-height: 20px;
 color: #243355;
}

.rightCol-inner {
 position: relative;
 margin: 10px;
}

/****************************************************
 LINKS
****************************************************/

#topLinks {
 position: relative;
 float: right;
 margin-top: 10px;
 font-size: 11px;
}

#topLinks a {
 color: #243355;
}

.tourItem {
 position: relative;
 width: 100%;
 clear: left;
}

#footer {
 position: relative;
 clear: both;
 background-color: #d2d7e4;
 text-align: center;
}

#footer-inner {
 position: relative;
 padding: 20px 10px 10px 10px;
 margin: 0 auto ;
 width: 860px;
 text-align: center;
 font-family: Verdana, Geneva, sans-serif;
 font-size: 12px;
 letter-spacing: -1px;
 color: #283f6f;
}

#footer-inner a:link {
 color: #243355;
}

#footer-inner p {
 margin: 0 0 10px 0;
}


/****************************************************
 POPUP
****************************************************/

.hideshow {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
}
.fade {
	background: #000; 
	position: fixed; 
	width: 100%;
	height: 100%;
	filter:alpha(opacity=80);
	opacity: .80;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; /*--IE 8 Transparency--*/
	left: 0;
	z-index: 10;
}
.popup_block {
	background: #ddd;
	padding: 10px 20px;
	border: 10px solid #fff;
	float: left;
	width: 810px;
	position: relative;
	top: 5%;
	left: 50%;
	margin: 0 0 0 -430px;
	z-index: 100;
 
}
.popup_block .popup {
	float: left;
	width: 100%;
	background: #fff;
	margin: 10px 0;
	padding: 10px 0;
	border: 1px solid #bbb;
}
.popup h3 {
	margin: 0 0 20px;
	padding: 5px 10px;
	border-bottom: 1px solid #bbb;
	font-size: 1.5em;
	font-weight: normal;
}
.popup p {
	padding: 5px 10px;
	margin: 5px 0;
}
.popup img.cntrl {
	position: absolute;
	left: -20px;
	top: -20px;
}
 
/*--Making IE6 Understand Fixed Positioning--*/
 
*html #fade {
	position: absolute;
	top:expression(eval(document.compatMode &&
	document.compatMode=='CSS1Compat') ?
	documentElement.scrollTop : document.body.scrollTop);
}
 
*html .popup_block {
	position: absolute;
	top:expression(eval(document.compatMode &&
	document.compatMode=='CSS1Compat') ?
	documentElement.scrollTop
	+((documentElement.clientHeight-this.clientHeight)/2)
	: document.body.scrollTop
	+((document.body.clientHeight-this.clientHeight)/2));
	
	left:expression(eval(document.compatMode &&
	document.compatMode=='CSS1Compat') ?
	documentElement.scrollLeft 
	+ (document.body.clientWidth /2 ) 
	: document.body.scrollLeft 
	+ (document.body.offsetWidth /2 ));
}
 
/*--IE 6 PNG Fix--*/
 
img{ behavior: url(iepngfix.htc) }