/* Layouts */

.clearfix {height:1px; background:none; clear:both; overflow:hidden; visibility:collapse;}
	
a img {text-decoration:none; border:0;}
a {text-decoration:none;}

body {
	margin:0;
	padding:0;
	background-color:#eeeeee;
	font-family:"Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", Helvetica, Verdana, Arial, sans-serif;
	text-align:center;
	}
	

/* Containers */
#wrap {margin:0 auto; width:840px; text-align:left;}
	
#header {height:96px;}
#topnav {height:35px; background: url(../images/bg-mid.jpg) repeat-y;}

#main {height:auto; width:800px; padding:0px 20px 48px 20px; background: url(../images/bg-mid.jpg) repeat-y;}
#pagequotes {padding:48px 0px 13px 110px; margin-bottom:26px; background-color:#f1f1f1;}
#pagetitle {padding:48px 0px 8px 110px; margin-bottom:26px; background-color:#f1f1f1;}

#one-col {margin:0px 110px;}
#two-col {margin:0px 0px 0px 110px}

/* homepage only */
#homepage-col {margin:0px 68px 0px 110px;}
#homepage-left {float:left; width:46%; padding-right:4%;}
#homepage-right {float:right; width:46%; padding-left:4%;}
#homepage-left h1, 
#homepage-right h1 {font-size:13px; color:#3c3c3c; text-transform:uppercase; letter-spacing:-0.01em; margin-bottom:0; margin-top:0;}
#homepage-left p, 
#homepage-right p {font:11px Verdana, Arial, Helvetica, sans-serif; color:#646464; margin-top:9px; margin-bottom:0; margin-right:90px;}
#homepage-left p a, 
#homepage-right p a {text-decoration:none; background:url(../images/arrow-red.gif) no-repeat 2px center; padding-left:16px;}
#homepage-left p a:link, 
#homepage-right p a:link, 
#homepage-left p a:visited, 
#homepage-right p a:visited {color:#ee2e34;}
#homepage-left p a:hover, 
#homepage-right p a:hover, 
#homepage-left p a:active, 
#homepage-right p a:active {color:#a0a0a0;}

#btn-contractpackaging {padding-top:44px; background:url(../images/btnbg-contractpackaging.gif) top right no-repeat;}
#btn-documentmanagement {padding-top:44px; background:url(../images/btnbg-documentmanagement.gif) top right no-repeat;}
#btn-janitorialservices {margin-top:10px; padding-top:44px ;background:url(../images/btnbg-janitorialservices.gif) top right no-repeat;}
#btn-products {margin-top:10px; padding-top:44px; background:url(../images/btnbg-products.gif) top right no-repeat;}

/* main content with two colunms */
#left-col {float:left; width:440px; margin-right:30px;}
#left-col p, 
#left-col ul li,
#left-col ol li,
#left-col blockquote {font-size:15px; color:#646464; letter-spacing:-0.01em; line-height:20px; margin-top:0px; margin-bottom:10px;}
#left-col ul li {list-style-type:none; background:url(../images/bullet.gif) no-repeat 0px 8px; padding-left:16px; padding-right:20px;}
#left-col h1 {font-size:20px; color:#3c3c3c; letter-spacing:-0.01em; line-height:normal; margin-top:26px; margin-bottom:10px;}
#left-col h2, 
#left-col h3, 
#left-col h4,
#left-col h5,
#left-col h6 {font-size:15px; font-weight:bold; color:#3c3c3c; letter-spacing:-0.01em; line-height:normal; margin-top:26px; margin-bottom:10px;}
#left-col p.plinks a {text-decoration:none; background:url(../images/arrow-red.gif) no-repeat 0px 3px; padding-left:16px;}
#left-col a {text-decoration:none;}
#left-col a:link {color:#00694E;}
#left-col a:visited {color:#a0a0a0;}
#left-col a:hover {color:#a0a0a0;}
#left-col a:active {color:#a0a0a0;}

#right-col {float:right; width:220px;}
#right-col h1.first,
#right-col h1 {font:13px "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", Helvetica, Verdana, Arial, sans-serif; font-weight:bold; color:#646464; letter-spacing:-0.01em; line-height:normal; padding:5px 6px 3px 6px; background-color:#e6e6e6; text-transform:uppercase;}
#right-col h1.first {margin-top:2px;}
#right-col h1 {margin-top:26px;}
#right-col p {font:10px Verdana, Arial, Helvetica, sans-serif; color:#646464; line-height:13px; margin:8px 6px; letter-spacing:.025em;}
#right-col ul li,
#right-col ol li {font:10px Verdana, Arial, Helvetica, sans-serif; color:#646464; line-height:12px; margin:8px 6px; letter-spacing:.025em;}
#right-col ul li {margin-left:-20px; padding-left:-20px;}

#right-col ul.links {margin-left:0px; padding-left:0px; list-style:none;}
#right-col ul.links {margin-left:-8px; padding-left:-8px; list-style:none;}
#right-col ul.links li {background:url(../images/arrow-red.gif) no-repeat 0px 0px; padding-left:16px; margin-left:16px;}

#right-col li a:link {color:#646464;}
#right-col li a:visited {color:#a0a0a0;}
#right-col li a:hover {color:#00694E;}
#right-col li a:active {color:#00694E;}
#right-col a {text-decoration:none;}
#right-col p a:link {color:#00694E;}
#right-col p a:visited {color:#a0a0a0;}
#right-col p a:hover {color:#a0a0a0;}
#right-col p a:active {color:#a0a0a0;}

#right-col ul.links a#currentbio {color:#00694E;}
.partnerlogos {padding-top:20px; padding-bottom:5px;}

/* images on each service title area */
#btnNObg-contractpackaging, 
#btnNObg-documentmanagement, 
#btnNObg-janitorialservices, 
#btnNObg-products  {
	position:absolute;
	width:140px;
	top:166px;
	left:744px;
}

/* footer + copyright */
#footer {height:100px;}
#footer-text {width:800px; height:100px; background:url(../images/footer2.gif) top no-repeat; overflow:hidden;}
#footer-textwhy {float:left; width:180px; height:20px; padding:53px 0px 0px 20px;}
#footer-textemail {float:right; width:180px; height:20px; padding:45px 114px 0px 0px;}
#footer-text img a {border:0; cursor:pointer; cursor:default;}

#copyright {height:45px;}
#copyright-text{padding:16px 68px 0px 0px; font:10px Verdana, Arial, Helvetica, sans-serif; color:#A0A0A0; letter-spacing:.5px; text-align:right;}
#copyright-text a img {text-decoration:none; vertical-align:text-bottom;}
/* END Containers */


/* Background + paddings */
#bg-top {width:840px; height:20px; background: url(../images/bg-top.jpg) top no-repeat;}
	
#header, 
#footer, 
#copyright {width:800px; padding:0px 20px; background: url(../images/bg-mid.jpg) repeat-y;}


/* Top or main Nav */
#nav {
	height:35px;
	margin:0px 20px;
	padding-left:98px;
	font:12px "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", Helvetica, Verdana, Arial, sans-serif;
	color:#FFFFFF;
	letter-spacing:0.25px;
	background-color:#3c3c3c;
	overflow:hidden;
	}

#nav ul#navlist {height:35px; margin:0; padding:0; list-style-type:none;}
#navlist li {display:inline; line-height:42px;}
#navlist a {padding:20px 7px; text-decoration:none;}
#navlist a:link, #navlist a:visited {color:#ffffff;}
#navlist a:hover, #navlist a:hover {color:#ffffff; background-color:#00694e;}
	
#nav-home {
	float:right;
	width:400px;
	height:20px;
	padding:24px 18px 0px 0px;
	font:11px Verdana, Arial, Helvetica, sans-serif;
	color:#3c3c3c;
	letter-spacing:.5px;
	text-align:right;
	vertical-align:bottom;
	}
	
#nav-home a {text-decoration:none;}
#nav-home a:link, #nav-home a:visited {color:#3c3c3c;}

#nav-home a:hover, #nav-home a:active {color:#00694e;}
#nav-home img a {cursor:pointer; cursor:default;}
#home a:link {background:url(../images/icon-home.gif) top no-repeat;}
#home a:visited {background:url(../images/icon-home.gif) top no-repeat;}
#home a:hover {background:url(../images/icon-home2.gif) top no-repeat;}
#home a:active {background:url(../images/icon-home2.gif) top no-repeat;}
#home a {width:19px; height:18px; font-size:16px; text-decoration:none; vertical-align:text-bottom;}

#nav #currentpage a {background:#00694e; color: #ffffff;}
/* END Nav */


/* Logo + Exclamation point */
#exclamation {
	position:absolute;
	top:20px;
	width:60px;
	padding-left:38px;
	}

#logo {
	float:left;
	width:202px;
	padding:37px 0px 0px 80px;
	}

/* END Logo + Exclamation point */