@CHARSET "UTF-8";

* { margin: 0; padding: 0; }
body { font: normal 10px/1.3em tahoma, arial, helvetica, sans-serif; color: #000; background: #bfbfbf; }
a { text-decoration: underline; color: #005fca; }
a:hover { text-decoration: none; }

#container { width: 1000px; margin: 0 auto; } 

#header { float: left; padding: 0 40px; background: white url("../images/body.png") 0 0 repeat-x; }

#header-logo { width: 199px; height: 119px; float: left; }
#header-logo { width: 199px; height: 119px; background: url("../images/header-logo.png") 0 0 no-repeat; }   
#header-logo a { display: block; width: 100%; height: 100%; text-indent: -10000px; overflow: hidden; }

#header-top-menu { height: 21px; }
#header-top-menu ul { display: block; height: 21px; list-style: none; }
#header-top-menu ul li { display: block; float: left; padding: 2px 25px 0 0; }
#header-top-menu ul li a { font-weight: bold; color: white; text-decoration: underline; }
#header-top-menu ul li.selected a { color: #b9b9b9; text-decoration: none; }

#header-main-menu { width: 720px; padding: 0 0 0 1px; float: right; background: url("../images/header-main-menu.png") 0 0 no-repeat; }
#header-main-menu ul { display: block; height: 59px; list-style: none; }
#header-main-menu ul li { display: block; float: left; height: 59px; }
#header-main-menu ul li a { display: block; height: 59px; text-indent: -10000px; overflow: hidden; background-position: 0 0; background-repeat: no-repeat;  }
#header-main-menu ul li a:hover { background-position: 0 -59px; }
#header-main-menu ul li.home a { width: 66px; background-image: url("../images/header-main-menu-home.png"); }
#header-main-menu ul li.client-services a { width: 133px; background-image: url("../images/header-main-menu-client-services.png"); }
#header-main-menu ul li.helpful-facts a { width: 125px; background-image: url("../images/header-main-menu-helpful-facts.png"); }
#header-main-menu ul li.methods-and-containers a { width: 192px; background-image: url("../images/header-main-menu-methods-containers.png"); }
#header-main-menu ul li.about a { width: 91px; background-image: url("../images/header-main-menu-about-us.png"); }
#header-main-menu ul li.downloads a { width: 113px; background-image: url("../images/header-main-menu-downloads.png"); }
#header-main-menu ul li.selected a { background-position: 0 -59px; }

#main { float: left; padding: 0 40px 1px 40px; background: white; overflow: visible; }

#banner { float: right; width: 720px; height: 120px; margin: -60px 0 0 0; padding: 0; position: relative; z-index: 1; }
#banner h2 { width: 100%; height: 100%; margin: 0; padding: 0; text-indent: -10000px; overflow: hidden; background-position: 0 0; background-repeat: no-repeat;  }
	
#left-col { float: left; width: 199px; padding: 0 1px 0 0; }
#main-col { float: left; width: 550px; }
#right-col { float: right; width: 170px; min-height: 450px; _height: 450px; background: url("../images/right-col.png") 0 0 no-repeat; }

#left-menu { display: block; float: left; width: 100%; background: #0572ab url("../images/left-menu.png") 0 0 repeat-x; }
#left-menu ul { display: block; float: left; padding: 20px 20px 0 20px; list-style: none; font-size: 120%; }
#left-menu ul li { display: block; float: left; width: 100%; clear: both; padding: 0 0 20px 0; }
#left-menu ul li a { display: block; float: left; padding: 0 0 0 10px; color: white; font-weight: bold; background: url("../images/left-menu-item.gif") 0 3px no-repeat; }
#left-menu ul li.selected a { color: #7ffdfe; font-weight: normal; text-decoration: none; }

#helpful-facts { display: block; float: left; background: #0548ab; font-size: 110%; }
#helpful-facts .title { height: 39px; text-indent: -10000px; overflow: hidden; background: url("../images/helpful-facts-title.png") 0 0 no-repeat; }
#helpful-facts .content { padding: 20px 20px 0 20px; color: white; }
#helpful-facts .content p { margin: 0 0 20px 0; }
#helpful-facts .more { padding: 0 20px 20px 20px; text-align: right; }
#helpful-facts .more a { padding: 0 15px 0 0; font-weight: bold; color: white; background: url("../images/learn-more.gif") 100% 3px no-repeat; }

#breadcrumb { display: block; float: left; padding: 10px 20px 0 20px; }
#breadcrumb ul { display: block; float: left; list-style: none; }
#breadcrumb ul li { display: block; float: left; }
#breadcrumb ul li a { font-weight: normal; color: #005fca; padding: 0 18px 0 0; background: url('../images/breadcrumb-item.gif') 100% 50% no-repeat; }
#breadcrumb ul li span { font-weight: bold; color: #aaaaaa; }

#content { display: block; float: left; clear: both; width: 490px; padding: 20px 30px 20px 30px; }

#contact { padding: 20px 0 25px 20px; border-bottom: 1px solid #e8e8e8; }
#contact .title { height: 11px; text-indent: -10000px; overflow: hidden; background: url("../images/contact-title.png") 0 0 no-repeat; }
#contact .content p { margin: 18px 0 0 0; font-weight: bold; color: black; }
#contact .content p span { font-weight: normal; color: #8e8e8e; }
#contact .content p a { font-weight: normal; color: #005fca; }

#get-a-quote { padding: 20px 0 20px 20px; }
#get-a-quote .title { height: 12px; text-indent: -10000px; overflow: hidden; background: url("../images/get-a-quote-title.png") 0 0 no-repeat; }
#get-a-quote .more { padding: 10px 0 0 0; }
#get-a-quote .more a { display: block; float: right; width: 71px; height: 22px; text-indent: -10000px; overflow: hidden; background: url("../images/get-a-quote-more.png") 0 0 no-repeat; }
	
#footer { clear: both; height: 100px; padding: 10px 40px 0 40px; background: url("../images/footer.png") 0 0 no-repeat; }
#footer a { text-decoration: underline; }
#footer a:hover { text-decoration: none; }

#footer-menu { float: left; height: 40px; }
#footer-menu ul { display: block; list-style: none; }
#footer-menu ul li { display: block; float: left; padding: 2px 25px 0 0; }
#footer-menu ul li a { color: #005fca; }
#footer-menu ul li.selected a { color: #7e7e7e; text-decoration: none; }

#footer-logo { float: right; }
#footer-logo a { display: block; width: 138px; height: 34px; text-indent: -10000px; overflow: hidden; background: url("../images/footer-logo.png") 0 0 no-repeat; }

#footer-copyright { float: left; clear: both; padding: 12px 0 0 0; color: #4c4c4c; }

#footer-credits { float: right; padding: 12px 0 0 0; color: #4c4c4c; }
#footer-credits a { color: #4c4c4c; }