/*-----------------------------------------------------------------------------
Apex Stylesheet

version:   1.0
date:      1/20/2010
author:    Arrowplane, LLC
email:     info @ arrowplane . net
website:   www.arrowplane.net
-----------------------------------------------------------------------------*/ 


/* Import other stylesheets
-----------------------------------------------------------------------------*/

@import url("reset.css"); 
@import url("typography.css"); 


/* framework
-----------------------------------------------------------------------------*/
html
{
}
body
{
	width:100%;
}
#container
{
	width:970px;
	padding:0 20px;
	margin:0 auto;
	position:relative;
}

/* internal
-----------------------------------------------------------------------------*/
#main
{
	padding:25px 10px 25px 40px;
}
#main .left
{
	float:left;
	width:645px;
	padding-right:45px;
}
#main .right
{
	float:left;
	width:230px;
}
#main .leader-bio .left
{
	float:left;
	width:220px;
}
#main .leader-bio .right
{
	float:left;
	width:620px;
	padding:10px 0 0 0;
}
.leader-bio
{
	background:transparent url(/images/bg-leader-divider.gif) bottom left no-repeat;	
	padding:10px 0 0 0;	
}
.leader-bio-last
{
	background-image:none;
}
#leadership
{
	padding-right:30px;	
}
#main h2
{
	color:#39628c;
	font-size:24px;
	line-height:30px;
	padding:0 0 20px 0;
}
#main h3
{
	color:#39628c;
	font-size:18px;
	line-height:20px;
	padding:0 0 10px 0;
}
/* demo / quote
-----------------------------------------------------------------------------*/
#demo
{
	background:transparent url(/images/bg-demo.jpg) 0 0 no-repeat;
	width:170px;
	height:64px;
	margin-bottom:20px;
	padding:13px 0 0 60px;
	color:#39648e;
}
#demo h4
{
	color:#000;
	text-transform:uppercase;
	padding:0 0 5px 0;	
}
#quote
{
	background:transparent url(/images/bg-quote.jpg) 0 0 no-repeat;
	width:184px;
	padding:19px 23px;
}
#quote p.quote
{
	color:#4a7eb1;
	font-size:12px;
	line-height:18px;
	font-style:italic;
}
#quote p.quoter
{
	color:#4a7eb1;
	font-size:11px;
	line-height:14px;
	text-align:right;
}

/* header
-----------------------------------------------------------------------------*/
#header
{
	width:890px;
	height:124px;
	padding:0 40px;
	position:relative;	
}
#logo 
{
	float:left;
	width:173px;
	height:124px;
}
#logo h1 a
{
	background:transparent url(/images/logo.jpg) 0 0 no-repeat;
	width:173px;
	height:124px;
	display:block;
	text-decoration:none;
	text-indent:-9999em;
}
/* tagline / logins
-----------------------------------------------------------------------------*/
#tagline-logins
{
	float:right;
	width:710px;
}
#logins, #tagline
{
	width:710px;	
	display:block;
}
#logins 
{
	padding:30px 0 37px;
	font-size:12px;
	line-height:12px;
}
#logins ul
{
	float:right;
}
#logins li
{
	float:left;
	padding-left:20px;
}
* html #logins li.print-mgmt
{
	width:193px;	
}
* html #logins li.file-upload
{
	width:80px;	
}
* html #logins li.my-easy-view
{
	width:116px;	
}
#logins li a, #logins li a:link, #logins li a:visited
{
	background:transparent url(/images/btn-login.jpg) top right no-repeat;
	height:12px;
	overflow:hidden;
	display:block;
	padding:3px 19px 0 0;
	width:auto;
}
#logins li a:hover, #logins li a:active
{
	background-position:bottom right;
}

#tagline
{
	width:710px;	
	height:20px;
	background:transparent url(/images/tagline.gif) top right no-repeat;
	text-indent:-9999em;
}
/* navigation
-----------------------------------------------------------------------------*/
#navigation
{
	background:transparent url(/images/bg-nav.jpg) 0 0 no-repeat;
	width:890px;
	height:33px;
	padding:0 40px;	
}
#navigation li
{
	float:left;
	position:relative;	
}
#navigation li.who-we-are a, #navigation li.who-we-are a:link, #navigation li.who-we-are a:visited
{
	background:transparent url(/images/nav-who-we-are.jpg) 0 0 no-repeat;
	width:170px;	
}
#navigation li.our-solutions a, #navigation li.our-solutions a:link, #navigation li.our-solutions a:visited
{
	background:transparent url(/images/nav-our-solutions.jpg) 0 0 no-repeat;
	width:189px;	
}
#navigation li.our-approach a, #navigation li.our-approach a:link, #navigation li.our-approach a:visited
{
	background:transparent url(/images/nav-our-approach.jpg) 0 0 no-repeat;
	width:202px;	
}
#navigation li.our-work a, #navigation li.our-work a:link, #navigation li.our-work a:visited
{
	background:transparent url(/images/nav-our-work.jpg) 0 0 no-repeat;
	width:153px;	
}
#navigation li.contact-us a, #navigation li.contact-us a:link, #navigation li.contact-us a:visited
{
	background:transparent url(/images/nav-contact-us.jpg) 0 0 no-repeat;
	width:176px;	
}
#navigation li.who-we-are a, #navigation li.who-we-are a:link, #navigation li.who-we-are a:visited,
#navigation li.our-solutions a, #navigation li.our-solutions a:link, #navigation li.our-solutions a:visited,
#navigation li.our-approach a, #navigation li.our-approach a:link, #navigation li.our-approach a:visited
#navigation li.our-work a, #navigation li.our-work a:link, #navigation li.our-work a:visited,
#navigation li.contact-us a, #navigation li.contact-us a:link, #navigation li.contact-us a:visited
{
	height:33px;
	display:block;
	overflow:hidden;
	text-indent:-9999em;	
}
#navigation li.who-we-are a:hover, #navigation li.who-we-are a:active,
#navigation li.our-solutions a:hover, #navigation li.our-solutions a:active,
#navigation li.our-approach a:hover, #navigation li.our-approach a:active,
#navigation li.our-work a:hover, #navigation li.our-work a:active,
#navigation li.contact-us a:hover, #navigation li.contact-us a:active,

#navigation li.who-we-are a.selected, #navigation li.who-we-are a.selected:link, #navigation li.who-we-are a.selected:visited,
#navigation li.our-solutions a.selected, #navigation li.our-solutions a.selected:link, #navigation li.our-solutions a.selected:visited,
#navigation li.our-approach a.selected, #navigation li.our-approach a.selected:link, #navigation li.our-approach a.selected:visited
#navigation li.our-work a.selected, #navigation li.our-work a.selected:link, #navigation li.our-work a.selected:visited,
#navigation li.contact-us a.selected, #navigation li.contact-us a.selected:link, #navigation li.contact-us a.selected:visited,
#navigation li.who-we-are a.selected:hover, #navigation li.who-we-are a.selected:active,
#navigation li.our-solutions a.selected:hover, #navigation li.our-solutions a.selected:active,
#navigation li.our-approach a.selected:hover, #navigation li.our-approach a.selected:active,
#navigation li.our-work a.selected:hover, #navigation li.our-work a.selected:active,
#navigation li.contact-us a.selected:hover, #navigation li.contact-us a.selected:active
{
	background-position:0 -33px;
}

/* subnav */

#navigation li ul
{
	float:none;
	position:absolute;
	top:33px;
	height:172px;
	left:-2px;
	display:none;
	z-index:100;	
	border-top:solid 1px #ededed;		
}
* html #navigation li ul.one-item
{
	background-image:none;
	filter:none;
	width:180px;
	height:172px;	
}
#navigation li ul.one-item
{
	background:transparent url(/images/bg-dropdown-one.png) 0 0 no-repeat;
	width:180px;	
}
* html #navigation li ul.two-item
{
	background-image:none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/bg-dropdown-two.png',sizingMethod='scale');	
	width:180px;
	height:172px;	
}
#navigation li ul.two-item
{
	background:transparent url(/images/bg-dropdown-two.png) 0 0 no-repeat;
	width:180px;	
}
* html #navigation li ul.three-item
{
	background-image:none;
	filter:none;
	width:197px;
	height:172px;	
}
#navigation li ul.three-item
{
	background:transparent url(/images/bg-dropdown-three.png) 0 0 no-repeat;
	width:197px;	
}
ul.one-item li, ul.three-item li,
ul.one-item li.last, ul.three-item li.last
{
	position:relative;
	cursor:pointer;
}
* html #navigation li.who-we-are ul.one-item li
{
	background:transparent url(/images/bg-dropdown-one.gif) 0 0 repeat-y;	
}
* html #navigation li.our-solutions ul.three-item li
{
	background:transparent url(/images/bg-dropdown-three.gif) 0 0 repeat-y;	
}
#navigation li.who-we-are ul.one-item li.ie6fix
{
	display:none;
}
* html #navigation li.who-we-are ul.one-item li.ie6fix
{
	background-image:none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/bg-dropdown-one-ie6.png',sizingMethod='scale');	
	width:180px;
	height:46px;
	display:block;
}
#navigation li.our-solutions ul.three-item li.ie6fix
{
	display:none;
}
* html #navigation li.our-solutions ul.three-item li.ie6fix
{
	background-image:none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/bg-dropdown-three-ie6.png',sizingMethod='scale');	
	width:197px;
	height:76px;
	display:block;
}
#navigation li.who-we-are ul.one-item li a, #navigation li.who-we-are ul.one-item li a:visited, 
#navigation li.who-we-are ul.one-item li a:link,
#navigation li.contact-us ul.one-item li a, #navigation li.contact-us ul.one-item li a:visited, 
#navigation li.contact-us ul.one-item li a:link,
#navigation li.our-solutions ul.three-item li a, #navigation li.our-solutions ul.three-item li a:visited, 
#navigation li.our-solutions ul.three-item li a:link
{
	width:191px;
	background:none;
	color:#39648e;
	line-height:15px;
	font-size:15px;
	margin:0 4px 0 3px;
	padding:8px 0 8px 0;
	text-align:center;
	display:block;
	height:15px;
	text-indent:0;
	border-top:solid 1px #adadad;
	border-bottom:solid 1px #ededed;	
}

#navigation li.who-we-are ul.one-item li a, #navigation li.who-we-are ul.one-item li a:visited, 
#navigation li.who-we-are ul.one-item li a:link,
#navigation li.contact-us ul.one-item li a, #navigation li.contact-us ul.one-item li a:visited, 
#navigation li.contact-us ul.one-item li a:link
{
	width:174px;	
}


#navigation li.who-we-are ul.one-item li.last a, #navigation li.who-we-are ul.one-item li.last a:visited,
#navigation li.who-we-are ul.one-item li.last a.link,
#navigation li.contact-us ul.one-item li.last a, #navigation li.contact-us ul.one-item li.last a:visited,
#navigation li.contact-us ul.one-item li.last a.link,
#navigation li.our-solutions ul.three-item li.last a, #navigation li.our-solutions ul.three-item li.last a:visited,
#navigation li.our-solutions ul.three-item li.last a.link
{
	border-bottom:none;
}

#navigation li.who-we-are ul.one-item li a:hover, #navigation li.who-we-are ul.one-item li a:active,
#navigation li.contact-us ul.one-item li a:hover, #navigation li.contact-us ul.one-item li a:active,
#navigation li.our-solutions ul.three-item li a:hover, #navigation li.our-solutions ul.three-item li a:active
{
	color:#000;	
}

/* Holly Hack. IE Requirement \*/
* html #navigation ul li { float: left; height: 1%; }
* html #navigation li.our-solutions ul li a,
* html #navigation li.who-we-are ul li a{ height: 1%; }
/* End */

#navigation li:hover ul, #navigation li.over ul { display: block; } /* The magic */



/* home intro
-----------------------------------------------------------------------------*/
#home-intro
{
	background:transparent url(/images/bg-home-intro.jpg) 0 0 no-repeat;
	width:270px;
	height:246px;
	padding:33px 60px 0 640px;
}
#home-intro-headline
{
	padding:0;	
}
#home-intro p
{
	font-size:13px;
	line-height:18px;
}
* html a.home-learn-more,
* html a.home-learn-more:link,
* html a.home-learn-more:visited
{
	background-image:none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/btn-home-learn-more-ie.png',sizingMethod='scale');	
	width:105px;
	height:26px;	
}
a.home-learn-more, a.home-learn-more:link, a.home-learn-more:visited
{
	background:transparent url(/images/btn-home-learn-more.png) 0 0 no-repeat;
	width:105px;
	height:26px;
	display:block;
	overflow:hidden;
	text-indent:-9999em;
}
* html a.home-learn-more:hover,
* html a.home-learn-more:active
{
	background-image:none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/btn-home-learn-more-ie-o.png',sizingMethod='scale');	
	width:105px;
	height:26px;	
	cursor:pointer;
}
a.home-learn-more:hover, a.home-learn-more:active
{
	background-position:0 -26px;
}

/* home features
-----------------------------------------------------------------------------*/
#home-features
{
	background:transparent url(/images/bg-features.jpg) 0 0 no-repeat;
	width:950px;
	margin:15px 10px 0 10px;	
}
.feature
{
	float:left;
	width:310px;
	padding:0 10px 0 0;
}
.feature-last
{
	padding:0;
}
.feature h3.my-easy-view
{
	background:transparent url(/images/feature-my-easy-view.jpg) 0 0 no-repeat;
}
.feature h3.my-easy-bill
{
	background:transparent url(/images/feature-my-easy-bill.jpg) 0 0 no-repeat;
}
.feature h3.slow-payments
{
	background:transparent url(/images/feature-slow-payments.jpg) 0 0 no-repeat;
}
.feature h3.my-easy-view, .feature h3.my-easy-bill, .feature h3.slow-payments
{
	width:310px;
	height:40px;
	display:block;
	text-indent:-9999em;
	padding:0 0 5px 0;
}
.feature h3.my-easy-view a, .feature h3.my-easy-bill a, .feature h3.slow-payments a
{
	display:block;
	width:310px;
	height:40px;
}

* html #icon-1
{
	background-image:none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/icon-feature-1.png',sizingMethod='scale');	
	width:69px;
	height:58px;	
}
#icon-1
{
	background:transparent url(/images/icon-feature-1.png) 0 0 no-repeat;
	width:69px;
	height:58px;
}
* html #icon-2
{
	background-image:none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/icon-feature-2.png',sizingMethod='scale');	
	width:69px;
	height:61px;	
}
#icon-2
{
	background:transparent url(/images/icon-feature-2.png) 0 0 no-repeat;
	width:69px;
	height:61px;
}
* html #icon-3
{
	background-image:none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/icon-feature-3.png',sizingMethod='scale');	
	width:61px;
	height:57px;	
}
#icon-3
{
	background:transparent url(/images/icon-feature-3.png) 0 0 no-repeat;
	width:61px;
	height:57px;
}
.feature-content 
{
	padding:20px;
}
.feature-icon
{
	float:left;
	width:82px;
}
.feature-text
{
	float:left;
	width:188px;
}
a.feature-learn-more, a.feature-learn-more:link, a.feature-learn-more:hover
{
	background:transparent url(/images/feature-arrow.gif) 0 1px no-repeat;
	display:block;
	overflow:hidden;
	font-weight:bold;
	height:11px;
	line-height:12px;
	font-size:12px;
	padding:0 0 0 15px;
	text-transform:uppercase;
}
a.feature-learn-more:hover, a.feature-learn-more:active
{
	background-position:0 -12px;
}

/* footer
-----------------------------------------------------------------------------*/
#footer
{
	color:#666666;
	text-align:center;
	font-size:11px;
	line-height:11px;
	padding:17px 0 50px 0;
	background:transparent url(/images/bg-footer.jpg) 0 0 no-repeat;
}

/* internal-header-area
-----------------------------------------------------------------------------*/
#internal-header-area
{
	background:transparent url(/images/bg-header-internal.jpg) 0 0 no-repeat;
	width:936px;
	height:149px;
	padding:7px 17px 17px 17px;
}
#internal-header-area .solutions
{
	background:transparent url(/images/header-image-1.jpg) 0 0 no-repeat;
	width:223px;
	height:128px;
	padding:20px 0 0 713px;
}
#internal-header-area .who-we-are
{
	background:transparent url(/images/header-who-we-are.jpg) 0 0 no-repeat;
	width:223px;
	height:98px;
	padding:50px 0 0 713px;
}
#internal-header-area .our-solutions
{
	background:transparent url(/images/header-image-1.jpg) 0 0 no-repeat;
	width:223px;
	height:98px;
	padding:50px 0 0 713px;
}
#internal-header-area .our-approach
{
	background:transparent url(/images/header-our-approach.jpg) 0 0 no-repeat;
	width:223px;
	height:98px;
	padding:50px 0 0 713px;
}
#internal-header-area .our-work
{
	background:transparent url(/images/header-our-work.jpg) 0 0 no-repeat;
	width:223px;
	height:98px;
	padding:50px 0 0 713px;
}
#internal-header-area .contact-us
{
	background:transparent url(/images/header-contact-us.jpg) 0 0 no-repeat;
	width:223px;
	height:98px;
	padding:50px 0 0 713px;
}
* html .three-items
{
	background-image:none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/bg-subnav-3.png',sizingMethod='scale');	
	width:203px;
	height:108px;	
}
.three-items
{
	background:transparent url(/images/bg-subnav-3.png) 0 0 no-repeat;
	width:203px;
	height:108px;
}
* html .two-items
{
	background-image:none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/bg-subnav-2.png',sizingMethod='scale');	
	width:203px;
	height:78px;	
}
.two-items
{
	background:transparent url(/images/bg-subnav-2.png) 0 0 no-repeat;
	width:203px;
	height:78px;
}
* html .one-item
{
	background-image:none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/bg-subnav-1.png',sizingMethod='scale');	
	width:203px;
	height:48px;	
}
.one-item
{
	background:transparent url(/images/bg-subnav-1.png) 0 0 no-repeat;
	width:203px;
	height:48px;
}
#sub-nav ul
{
	padding:8px 6px 0 6px;
	margin:0;
}
* html #sub-nav li
{
	height:1%;
	position:relative;	
}
#sub-nav a, #sub-nav a:link, #sub-nav a:visited
{
	color:#39648e;
	font-size:15px;
	line-height:15px;
	padding:7px 24px;
	display:block;
	overflow:hidden;	
	border-bottom:solid 1px #d3d3d3;
}
#sub-nav li.last a, #sub-nav li.last a:link, #sub-nav li.last a:visited
{
	color:#39648e;
	font-size:15px;
	line-height:15px;
	padding:7px 24px;
	display:block;
	border-bottom:none;
	overflow:hidden;
}

#sub-nav a:hover, #sub-nav a:active,
#sub-nav li.last a:hover, #sub-nav li.last a:active,

#sub-nav li.last a.selected, #sub-nav li.last a.selected:link, #sub-nav li.last a.selected:visited,
#sub-nav a.selected, #sub-nav a.selected:link, #sub-nav a.selected:visited,
#sub-nav a.selected:hover, #sub-nav a.selected:visited
{
	color:#000;
	text-decoration:none;
}

/* footer
-----------------------------------------------------------------------------*/
#results-left, #results-right
{
	float:left;
	width:215px;
}
#results-mid
{
	float:left;
	text-align:center;
	width:215px;
}
#plain-results-left
{
	float:left;
	width:315px;
	padding-right:15px;
}
#plain-results-right
{
	float:left;
	width:315px;
}

.results-divider
{
	border-top:1px solid #e8e8e8;
	height:20px;
	display:block;
	width:435px;
}
.resultslist-left
{
	float:left;
	width:210px;
	padding:0 15px 0 0;
}
.resultslist-right
{
	float:left;
	width:210px;
	padding:0;
}


table.demo
{
	padding:0 0 18px 0;
}
table.demo td.label
{
	width:150px;
	padding:0 10px 10px 0;
	vertical-align:top;
}
table.demo td.field
{
	padding:0 0 10px 0;
	vertical-align:top;
}
input.regular
{
	width:200px;
}

#commentForm { width: 500px; }
#commentForm label { width: 250px; }
#commentForm label.error, #commentForm input.submit { margin-left: 253px; }

.left-quote
{
	background:transparent url(/images/left-quote.png) 0 0 no-repeat;
	width:20px;
	height:15px;
	float:left;
	display:block;
}
.right-quote
{
	background:transparent url(/images/right-quote.png) 0 0 no-repeat;
	width:20px;
	height:15px;
}