/* CSS Document */
html,body,h1,h2,h3,h4,h5,h6,p,img,ul,ol,li,form,fieldset,input,textarea
{
margin:0;
padding:0;
border:0 none;
}
.clearfix:after
{
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
body
{
background:#fff url(../images/art/content-bg.jpg) center top repeat-y;
text-align:center;
}
#outer
{
background:url(../images/art/bg-outer.jpg) center top no-repeat;
}
#wrap
{
width:980px;
text-align:left;
margin:0 auto;
}
#header
{
width:960px;
height:147px;
padding:0 10px;
}
#header h1
{
width:176px;
height:48px;
background:url(../images/art/logo.jpg) 0 0 no-repeat;
display:block;
float:left;
display:inline;
margin:28px 0 0 40px;
}
#header h1 a
{
width:176px;
height:48px;
display:block;
}
#header h1 span{display:none;}
#header a.rss
{
width:30px;
height:24px;
background:url(../images/art/btn-rss.jpg) 0 0 no-repeat;
display:block;
float:right;
display:inline;
margin:0 40px 14px 0;
}
#header a.rss:hover{background:url(../images/art/btn-rss.jpg) 0 -24px no-repeat;}
#header a.rss span{display:none;}
#header a.contact
{
width:46px;
height:7px;
background:url(../images/art/contact-top.jpg) 0 0 no-repeat;
float:right;
display:inline;
margin:10px 10px 0 0;
}
#header a.contact span{display:none;}
#header ul.subnav
{
width:371px;
clear:right;
float:right;
display:inline;
background:url(../images/art/subnav.jpg) 0 0 no-repeat;
margin:0 40px 0 0;
}
#header ul.subnav li
{
float:left;
display:inline;
}
#header ul.subnav li a
{
height:7px;
display:block;
float:left;
display:inline;
}
#header ul.subnav li.item1 a{width:139px;}
#header ul.subnav li.item2 a{width:103px;}
#header ul.subnav li.item3 a{width:46px;}
#header ul.subnav li.item4 a{width:42px;}
#header ul.subnav li.item1 a:hover{background:url(../images/art/subnav.jpg) 0 -7px no-repeat;}
#header ul.subnav li.item2 a:hover{background:url(../images/art/subnav.jpg) 0 -7px no-repeat;}
#header ul.subnav li.item3 a:hover{background:url(../images/art/subnav.jpg) 0 -7px no-repeat;}
#header ul.subnav li.item4 a:hover{background:url(../images/art/subnav.jpg) 0 -7px no-repeat;}
#header ul.subnav li span{display:none;}
#header form
{
width:206px;
clear:right;
float:right;
display:inline;
/*margin:16px 40px 20px 0;*/
margin:10px 40px 20px 0;
}
#header form fieldset input
{
width:127px;
height:16px;
background:#fff;
border:1px solid #dbdbdb;
padding:3px 0 0 5px;
float:left;
display:inline;
margin:2px 0 0 0;
}
#header form fieldset input.button
{
width:64px;
height:23px;
background:url(../images/art/btn-search.jpg) 0 0 no-repeat;
border:none;
margin:0 0 0 8px;
padding:0;
cursor:pointer;
}

/*ADxMenu.js - v4 (4.10)
www.aplus.co.yu/adxmenu/
(c)Copyright 2003, Aleksandar Vacic, www.aplus.co.yu
This work is licensed under the Creative Commons Attribution License.
To view a copy of this license, visit http://creativecommons.org/licenses/by/2.0/ or
send a letter to Creative Commons, 559 Nathan Abbott Way, Stanford, California 94305, USA
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/
/*this is beginning of functionality for the AdxMenu - do not modify this*/
#nav, #nav ul
{
margin:0;
padding:0;
border:0;
list-style-type:none;
display:block;
}
#nav li
{
margin:0;
padding:0;
border:0;
display:inline;
float:left;
position:relative;
z-index:5;
}
#nav li:hover
{
z-index:10000;
white-space:normal;
}
#nav li li
{
float:none;
display:block;
}
#nav ul
{
visibility:hidden;
position:absolute;
z-index:10;
left:0;
top:0;
}
#nav li:hover>ul
{
visibility:visible;
top:100%;
}
#nav li li:hover>ul
{
top:0;
left:100%;
}
#nav:after, #nav ul:after
{
content:".";
height:0;
display:block;
visibility:hidden;
clear:both;
}
#nav, #nav ul
{
display:inline-block;
min-height:0;
}
#nav a
{
text-decoration:none;
display:block;
position:relative;
}
#nav ul{}
#nav ul ul{}
/* Fix for IE5/Mac \*//*/
#nav a
{
float:left;
}
/* End Fix */
/*this is end of functionality for the AdxMenu*/
/*this is beginning of design for the AdxMenu - modify values here*/
#nav
{
width:960px;/*give width*/
height:44px;/*give height*/
background:url(../images/art/nav.jpg) 0 0 no-repeat; /*set bg*/
clear:both;
margin:12px 0 0 0;
}
#nav span
{
display:none;/*hide links at top level*/
}
#nav ul a span
{
display:inline;/*show links at second level*/
}
#nav a
{
height:44px;/*expand links to fill li's*/
}
/*set custom width, a's will follow cause they are display - block*/
#nav #pan1{width:36px; left:70px;}
#nav #pan2{width:67px; left:130px;}
#nav #pan3{width:163px; left:180px;}
#nav #pan4{width:63px; left:226px;}
#nav #pan5{width:158px; left:281px;}
#nav #pan6{width:78px; left:330px;}

/*#nav #pan1 a:hover, #nav #pan1 a.selected{background:url(../images/art/nav.jpg) -36px -44px no-repeat;}/*set background to hover and selected states*/
/*#nav #pan2 a:hover, #nav #pan2 a.selected{background:url(../images/art/nav.jpg) -140px -44px no-repeat;}
#nav #pan3 a:hover, #nav #pan3 a.selected{background:url(../images/art/nav.jpg) -257px -44px no-repeat;}
#nav #pan4 a:hover, #nav #pan4 a.selected{background:url(../images/art/nav.jpg) -470px -44px no-repeat;}
#nav #pan5 a:hover, #nav #pan5 a.selected{background:url(../images/art/nav.jpg) -578px -44px no-repeat;}
#nav #pan6 a:hover, #nav #pan6 a.selected{background:url(../images/art/nav.jpg) -797px -44px no-repeat;}
/*this have to be separate from above to make sure IE6 reades above rules*/
/*#nav #pan1:hover>a{background:url(../images/art/nav.jpg) -70px -44px no-repeat;}/*set background to hover and selected states*/
/*#nav #pan2:hover>a{background:url(../images/art/nav.jpg) -166px -44px no-repeat;}
#nav #pan3:hover>a{background:url(../images/art/nav.jpg) -283px -44px no-repeat;}
#nav #pan4:hover>a{background:url(../images/art/nav.jpg) -492px -44px no-repeat;}
#nav #pan5:hover>a{background:url(../images/art/nav.jpg) -610px -44px no-repeat;}
#nav #pan6:hover>a{background:url(../images/art/nav.jpg) -817px -44px no-repeat;}*/
#nav ul
{
width:191px;
background:#fff url(../images/art/drop-down-bg.jpg) 0 0 no-repeat;
border:1px solid #dedede;
padding:0 0 1px 0;
}
#nav #pan1 ul li a, #nav #pan3 ul li a, #nav #pan4 ul li a, #nav #pan5 ul li a, #nav #pan6 ul li a /*overwrite rules above for second level menu*/
{
width:163px;
height:auto;
display:block;
font:bold 11px Arial, Helvetica, sans-serif;
color:#425864;
padding:5px 13px;
margin:0 0 0 1px;
}
#nav #pan1 ul li a:hover, #nav #pan2 ul li a:hover, #nav #pan3 ul li a:hover, #nav #pan4 ul li a:hover, #nav #pan5 ul li a:hover, #nav #pan6 ul li a:hover /*overwite rules above for hover states for second level menu*/
{
color:#fff;
background:#ffc30a url(../images/art/arrow.jpg) right 8px no-repeat;
}
#nav #pan1 ul li a.selected,#nav #pan2 ul li a.selected,#nav #pan3 ul li a.selected,#nav #pan4 ul li a.selected,#nav #pan5 ul li a.selected, #nav #pan6 ul li a.selected /*overwite rules above for selected states for second level menu*/
{
background:#ffc30a url(../images/art/arrow.jpg) right 8px no-repeat;
text-decoration:underline;
}

#banner
{
width:960px;
margin:0 10px 35px 10px;
height:294px;
clear:both;
background:url(../images/banner.jpg) 0 0 no-repeat;
}
#banner h1.application
{
width:212px;
height:21px;
background:url(../images/h1-application.gif) 0 0 no-repeat;
display:block;
margin:0 0 9px 0;
}
#banner h2.retirement
{
width:108px;
height:12px;
background:url(../images/h2-retirement.gif) 0 0 no-repeat;
display:block;
margin:0 0 9px 0;
}
#banner p.reduce-cost
{
width:283px;
height:27px;
background:url(../images/p-reduce-cost.gif) 0 0 no-repeat;
display:block;
margin:0 0 12px 0;
}
#banner a.read-more
{
width:67px;
height:8px;
background:url(../images/link-read-more.jpg) 0 0 no-repeat;
display:block;
}
#banner h1 span, #banner h2 span, #banner p span, #banner a.read-more span{display:none;}
#banner .black
{
width:878px;
height:65px;
list-style:none;
background:url(../images/black-bg.png) 0 0 repeat;
float:left;
display:inline;
margin:72px 0 0 42px;
}
#banner .black li
{
float:left;
display:inline;
}
#banner div
{
width:300px;
height:100px;
float:right;
display:inline;
margin:57px 80px 0 0;
}
#content
{
width:960px;
clear:both;
padding:0 10px;
}
#contact
{
background:url(../images/art/contact-page-bg.gif) repeat-x;
}
#fix
{
clear:both;
position:relative;
height:212px;
}
#front
{
list-style:none;
margin:0 0 0 25px;
}
#fix #front
{
position:absolute;
bottom:0;
width:960px;
margin:0;
padding:0;
display:block;
height:212px;
background:url(../images/art/contact-ul-bg.gif) top repeat-x;
}
#front li
{
width:235px;
height:240px;
background:url(../images/boxes.jpg) 0 0 no-repeat;
float:left;
display:inline;
padding:20px 25px 0 25px;
margin:0 8px 14px 8px;
position:relative;
}
#fix #front li
{
background:none;
}
#fix #front #li1
{
width:220px;
margin:0 10px 0 0;
padding:25px 0 0 40px;
height:190px;
}
#fix #front #li2
{
width:160px;
height:190px;
margin:0;
padding:25px 10px 0 10px;
border-left:1px solid #e3e3e3;
border-right:1px solid #e3e3e3;
}
#fix #front #li3
{
width:257px;
height:190px;
padding:25px 10px 0 10px;
margin:0 0 0 0;
border-right:1px solid #e3e3e3;
}
#fix #front #li4
{
width:210px;
height:190px;
padding:25px 0 0 10px;
margin:0;
}

#front h1.data-archive
{
width:161px;
height:63px;
background:url(../images/h1-data-archive.gif) 0 0 no-repeat;
display:block;
margin:0 0 10px 70px;
}
#fix #front h1.data-archive
{
width:167px;
height:117px;
background:url(../images/h1-archive-alt.gif) 0 0 no-repeat;
margin:0;
}
#front h1.content-management
{
width:243px;
height:68px;
background:url(../images/h1-content-management.gif) 0 0 no-repeat;
margin:0 0 10px 0;
}
#fix #front h1.content-management
{
width:181px;
height:116px;
background:url(../images/h1-pay-too-much.gif) 0 0 no-repeat;
}
#front h1.ilm-sap
{
width:200px;
height:39px;
background:url(../images/h1-ilm-sap.gif) 0 0 no-repeat;
display:block;
margin:0 0 10px 0;
}
#front h1.archive
{
width:206px;
height:64px;
background:url(../images/h1-archive.gif) 0 0 no-repeat;
display:block;
margin:0 0 10px 0;
}
#front h2.our-partners
{
width:93px;
height:14px;
background:url(../images/h2-our-partners.gif) 0 0 no-repeat;
display:block;
margin:0 0 10px 0;
float:left;
display:inline;
}
#front h2.upcoming-events
{
width:128px;
height:14px;
background:url(../images/h2-upcoming-events.gif) 0 0 no-repeat;
display:block;
margin:0 0 10px 0;
}
#front h2.blog
{
width:126px;
height:14px;
background:url(../images/h2-blog.gif) 0 0 no-repeat;
display:block;
margin:0 0 10px 0;
}
#front h2.survey-results
{
width:103px;
height:14px;
background:url(../images/h2-survey-results.gif) 0 0 no-repeat;
display:block;
margin:0 0 8px 0;
}
#front h1 span, #front h2 span{display:none;}
#front h3
{
font:bold 12px Arial, Helvetica, sans-serif;
color:#ffca00;
line-height:14px;
}
#front h3.title{margin:0 0 5px 0;}
#front h3.reasons
{
font-size:13px;
margin:0 0 8px 0;
}
#front h4
{
font:10px Arial, Helvetica, sans-serif;
color:#67747b;
line-height:14px;
background:url(../images/ico-note.jpg) 0 8px no-repeat;
padding:0 0 0 10px;
}
#front h4 a
{
color:#67747b;
font-weight:bold;
text-decoration:none;
}
#front h4 a:hover{text-decoration:underline;}
#front h5
{
font:bold 11px Arial, Helvetica, sans-serif;
color:#252d31;
line-height:13px;
margin:0 0 3px 0;
}
#front h6
{
font:bold 11px Arial, Helvetica, sans-serif;
color:#252d31;
line-height:13px;
}
#front p
{
font:12px Arial, Helvetica, sans-serif;
color:#67747b;
line-height:18px;
margin:0 0 10px 0;
}
#front p strong{color:#252d31;}
#front p img
{
float:left;
display:inline;
margin:5px 10px 10px 0;
}
#front .clear{clear:both;}
#front ul{list-style:none;}
#front ul li
{
width:auto;
height:auto;
float:none;
font:11px Arial, Helvetica, sans-serif;
color:#67747b;
line-height:14px;
background:none;
padding:0;
display:block;
margin:0 0 15px 0;
}
#front ul li strong{color:#252d31;}
#front ul li a
{
font:11px Arial, Helvetica, sans-serif;
color:#67747b;
line-height:14px;
margin:0;
text-decoration:none;
}
#front ul li a strong
{
font:bold 12px Arial, Helvetica, sans-serif;
color:#ffca00;
line-height:14px;
}
#front ul li a span
{
font:bold 11px Arial, Helvetica, sans-serif;
color:#252d31;
line-height:13px;
}
#front img.data-archive
{
position:absolute;
z-index:1000;
top:-5px;
left:20px;
}
#front img.check
{
position:absolute;
z-index:1000;
top:-7px;
right:-7px;
}
#front a.full-list
{
width:85px;
height:9px;
background:url(../images/link-full-list.jpg) 0 0 no-repeat;
float:right;
display:inline;
margin:2px 0 0 0;
}
#fix #front a.full-list
{
float:none;
margin:0;
position:absolute;
z-index:1000;
bottom:24px;
left:10px;
}
#front a.read-more
{
width:67px;
height:8px;
background:url(../images/link-read-more.jpg) 0 0 no-repeat;
display:block;
position:absolute;
z-index:1000;
bottom:24px;
}
#front a.prev
{
width:23px;
height:36px;
background:url(../images/link-previous.jpg) 0 0 no-repeat;
display:block;
float:left;
display:inline;
margin:20px 0 0 0;
}
#front a.next
{
width:23px;
height:36px;
background:url(../images/link-next.jpg) 0 0 no-repeat;
display:block;
float:left;
display:inline;
margin:20px 0 0 0;
}
#front a.prev:hover{background:url(../images/link-previous.jpg) 0 -36px no-repeat;}
#front a.next:hover{background:url(../images/link-next.jpg) 0 -36px no-repeat;}
#front a.partner-website
{
width:136px;
height:8px;
background:url(../images/link-partner-website.jpg) 0 0 no-repeat;
display:block;
clear:both;
}
#front a.event-calendar
{
width:125px;
height:8px;
background:url(../images/link-event-calendar.jpg) 0 0 no-repeat;
display:block;
position:absolute;
z-index:1000;
bottom:24px;
}
#front a.continue-reading
{
width:107px;
height:9px;
background:url(../images/link-continue-reading.jpg) 0 0 no-repeat;
display:block;
position:absolute;
z-index:1000;
bottom:24px;
}
#front a.find-out
{
width:153px;
height:9px;
background:url(../images/link-find-out.jpg) 0 0 no-repeat;
display:block;
position:absolute;
z-index:1000;
bottom:24px;
}
#front a.full-list span, #front a.read-more span, #front a.prev span, #front a.next span, #front a.partner-website span, #front a.event-calendar span, #front a.continue-reading span, #front a.find-out span, a.partner-website span{display:none;}
#front div.line
{
width:100%;
height:1px;
line-height:1px;
background:url(../images/horizontal-dot.jpg) 0 center repeat-x;
float:left;
display:inline;
padding:2px 0;
}
#front #partners
{
width:187px;
float:left;
display:inline;
overflow:hidden;
}
#fix #front #partners
{
width:210px;
height:120px;
margin:0;
padding:0;
}
#front #partners img{margin:0 0 0 10px;}
#front #partners p
{
font-size:11px;
line-height:16px;
margin:10px 0;
}
#fix #front #partners p
{
margin:0;
}
#fix #front #partners-box
{

}
#footer-wrap
{
width:100%;
height:87px;
clear:both;
text-align:center;
background:#dcdfe1 url(../images/art/footer-wrap.jpg) 0 0 repeat-x;
}
#footer
{
width:980px;
height:87px;
background:url(../images/art/footer-bg.jpg) 0 0 repeat-x;
text-align:left;
margin:0 auto;
}
#footer p
{
font:10px Arial, Helvetica, sans-serif;
color:#67747b;
line-height:12px;
}
#footer p.lft-links
{
width:504px;
height:7px;
background:url(../images/art/footer-link.gif) 0 0 no-repeat;
float:left;
display:inline;
margin:44px 0 0 54px;
}
#footer p.lft-links a
{
height:7px;
float:left;
display:inline;
}
#footer p.lft-links a.item1{width:28px;}
#footer p.lft-links a.item2{width:52px; margin-left:17px;}
#footer p.lft-links a.item3{width:113px; margin-left:16px;}
#footer p.lft-links a.item4{width:48px; margin-left:16px;}
#footer p.lft-links a.item5{width:122px; margin-left:16px;}
#footer p.lft-links a.item6{width:59px; margin-left:17px;}
#footer p.lft-links a span{display:none;}
#footer p.rgt-links a
{
width:61px;
height:7px;
background:url(../images/art/contact.jpg) 0 0 no-repeat;
display:block;
float:right;
display:inline;
margin:44px 54px 0 0;
}
#footer p.rgt-links a span{display:none;}
#footer p.rgt-links a:hover{background:url(../images/art/contact.jpg) 0 -7px no-repeat;}
#footer p.copyright
{
float:left;
display:inline;
margin:20px 0 0 54px;
}
#footer .clear{clear:both;}
#breadcrumbs
{
position:relative;
font:11px Arial, Helvetica, sans-serif;
color:#898989;
padding:14px 0 0 40px;
z-index:10000;
}
#breadcrumbs a
{
font:bold 11px Arial, Helvetica, sans-serif;
color:#898989;
text-decoration:none;
}
#breadcrumbs span
{
padding:0 0 0 10px;
margin:0 0 0 5px;
background:url(../images/art/arrow.gif) left center no-repeat;
}
#contact_page
{
margin:35px 0 0 40px;
float:left;
width:460px;
display:inline;
}
#contact_page h1
{
background:url(../images/h1-contact.gif) no-repeat;
width:131px;
height:19px;
margin:0 0 20px 0;
}
#contact_page h1 strong
{
display:none;
}
#contact_page p
{
font:12px Arial, Helvetica, sans-serif;
color:#484d50;
line-height:18px;
padding:15px 0 0 0;
}
#contact_page p a
{
color:#d8ab02;
text-decoration:none;
}
#contact_tabs
{
float:left;
width:415px;
margin:40px 0 0 0;
display:inline;
}
#fragment-1,#fragment-2,#fragment-3
{
border:1px solid #d0d0d0;
padding:25px 16px 5px 16px;
}
#contact_tabs
{
height:500px;
}
#contact_tabs .box
{
background:url(../images/art/border.gif) left bottom repeat-x;
padding:0 0 5px 0;
margin:0 0 5px 0;
}
#contact_tabs .box h3
{
font:bold 13px Arial, Helvetica, sans-serif;
color:#e5b708;
}
#contact_tabs .box p
{
font:11px Arial, Helvetica, sans-serif;
line-height:18px;
padding:3px 0;
color:#484d50;
}
#contact_tabs .box .desc
{
color:#67747b;
margin:3px 0 0 0;
padding:0 0 0 15px;
background:#eee url(../images/art/list-icon.gif) 3px center no-repeat;
}
#contact_tabs .last
{
background:none;
}
#contact_tabs .readmore
{
width:82px;
height:22px;
display:block;
background:url(../images/art/read-more.gif) left top no-repeat;
margin:0 0 3px 0;
}
#contact_tabs .readmore strong
{
display:none;
}
#contact_tabs .readmore:hover
{
background:url(../images/art/read-more.gif) right top no-repeat;
}








/*--*/
.internal { padding-top: 40px!important; }
#left_column {
	float: left;
	width: 513px;
	padding-left: 70px;
	padding-bottom: 50px;
}

#left_column a {
	color: #000;
	font-weight: bold;
	text-decoration: underline;
}

#left_column a:hover {
	text-decoration: none;
}

#sidebar {
	float: right;
	width: 305px;
	padding-right: 70px;
}
#left_column h1 {
	color: #ffca00;
	font-family: sans-serif;
	font-size: 30px;
	line-height: 1.2em;
	margin-bottom: 19px;
}
#left_column p, #left_column ul, #left_column ol {
	font-size: 13px;
	color: #345468;
	line-height: 19px;
	margin: 0 0 19px;
}

#left_column ul, #left_column ol {
	padding-left: 19px;
}

#left_column ul ul, #left_column ol ol {
	margin: 0;
}

.comingsoon #left_column { padding-bottom: 320px; }
.company #left_column { padding-bottom: 300px; }