/************** ELEMENT STYLES **************/
body {
	font-family: Helvetica, Arial, sans-serif ;
	font-size:100%;
	background:#BDC0C2;	
	color:#333333;
	text-align:center;
	margin-top:0;
	}

p {
	margin:0 0 1.5em 0;
}
em {
	font-style:normal;
	color:#018AD2;
	}
h1 {
	color:#018AD2;
	font-size:2.6em;
	font-weight:normal;
	margin:0 0 0.6em 0;
	padding:0;
	}
h2 {
	color:#018AD2;
	font-size:1.5em;
	font-weight:normal;
	margin:0 0 0.7em 0;
	padding:0;
	}
	
h3 {
	color:#ABD800;
	font-size:1.2em;
	font-weight:bold;
	margin:0 0 0.6em 0;
	padding:0;
	}
h4 {
	color:#018AD2;
	font-size:1em;
	font-weight:normal;
	margin:1em 0 0.5em 0;
	padding:0;
	}
h5 {}

a img {
	border:none;
	}

form {
	margin:0; 
	padding:0
	}
input, textarea, select {
	margin:0.8em 0.4em 0em 0;
	font-size:0.9em;
	font-weight:normal;
	}
input {
	border:1px solid #C3C3C3;
	}

table {
	border:none;
	margin-bottom:1.2em;
	margin-top:1.2em;
	border-collapse:collapse;
	}
table.alt-row-highlight {
	background-color:#efefef;
	margin-bottom:1.3em;
	}
th {
	text-align:left;
	color:#018AD2;
	padding:0.4em 0.5em;
	}
table tr {
	background:url(../images/divider.gif) repeat-x top;
	}
table td {
	padding:0.3em 0.5em;
	margin:0;
	vertical-align:top;
	width:33%
	}
table thead tr {
		background-image:none;

	}

/************** GENERAL STYLES **************/

#col-content ul, #col-content ol,  #col-right ol {
	margin: 5px 0 1.5em 15px;
	padding:0;
	}
#col-content ul {
	list-style:url(../images/bullet.gif);	
	}
#col-content li, #col-right li {
	margin:2px 0 0 0;
	padding:0;
	}

a.action-link, 
a.action-link:active, 
a.action-link:link, 
a.action-link:visited {
	font-weight:bold;
	color:#999;
	text-decoration:none !important;	
	padding:4px 20px 2px 0;
	background:url(../images/action_link.gif) no-repeat bottom right;
	}
a.action-link.back {
	background:url(../images/action_link_back.gif) no-repeat bottom left !important;
	padding:4px 0 2px 21px !important;
	}	
a.action-link.download { 	
	background:url(../images/download_link.gif) no-repeat bottom right !important;
	}
a.action-link.zoom { 	
	background:url(../images/zoom_link.gif) no-repeat bottom right !important;
	}
a.action-link.close { 	
	background:url(../images/close_link.gif) no-repeat bottom right !important;
	}	

a.action-link:hover {
	text-decoration:underline !important;	
	}
.highlight, a.highlight {
	color:#ABD800 !important
	}
.diagram-container {
	margin-left:-30px;
	position:relative;
}
.diagram-container.wide {
	margin-left:-60px;
}
/***********  CORE PAGE STRUCTURE ***********/

#skipnav, .print_only {
	display:none
	}

#wrapper {
	position: relative; 
	margin-right:auto;
	margin-left:auto;
	font-size:0.76em;
	width:60.8em;
	text-align: left;
	}

#container {
	position:relative;
	background: #fff url(../images/bg_shadow_r.gif) repeat-y top right;
	} 

#container-end {
	position: relative; 
	width:60.75em; 
	height:4px;
	background:url(../images/bg_shadow_bot.gif) repeat-x;
	}
	
#main {
	z-index:5;
	position:relative;
	margin-right:3px;
	padding-top:24px;
	background:#fff url(../images/bg_fade_top.gif) repeat-x 0 24px;
	}

/************** SPLASH PAGE  **************/	
#splash-container {
	position:relative;
	width:750px;
	height:496px;
	background:url(../images/bg_splash.gif) no-repeat;
	}
#splash-container #logo {
	position:absolute;
	top:80px;
	left:130px;
	}
#splash-container #enter {
	position:absolute;
	top:264px;
	left:615px;
	}

/************** LOGO BAR **************/

#logobar {
	position:relative;
	margin-right:3px;
	padding-bottom:4px;
	background:#fff url(../images/bg_divider_thick.gif) repeat-x bottom;
	color:#fff;
	}

.logo {
	position:relative;
	background:#fff;
	height:94px;
	padding-left:4.5em;
	width:30%
	}
#logobar img {
	border:none
}
.image-quote {
	position:absolute;
	top:0;
	right:3px;
	}

#ticker {
	width:100%;
	}

#ticker span {
	position:relative;
	background:#D2D4D5 url(../images/topnav_ticker.gif) repeat-x top left;
	width:100%;
	display:block;
	text-align:center;
	height:40px;
	}
	
	
/************* TOP NAV BAR **************/
	
#topnavbar {	
	z-index:10;
	position:absolute;
	top:0;
	left:0;
	width:60.55em;
	}
ul#nav {
	float:left;
	list-style:none;
	margin:0;
	padding:0;
	width:100%;
	padding-bottom:3px;
	background:#ACAEAF url(../images/bg_divider_nav.gif) repeat-x bottom;
	}	
#nav a {
	background-color:#ACAEAF;
	font-weight: bold;
	color: #656565;
	text-decoration: none;
	height:22px;
	display:block;
	}
#nav li {
	float: left;
	position: relative;
	text-align: center;
	}
ul#nav li.on a {
	background-color:#fff;
	color:#8B8B8B;
	}
#nav a span { /* to hide text links when css is enabled */
	display:none;
	}
#nav a#home {
	background: url(../images/topnav.gif) no-repeat left top;
	width:101px;
	}
#nav a#home:hover, #nav a#home.on {
	background-position: 0 bottom;
	}

#nav a#about {
	background:url(../images/topnav.gif) no-repeat -187px 0;
	width:86px;
	}
#nav a#about:hover, #nav a#about.on  {
	background-position: -187px bottom;
	}

#nav a#solutions {
	background:url(../images/topnav.gif) no-repeat -101px 0;
	width:84px;
	}
#nav a#solutions:hover, #nav a#solutions.on  {
	background-position: -101px bottom;
	}

#nav a#news {
	background:url(../images/topnav.gif) no-repeat -271px 0;
	width:65px;
	}
#nav a#news:hover, #nav a#news.on  {
	background-position: -271px bottom;
	}

#nav a#careers {
	background:url(../images/topnav.gif) no-repeat -336px 0;
	width:73px;
	}
#nav a#careers:hover, #nav a#careers.on  {
	background-position: -336px bottom;
	}

#nav a#contact {
	background:url(../images/topnav.gif) no-repeat -409px 0;
	width:101px;
	}
#nav a#contact:hover, #nav a#contact.on  {
	background-position: -409px bottom;
	}
	
#nav a#login {
	background:url(../images/topnav.gif) no-repeat -510px 0;
	width:89px;
	}
#nav a#login:hover, #nav a#login.on  {
	background-position: -510px bottom;
	}
		

/************ LEFT COLUMN INC NAV ************/	

#col-left {
	position:absolute;	
	top:5.75em;
	left:1.2em;
	width:13em;
	}
	
/* LEFT NAV BOX */
.shadowbox-container {
	margin-bottom:1em;
	}
.shadowbox-bot {
	padding-left:2px;
	background:#fff url(../images/box/bot_left.gif) no-repeat bottom left
	}
.shadowbox-bot div {
	height:20px;
	background:#fff url(../images/box/bot_right.gif) no-repeat bottom right
	}
.navbox-top {
	height:0;
	padding-top:4px;
	background:#DDD url(../images/box/top_right.gif) no-repeat top right;
	overflow:hidden
	}
.navbox-header	{
	padding:5px 13px;
	background:#DDD url(../images/box/nav_content.gif) repeat-y right -1px;
	}
.navbox-header h3 {
	font-size:1.2em;
	margin:0;
	color:#fff;
	/*;border:1px solid red*/
	font-weight:bold;
	line-height:1em;	
	margin-right:2px;
	}
ul.navbox {
	background:url(../images/bg_divider_thick.gif) repeat-x top;
	padding:3px 0 0 0;
	margin:0;
	list-style:none;
	}	
.navbox li {
	background: url(../images/box/nav_content.gif) repeat-y right bottom;
	padding-bottom:1px;
	}
.navbox li a, .navbox li a:link, .navbox li a:active, .navbox li a:visited {
	display:block;
	padding:5px 5px 5px 13px ;
	margin-right:4px;
	color:#999;
	text-decoration:none;
	font-weight:bold
	}
.navbox li a:hover, ul#subnav li a.on, ul#subnav2 li a.on {
	color:#ABD800;
	}	


/*********** CONTENT COLUMN ******************/

#col-content {
	position:relative;
	margin:4em 17.5em 0 16.8em;
	}
#col-content p {
	line-height:1.2em
	}
#col-content.home, #col-content.nosubnav {
	margin:4em 25em 0 4em;
	}	
#main .extended { /* for pages with subnav and wider content eg: benefit.php */
	margin:4em 4em 0 16.8em;
	}	
.extended p {
	width:440px;
	}
#col-content.extended .top-section p {/* restricts width of selected content to avoid overlap with flash on extended layout */
	width:28em; 
	}	
#col-content.extended .form-section {/* restricts width of selected content to avoid overlap with flash on extended layout */
	width:34em; 
	}	
#col-content a {
	color: #666;
	text-decoration:underline
	}
#col-content a:visited {
	color: #999;
	}

/* DIVIDER + BACK TO TOP */

.divider {
	padding:0 0 0.5em 0;
	background:url(../images/divider.gif) repeat-x bottom left;
	}
.divider.top-link {
	text-align:right;
	margin:1em 0;
	padding:1em 0;
	}
.divider.top-link a:active, .divider.top-link a:link, .divider.top-link a:visited {
	font-weight:bold;
	color:#999 !important;
	font-size:0.9em;
	text-decoration:none !important;	
	padding:4px 20px 2px 0;
	background:url(../images/top_link.gif) no-repeat bottom right;
	}
.divider.top-link a:hover {
	text-decoration:underline !important;	
	}

	
/* LINKS CONTAINER */


.links-container { 	
	}
.left-link {
	}
.right-link { 

	}
	
#highlight-box{
	width: 250px;
	background-color: #bfe2f4;
	padding: 10px 10px 3px 10px;
	margin-bottom:10px;
	}

/*********** RIGHT COLUMN ******************/

#col-right {
	z-index:20;
	position:absolute;
	top:24px;
	right:-57px;
	width:260px;
	}
#col-right2 {
	z-index:20;
	position:absolute;
	top:590px;
	right:0px;
	width:265px;
	}

#main div.col-right-small {	
	width:231px;
	}
.text-box-container {
	background:url(../images/right_col/text_top.gif) no-repeat top right;
	}
.text-box-container a.action-link {
	display:none;
}
.text-box {
	padding:142px 50px 58px 30px;
	background:url(../images/right_col/text_bottom.gif) no-repeat bottom right;
	color:#018AD2;
	/*font-weight:bold;*/
	}

/*************** FOOTER ***************/

#footer {
	position:relative;
	padding-top:45px;
	background:url(../images/bg_fade_footer.gif) repeat-x top;
	margin-right:3px; /*to avoid overlapping dropshadow on outer container */
	margin-bottom:10px;
	font-size:0.9em;
	}

.footer-content {
	position:relative;
	padding-bottom:4px;
	background:#A3A5A6 url(../images/bg_divider_thick.gif) repeat-x bottom;
	color:#fff;
	}
.footer-content .links {
	padding:0.8em 2em 0.3em 2em;
	background:#A3A5A6 url(../images/bg_divider_thick.gif) repeat-x top
	}
.footer-content .copyright {
	padding-left:40em;
	width:10em;
	text-align:right
	}
.footer-content .links a:link, .footer-content .links a:active, .footer-content .links a:visited {
	color:#fff;
	text-decoration:none;
	padding:0 0.2em;
	}
.footer-content .links a:hover {
	color:#fff;
	text-decoration:underline;
	}
	
	
/*************** NEWS ***************/	

.news-item {
	}
.news-item h2 {
	margin-top:2em;
	margin-bottom:0;
	padding-bottom:0;
	}
.news-item h4 {
	margin-top:0;
	padding-top:0;
	margin-bottom:1.5em;
	}
.news-item .read-more {
	margin-bottom:-3.2em;
	position:relative;
	z-index:200;
	}	
.read-more a:active, .read-more a:link, .read-more a:visited  {
	font-weight:bold;
	color:#999 !important;
	font-size:0.9em;
	text-decoration:none !important;	
	padding:4px 20px 2px 0;
	}
.news-item .read-more a:hover {
	text-decoration:underline !important;	
	}
.news-item .divider {
	position:relative;
	z-index:100;
	margin-right:-5.5em;
	}		


/*************** MANAGEMENT ***************/	

.people-item {
	position:relative;
	}
.people-item .pic {
	position:relative;
	width:115px;
	margin-bottom:1em;
	}
.people-item .name {
	position:absolute;
	top:0;
	left:115px;
	width:17em;
	}
.people-item h2 {
	margin-top:2.2em;
	margin-bottom:0;
	padding-bottom:0;
	}
.people-item h4 {
	margin-top:0;
	padding-top:0;
	margin-bottom:1.5em;
	}
.people-item .divider {
	padding-top:2em;
	padding-bottom:0.5em;
	}	

/*************** LINK BOX ***************/

.link-box-container {
	position:relative;
	background: #EDEDED url(../images/link-box/bg.gif) repeat-y left;
	/*left:-25px;
	width:34em;*/
	margin-left:-25px;
	margin-bottom:3em;
	}
.link-box-inner {
	position:relative;
	background: url(../images/link-box/top_corner.gif) no-repeat top right;
	
	}
.link-box-inner img {
	position:absolute;
	top:0;
	left:0
	}
.link-box-links {
	/*position:relative;
	left:118px;*/
	background: url(../images/link-box/bot_corner.gif) no-repeat bottom right;
	margin:0 0 0 118px;
	padding:16px 0 8px 0;	
	}
	
.link-box-links p {
	margin-bottom: 1em;
}
	
/************** SOLUTIONS ********************/	
	
#zoom-chart, #zoom-link {
	display:none;
	}	

div.aboutus-large {
	position:absolute;
	top:22em;
	left:5.5em;
	background:#EDEDED url(../imagepool/attributes_diagram_zoom.gif) no-repeat;
	width:602px;
	height:402px;
	z-index:2000;
	}	
div.aboutus-large#zoom-chart a {
	margin:369px 15px 0 428px;	
	padding-left:100px;
	}	
	
div.solutions-large {
	position:absolute;
	top:28.5em;
	left:5.5em;
	background:#EDEDED url(../imagepool/value_diagram_zoom.gif) no-repeat;
	width:602px;
	height:455px;
	z-index:2000;
	}	
div.solutions-large#zoom-chart a {
	margin:423px 15px 0 520px;
	padding-left:-zoom10px;/**/
	}

#zoom-chart a {
	display:block;
	border-top: 1px dotted #858585;
	padding-top:5px;
	}	
#zoom-link {
	text-align:right;
	margin-bottom:1.5em;
	}	
/*************** ROI Calculator ***************/

.total-box {
	border:1px solid #C3C3C3;
	width:11em;
	height:16px;
	display:inline;
	padding:1px 10px;
	margin:0.8em 0.4em 0em 0;
	}
.divider.form select {
	width:11em
	}
.divider.form {
	margin:0 0 1.5em 0;
	font-weight:bold;
	padding-bottom:2em;
	white-space:nowrap;
	}
.divider.form strong {
	color:#ABD800;
	font-size:1.2em;
	font-weight:bold;
	}
.error {
	color:#FF0000;
}

.button {
	text-align:right
	}
.button input.action-link {
	background-color:none;
	background:url(../images/action_link.gif) no-repeat right;
	border:none;
	padding:4px 20px 4px 0;
	color:#999;
	font-weight:bold;
	text-align:right
	}
input.disabled {
	background-color:#efefef
	}
	

	

/* 
	----- sIFR STYLES SECTION ----
	
	THESE ARE THE STANDARD sIFR STYLES
		**** DO NOT MODIFY ****
*/
.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}
.sIFR-replaced {
	visibility: visible !important;
}
span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}
/*
	These "decoy" styles are used to hide the browser text before 
	it is replaced...
	the negative-letter spacing in this case is used to make the browser
	text metrics match up with the sIFR text metrics since the sIFR text
	in this example is so much narrower...
	your own settings may vary...
	any weird sizing issues you may run into are usually fixed by
	tweaking these decoy styles
*/
.sIFR-hasFlash h1 {
	visibility: hidden;
	font-size:2.5em;
}
.sIFR-hasFlash h2.diagram-header {
	visibility: hidden;
	font-size:1.6em;
}
.sIFR-hasFlash #col-left .navbox-header h3 {
	visibility: hidden;
	font-size:1.3em;
}
/* END sIFR STYLES SECTION */