/*
 Screen style    
 Site: Printing for Non-Profits
*/

body { font-size: 75%; padding: 34px 0; }

/* Image replacement
-----------------------------------------------------------------------------------------------*/
.ir { display: block; font-size: 1em; margin: 0; overflow: hidden; position: relative; }
.ir span { background-repeat: no-repeat; display: block; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 1; }
.ir a { cursor: pointer; display: block; height: 100%; width: 100%; }
.ir a span { cursor: pointer; }

/* Accessibility Navigation & Hide
-----------------------------------------------------------------------------------------------*/
ol#accessibility-nav, .hide { position: absolute; top: -999em; left: -999em; height: 1px; width: 1px; }

/* Clearfix
-----------------------------------------------------------------------------------------------*/
.clearfix:after,
#inner:after,
#footer:after,
.envelopes:after,
.resources .inner:after,
.home-top:after,
.home-boxes:after,
.home-bottom:after,
.home-bottom .home-resources .inner:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

/* Wrapper
-----------------------------------------------------------------------------------------------*/
#wrapper { width: 950px; margin: 0 auto; }

/* Header
-----------------------------------------------------------------------------------------------*/
#header { position: relative; height: 80px; }
#header .logo { width: 175px; height: 59px; position: absolute; top: 0; left: 9px; }
#header .new-cust{ width: 200px; height: 25px; margin-left: 400px; background-image: url(../images/buttons/new-customer.png); background-repeat: no-repeat; position: absolute; top: 35px; }

#header .logo span { background-image: url(../images/text/logo.png); }

/* Top nav */
#header .top-nav { position: absolute; bottom: 11px; right: 4px; line-height: 1.0; font-size: 0.92em; }
#header .top-nav li { float: left; padding-top: 8px; padding-bottom: 10px; margin-left: 20px; background-repeat: no-repeat; }

#header .top-nav li.my-jobs { background-image: url(../images/bg/my-jobs.png); padding-left: 27px; margin-left: 0; }
#header .top-nav li.my-account { background-image: url(../images/bg/my-account.png); padding-left: 30px;}
#header .top-nav li.sign-out { background-image: url(../images/bg/sign-out.png); padding-left: 23px; }
#header .top-nav li.send-file { background-image: url(../images/bg/send-file.png); padding-left: 23px; }

/* Navigation
-----------------------------------------------------------------------------------------------*/
#navigation { height: 29px; padding: 0 0 0 44px; background: url(../images/bg/navigation.png) no-repeat; line-height: 1.0; font-size: 1.17em; }
#navigation ul { height: 23px; padding: 6px 0 0 0; background: url(../images/bg/navigation.png) right no-repeat; }
#navigation li { float: left; margin-right: 48px; }
#navigation li a { color: #333; }
#navigation li a:hover { color: #39aace; text-decoration: none; }
.home #navigation ul { background-image: url(../images/bg/navigation-home.png); }

/* Inner
-----------------------------------------------------------------------------------------------*/
#inner { background: url(../images/bg/inner1.png) repeat-y; padding: 15px 80px 35px 13px; margin-bottom: 30px; }
.home #inner { padding: 0 0 0 13px; }
.main #inner { background-image: url(../images/bg/inner2.png); padding: 0 0 0 13px; }

/* Content
-----------------------------------------------------------------------------------------------*/
#content { width: 664px; float: right; margin-top: 4px; }


/* Breadcrumbs */
.breadcrumbs { margin-bottom: 16px; font-size: 0.92em; }

/* Cufon replaced */
h1.large { font-size: 3.17em; font-weight: normal; margin: 0 0 2px 0; line-height: 1.0; }
p.subtitle { font-size: 2.17em; margin: 0 0 20px 0; line-height: 1.0; }

/* Home page */
.home #content { width: 791px; float: right; margin: 0; }
.home-top { margin-bottom: 15px; width: 791px; }
.home-top .welcome { float: right; width: 268px; min-height: 253px; padding: 24px 24px 5px 26px; background: #39aace; color: #fff; line-height: 1.5; }
.home-top .welcome h1 { margin: 0 0 8px 0; font-size: 2.5em; font-weight: normal; line-height: 1.0; }
.home-top .welcome p { margin: 0; }
.home-top .welcome .join { text-align: right; margin: 10px -12px 0 0; }
.home-top #home-intro { float: left; width: 473px; height: 282px; margin: 0; }
.home-boxes { width: 775px; background: url(../images/bg/home-boxes.png) repeat-y; margin: 0 0 11px 16px; }
.home-boxes li { float: left; width: 146px; padding: 15px 19px 65px 17px; margin-left: 14px; position: relative; min-height: 78px; }
.home-boxes li h2 { font-size: 1.33em; line-height: 1.0; margin: 0 0 4px 0; color: #333; }
.home-boxes li p { font-size: 0.86em; line-height: 1.4; margin: 0; }
.home-boxes li .link { position: absolute; left: 51px; bottom: 0; }
.home-boxes li .link img { display: block; }
.home-boxes .research { margin: 0; padding-bottom: 69px; min-height: 74px; }
.home-boxes .pricing { width: 136px; padding-right: 28px; }
.home-boxes .pricing .link { left: 62px; }
.home-boxes .order { width: 140px; padding-right: 25px; }
.home-boxes .order .link { left: 67px; }
.home-boxes .manage { width: 150px; padding-right: 14px; }
.home-boxes .manage .link { left: 62px; }
.home-bottom { width: 776px; margin-left: 15px; }
.home-bottom .home-resources { float: left; width: 445px; background: url(../images/bg/home-resources.jpg) bottom no-repeat; padding-bottom: 10px; }
.home-bottom .home-resources .inner { background: url(../images/bg/home-resources.jpg) no-repeat; padding: 15px 10px 4px 19px; }
.home-bottom .home-resources h2 { margin: 0 0 4px 0; font-size: 1.33em; line-height: 1.0; }
.home-bottom .home-resources ul { float: left; line-height: 1.5; }
.home-bottom .home-resources ul.first { width: 120px; padding-right: 10px; }
.home-bottom .home-resources ul.second { width: 167px; padding-right: 10px; }
.home-bottom .home-resources ul.third { width: 100px; }
.home-bottom .home-resources ul a { font-size: 0.92em; color: #333; }
.home-bottom .free-book { float: right; width: 175px; min-height: 82px; padding: 19px 7px 5px 149px; background: url(../images/bg/free-book.jpg) no-repeat; }
.home-bottom .free-book h2 { margin: 0 0 5px 0; font-size: 1.42em; line-height: 1.0; font-weight: normal; color: #333; }
.home-bottom .free-book p { width: 148px; font-size: 0.92em; line-height: 1.36em; }
.home-bottom .pdf-power { float: left; width: 265px; background: url(../images/bg/pdf-power.jpg) no-repeat; height: 78px; padding: 23px 162px 5px 18px; }
.home-bottom .pdf-power h3 { margin: 0 0 9px 0; width: 96px; height: 15px; }
.home-bottom .pdf-power h3 span { background-image: url(../images/text/pdf-power.png); }
.home-bottom .pdf-power p { font-size: 0.92em; margin: 0; line-height: 1.36; }

/* Main pages - Company, Contact */
.main #content { width: 705px; margin: 0; padding: 35px 40px 40px 46px; min-height: 497px; background: url(../images/bg/content.jpg) no-repeat; }
.main #content .decorative { float: right; }
.main #content .decorative img { display: block; border: 4px solid #def1f7; }
.main #content .content-col { float: left; width: 378px; }
.main #content .content-col ul { margin: 1em 0 0 20px; list-style: disc; }

/* Resources */
.intro { margin: 15px 0 35px 0; width: 650px; }
.resources { background: url(../images/bg/resources.png) repeat-y; width: 714px; margin: 0 0 0 -9px; }
.resources .inner { background: url(../images/bg/resources.jpg) no-repeat; padding: 27px 22px 10px 29px; }
.resources .box { float: left; width: 176px; }
.resources .middle-box { margin: 0 67px; }
.resources h2 { color: #39aace; font-weight: normal; font-size: 1.42em; margin: 0 0 17px 0; }
.resources li { font-size: 0.92em; margin-bottom: 4px; }
.resources li a { color: #444; }
.resources-bottom { height: 17px; background: url(../images/bg/resources-bottom.png) no-repeat; margin: 0 0 0 -9px; }

/* Contact */
#content .vcard { margin-top: 45px; }
#content .vcard h2 { margin: 0; font-weight: normal; }
#content .vcard table { margin-top: 15px; }
#content .vcard th { width: 65px; padding-right: 5px; }

/* Resource images */
.resource-img { margin: 10px 0 26px 0; }
.resource-img img { display: block; }

/* Envelopes */
.envelopes { border-top: 1px solid #ccc; padding-top: 20px; margin-top: 20px; clear: both; }
.envelopes-first { border: 0; }
.envelopes h2 { margin: 0 0 0.65em 0; }
.envelopes table { float: left; width: 300px; }
.envelopes table th { font-weight: bold; }
.envelopes table th.name { width: 80px; padding-right: 10px; }
.envelopes table th.size { width: 95px; padding-right: 10px; }
.envelopes .images { float: left; width: 364px; }
.envelopes .images img { display: block; float: left; padding-left: 40px; }

/* Sidebar
-----------------------------------------------------------------------------------------------*/
#sidebar { width: 130px; float: left; }
.home #sidebar, .main #sidebar { padding-top: 15px; }
#sidebar h2 { color: #39aace; font-size: 0.92em; margin: 0 0 0.25em 0; }
#sidebar ul { margin-bottom: 22px; }
#sidebar li { font-size: 0.83em; margin-bottom: 2px; }
#sidebar li a { color: #444; }
#sidebar li a:hover { color: #39aace; }

/* Footer
-----------------------------------------------------------------------------------------------*/
#footer { clear: both; border-top: 1px solid #ccc; padding-top: 10px; font-size: 0.92em; }
#footer ul { width: 530px; float: left; }
#footer li { float: left; background: url(../images/bg/footer-sep.png) left center no-repeat; margin-left: 7px; padding-left: 8px; }
#footer li.first { margin: 0; padding: 0; background: none; }
#footer .copy { float: right; text-align: right; color: #999; }

/* Order - Frames
-----------------------------------------------------------------------------------------------*/

/* Header */
.frame-header { padding: 0; }
.frame-header #header { height: 97px; }
.frame-header #header .logo { top: 22px; left: 19px; }
.frame-header #header .top-nav { right: 20px; }

/* Sidebar */
.frame-sidebar { background: url(../images/bg/inner1.png) repeat-y; padding: 0; margin: 0; }
.frame-sidebar #sidebar { padding: 20px 16px 10px 13px; }

/* Footer */
.frame-footer { padding: 0; }
.frame-footer #footer { padding: 10px; }