/*****************************************/
/*************** BOXES CSS ***************/
/*****************************************/

/* Container */
.container-outside {
width: 980px;
text-align: center;
margin-left:auto;
margin-right:auto;
background-image: url(../images/bg_container.png);
background-repeat: repeat-y;
background-position: center top;
}
.container {
width: 960px;
margin-left:auto;
margin-right:auto;
text-align: left;
position: relative;
}

/* Header */
.header {
height: 102px;
margin: 0;
position: relative;
}
.masthead {
position: relative;
height: 102px;
margin: 0;
padding: 0;
background-image: url(../images/bg_masthead.gif);
background-repeat: repeat-x;
}
#logo {
position: absolute;
top: 10px;
left: 20px;
width: 190px;
}
#logo h1 a {
width: 206px;
height: 83px;
display: block;
background: transparent url(../images/logo.png) no-repeat scroll 0 0;
text-indent: -9999px;
}
#tagline {
position: absolute;
top: 70px;
left: 250px;
color: #004271;
font-size: 14px
}
#phone {
position: absolute;
top: 23px;
right: 20px;
}
#breadcrumbs {
color: #5e5e5e;
margin: 0px 0px 10px 5px;
font-size: 10px;
}

/* Billboard */
#billboard {
position: relative;
width: 980px;
height: 280px;
z-index: 10;
}
#billboard div {
position: absolute;
top: 0;
left: -10px;
z-index:0;
}

/* Middle Container */
.middle {
background: #fff url(../images/bg_top.gif) repeat-x 0 0;
padding: 15px 20px 15px 20px;
min-height: 330px
}
#section_hdr {
display: block;
width: 705px;
height: auto;

margin: 0 0 0 0;
padding: 0 0 0 0;
}
#section_hdr img {
	border-top: 1px solid #014675;
	border-bottom: 1px solid #014675;
	display: block;
}

/* Columns Layout */
/* 1 Column */
.layout-1column .col-main {
width: 920px;
}
/* 2 Columns,left sidebar */
.col-main {
margin: 0;
padding: 0;
float: left;
width: 705px;
text-align: left;
display:inline;
}
.col-left {
margin: 0;
padding: 0;
float: left;
width: 215px;
text-align: left;
display:inline;
}
.col-main .content {
margin: 0;
padding: 0;
float: left;
width: 475px;
text-align: left;
display:inline;
}
.col-main .sidebar2 {
margin: 20px 0;
padding: 0;
float: right;
width: 215px;
text-align: left;
display:inline;
}
/* 2 Columns,right sidebar */
.layout-2columns-right .col-main {
width: 737px;
float: left;
}
.layout-2columns-right .col-right {
width: 220px;
float: right;
display: inline;
margin-top: 15px;
border-left-width: 1px;
border-left-style: solid;
border-left-color: #e7e7e7;
}
/* 2 Columns,home right sidebar */
.col-main-home {
margin: 0;
padding: 0;
float: left;
width: 680px;
text-align: left;
}
.col-right-home {
margin: 0;
padding: 0;
float: right;
width: 215px;
text-align: left;
}
/* 3 Columns */
.layout-3columns .col-main {
width: 556px;
float: left;
}
.layout-3columns .col-left {
width: 220px;
float: left;
display: inline;
margin-top: 15px;
border-right-width: 1px;
border-right-style: solid;
border-right-color: #e7e7e7;
}
.layout-3columns .col-right {
width: 180px;
float: right;
display: inline;
margin-top: 15px;
border-left-width: 1px;
border-left-style: solid;
border-left-color: #e7e7e7;
}



/* Content */
.content {
margin: 20px;
}

/* Sidebars */
.sidebar1 {
}
.sidebar2 {
}

/* Sidebar Elements */
.sidebar1 h2 {
color: #5e5e5e
}
.sidebar2 h2 {
color: #5e5e5e
}

/* Sidebar Blocks */
.box {
background: url("../images/box_body.gif") repeat-x 0 0;
border-right: 1px solid #ccc;
border-left: 1px solid #ccc;
width: 203px;
padding: 5px 5px 0 5px;
margin: 0;
font-size: 11px;
}
.box p {
margin: 0;
padding: 0;
}
.box ul {
margin: 5px 0px 0 20px;
}
.box li {
margin: 0 0 4px 0;
letter-spacing: -0.02em;
}
.box li.last {
margin: 0;
background: none;
}
.box-top {
width: 215px;
background: #fff url("../images/box200_top.gif") repeat-x 0 0;
/*-moz-border-radius-bottomleft: 0px;
-webkit-border-bottom-left-radius: 0px;
-moz-border-radius-bottomright: 0px;
-webkit-border-bottom-right-radius: 0px;
-moz-border-radius-topleft: 5px;
-webkit-border-top-left-radius: 5px;
-moz-border-radius-topright: 5px;
-webkit-border-top-right-radius: 5px;*/
}

.sidebar2 .box-top {background: #fff url("../images/box215_top.gif") repeat-x 0 0;}
.box-top h2 {
width: 205px;
padding: 0 0 0 10px;
margin: 0;
color: #fff;
font-size: 13px;
line-height: 30px;
height: 30px;
letter-spacing: -0.03em;

}
.box-top h2 span {
color: #dae13c;
font-style: italic;
}
.box-base {
background: url("../images/box_base.gif") repeat-x 0 0;
border-bottom: 1px solid #ccc;
border-right: 1px solid #ccc;
border-left: 1px solid #ccc;
height: 15px;
display: block;
margin: 0 0 15px 0;;
padding: 0;
width: 213px;
}

.arrow {
background: transparent url(../images/arrow_blue.gif) no-repeat scroll -20px 0;
line-height: 18px;
padding: 1px 0 0 17px;
}

.sidebar1 .box {
width: 178px;
}
.sidebar1 .box-top {
width: 200px;
}
.sidebar1 .box-top h2 {
width: 190px;
}
.sidebar1 .box-base {
width: 198px;
}
.sidebar1 .testimonials {
width: 178px;
}

.quote {
background: #fff;
margin: 30px 0 15px 0;
font-size: 11px;
line-height: 17px;
border: 1px solid #eee;
padding: 15px;
/*-moz-border-radius: 5px;
-webkit-border-radius: 5px;*/
display: block;
width: 650px;
}

.learnmore {
padding: 0;
width: 213px;
color: #004271;
}
.learnmore p,.learnmore ul {
padding: 5px 5px 0 5px;
}
.learnmore li a {
font-size: 12px;
text-decoration: underline;
}
.learnmore span.small {
font-size: 9px;
color: #666;
}

.sidebar1 .thin {
	width: 198px;
	background: #fff url("../images/box200_top.gif") repeat-x 0 0;
}

.didyouknow, .testimonials, .competingpriorities, .exceptionalsupport, .professionalservices, .learncbp, .dontwait {
background: #fff url("../images/box_topbody.gif") repeat-x 0 0;
border: 1px solid #ccc;
/*-moz-border-radius: 5px;
-webkit-border-radius: 5px;*/
margin: 0 0 15px 0;
padding: 10px 10px 15px 10px;
width: 195px;
}


.testimonials {
line-height: normal;
padding: 15px 10px;
width: 193px;
}
.didyouknow, .competingpriorities {
line-height: normal;
padding: 10px 10px 15px 10px;
width: 193px;
}
.sidebar1 .exceptionalsupport, .sidebar1 .professionalservices {
	line-height: normal;
	padding: 10px 10px 15px 10px;
	width: 178px;
}
.sidebar1 .getstarted {width:188px;}
.didyouknow h2, .competingpriorities h2, .exceptionalsupport h2, .professionalservices h2 {
font-size: 13px;
}

.sidebar1 .subnav {
padding: 0;
width: 198px;
background: #f5f5f5;
margin: 0 0 15px 0;
}


/* Landing boxes */
.landingbox {
border: 1px solid #ccc;
/*-moz-border-radius: 5px;
-webkit-border-radius: 5px;*/
margin: 15px 15px 0 0;
padding: 10px;
width: 315px;
height:111px;
position:relative;
float:left;
}
.landingbox h3 a {display:block;font-size:14px;color:#5e5e5e;width:180px;}
.landingbox p {display:block;font-size:11px;color:#5e5e5e;width:180px;}
.landingbox a {font-size:12px;}
.implementation {background: transparent url("../images/box_implementation.jpg") no-repeat bottom center;}
.training {background: transparent url("../images/box_training.jpg") no-repeat bottom center;margin:15px 0 0 0;}
.integration {background: transparent url("../images/box_integration.jpg") no-repeat bottom center;}
.customersupport {background: transparent url("../images/box_customersupport.jpg") no-repeat bottom center;margin:15px 0 0 0;}
.professionalservices {background: transparent url("../images/box_professionalservices.jpg") no-repeat bottom center;margin:15px 0 15px 0;}
.isf {background: transparent url("../images/box_isf.jpg") no-repeat bottom center;}
.abi {background: transparent url("../images/box_abi.jpg") no-repeat bottom center;}
.technology {background: transparent url("../images/box_technology.jpg") no-repeat bottom center;}
.support {background: transparent url("../images/box_support.jpg") no-repeat bottom center;}

/* 1st TIER */
.subnav ul {
background: none;
margin: 0;
font-size: 11px;
}
.subnav li {
list-style: none;
background: none;
margin: 0;
padding: 0;
}
.subnav a {
display: block;
background: none;
padding: 7px 0 7px 20px;/*padding: 7px 0 7px 25px;*/
font-weight: normal;
border-top: solid 1px #fff;
border-bottom: solid 1px #ccc;
/* height:28px; 
line-height:28px;*/
}
.subnav a,
.subnav a:link,
.subnav a:visited,
.subnav a:hover,
.subnav a:active {
text-decoration: none;
cursor: pointer;
cursor: hand;
}
.subnav a:link {
color: #004271;
}
.subnav a:visited {
color: #004271;
}
.subnav a:hover {
color: #004271;
/*font-weight: bold;*/
background: transparent url(../images/arrow_subnav.gif) no-repeat scroll -2px 6px;
}
.subnav li.current a:link,
.subnav li.current a:visited,
.subnav li.current a:hover,
.subnav li.current a:active {
padding: 7px 0 7px 20px;
color: #004271;
font-weight: bold;
background: transparent url(../images/arrow_subnav.gif) no-repeat scroll -2px 6px;
margin:0;
/* height:28px; 
line-height:28px;*/
line-height:normal;
}
/* 2nd TIER */
.subnav ul ul {
margin: 0 0 0 23px;
padding: 0;
font-size: 11px;
}
.subnav li.current li a,
.subnav li.current li a:link,
.subnav li.current li a:visited {
background: none;
padding: 0 0 0 12px;
font-weight: normal;
width: auto;
color: #004271;
width: 130px;
display: block;
border: none
}
.subnav li.current li a:hover,
.subnav li.current li a:active {
color: #004271;
font-weight: bold;
background: transparent url(../images/arrow_subnav.gif) no-repeat scroll 0 6px;
}
.subnav li.current li {
border: none;
margin: 0
}
.subnav li.current li.current a:link,
.subnav li.current li.current a:visited,
.subnav li.current li.current a:hover,
.subnav li.current li.current a:active {
color: #004271;
font-weight: bold;
background: transparent url(../images/arrow_subnav.gif) no-repeat scroll 0 6px;
}
/* 3rd TIER */
.subnav ul ul {
margin: 0 0 1em 13px;
padding: 0
}
.subnav li.current li.current li a,
.subnav li.current li.current li a:link,
.subnav li.current li.current li a:visited {
width: 117px
}
.subnav li.current li.current li a:link,
.subnav li.current li.current li a:visited,
.subnav li.current li.current li a:hover,
.subnav li.current li.current li a:active {
font-weight: normal
}
.subnav li.current li.current li.current a:link,
.subnav li.current li.current li.current a:visited,
.subnav li.current li.current li.current a:hover,
.subnav li.current li.current li.current a:active {
font-weight: bold
}
/* 4th TIER */
.subnav ul ul ul {
margin: 0 0 1em 13px;
padding: 0
}
.subnav li.current li.current li.current li a,
.subnav li.current li.current li.current li a:link,
.subnav li.current li.current li.current li a:visited {
width: 104px
}
.subnav li.current li.current li.current li a:link,
.subnav li.current li.current li.current li a:visited,
.subnav li.current li.current li.current li a:hover,
.subnav li.current li.current li.current li a:active {
font-weight: normal
}
.subnav li.current li.current li.current li.current a:link,
.subnav li.current li.current li.current li.current a:visited,
.subnav li.current li.current li.current li.current a:hover,
.subnav li.current li.current li.current li.current a:active {
font-weight: bold
}

/* Sitemap */
#sitemap-wrap {
	margin:15px 0;
}
#sitemap-wrap .main {
	float: left;
	margin: 0;
	width: 300px;
	border-right: 1px dotted #dedede;
}
#sitemap-wrap .mainlast {
	float: left;
	margin: 0 0 0 15px;
	width: 200px;
	border-right: none;
}
#sitemap-wrap h4 {
	margin:0 0 7px 0;
	border-bottom: 1px solid #e7e7e7;	
}
#sitemap-wrap h4 a {
	font-size:12px;
	font-weight: bold;
	display: block;
	padding: 3px 3px 3px 6px;
	text-decoration: none;
	color:#525252;
}
#sitemap-wrap h4 a:hover {
	background: #3979a8;
	color: #fff;
	text-decoration: none;
}
#sitemap-wrap .singles {
	font-size:11px;
	font-weight: bold;
}

#sitemap-wrap ul {
	margin: 15px;
}
#sitemap-wrap li {
	list-style: none;
	margin: 0;
	padding: 0;
	background: none;
}
#sitemap-wrap li {
	margin: 0 0 5px 0;
}
#sitemap-wrap li a:link,#sitemap-wrap li a:visited,#sitemap-wrap li a:hover,#sitemap-wrap li a:active {
	display: block;
	text-decoration: none;
	padding: 3px 3px 3px 6px;
}
#sitemap-wrap li a:hover {
	background: #3979a8;
	color: #fff;
	text-decoration: none;
}


#sitemap-wrap ul ul {
	margin: 10px;
}
#sitemap-wrap ul ul li {
	list-style: none;
	margin: 0;
	padding: 0;
	background: none;
}
#sitemap-wrap ul ul li {
	margin: 0 0 5px 0;
	width: 200px
}
#sitemap-wrap ul ul li a:link,#sitemap-wrap ul ul li a:visited,#sitemap-wrap ul ul li a:hover,#sitemap-wrap ul ul li a:active {
	display: block;
	text-decoration: none;
}
#sitemap-wrap ul ul li a:hover {
	background: #3979a8;
	color: #fff;
	text-decoration: none;
}



/* Footer */
.footer-seals {padding:7px 0 10px 20px;border-bottom: solid 1px #e7e7e7;margin-bottom:10px}
.footer-seals .col-seal {float:left;font-size:11px;font-weight:bold;text-align:center}


.footer {
margin: 5px 0 10px 0;
border-top: solid 1px #e7e7e7;
color: #5e5e5e;
}
.footer-bot {
height: 10px;
background: #004271;
}
#footer-links {
text-align: center
}
#footer-links ul {
margin: 8px 15px;
}
#footer-links li {
background: transparent none repeat scroll 0%;
color: #5e5e5e;
display: inline;
font-size: 11px;
list-style-type: none;
margin: 0pt;
padding: 0pt 3px;
}
#footer-links ul li.separator {
color: #5e5e5e;
}
#footer-links a:link,#footer-links a:visited {
color: #5e5e5e;
font-size: 11px;
font-weight: normal;
text-decoration: none;
}
#footer-links li a:hover {
color: #004271;
font-size: 11px;
font-weight: normal;
text-decoration: none;
}
#footer-links li.current a:link,
#footer-links li.current a:visited,
#footer-links li.current a:hover,
#footer-links li.current a:active {
color: #004271;
}
#footer-copyright {
text-align: center
}
#footer-copyright ul {
margin: 8px 20px 0 20px;
}
#footer-copyright li {
background: transparent none repeat scroll 0%;
color: #5e5e5e;
display: inline;
font-size: 11px;
list-style-type: none;
margin: 0pt;
padding: 0pt 3px;
}
#footer-copyright ul li.separator {
color: #5e5e5e;
}
#footer-copyright a:link,#footer-copyright a:visited {
color: #5e5e5e;
font-size: 11px;
font-weight: normal;
text-decoration: none;
}
#footer-copyright li a:hover {
color: #004271;
font-size: 11px;
font-weight: normal;
text-decoration: none;
}
#footer-copyright li.current a:link,
#footer-copyright li.current a:visited,
#footer-copyright li.current a:hover,
#footer-copyright li.current a:active {
color: #004271;
}