/* Profile IT Style Sheet */

/* last update: 19 December 2007 */

/* copyright 2007 Full Cream Milk */

body {
   font : normal small Arial, "Corbel", Tahoma, "Lucida Grande", "Bitstream Vera Sans", Arial, Helvetica, sans-serif;
   line-height : 140%;
   color : #000;
   background : #fff;
}

a:link, a:visited {
   text-decoration : none;
   color : #00628e;
}

a:hover, a:focus, a:active {
   text-decoration : underline;
}

h1, h2, h3, h4 {
   margin-bottom : 0.25em;
   font-weight : normal;
   line-height : 125%;
}

h1 {
   font-size : 200%;
}

.home h1, p#logo {
   margin-bottom : 24px;
   padding-top : 24px;
   border-top : 6px solid #007ab2;
   width : 228px;
   height : 71px;
   background : #fff url(/i/logo.png) no-repeat 50% 100%;
   text-indent : -10000em;
   line-height : 0;
   font-size : 0;
}

h2 {
   font-size : 167%;
}

h1#heading, h2#heading {
   height : 40px;
   text-indent : -10000em;
   margin-left : 276px;
   position : relative;
   z-index : 10;
   margin-bottom : 0;
   border-bottom : 1px dotted #666;
   width : 470px;
}

.home h2#heading {
   background : transparent url(/i/h2-home-trans.png) no-repeat 0 0;
}

.services h1#heading {
   background : transparent url(/i/h1-services-trans.png) no-repeat 0 0;
}

.configuration h1#heading {
   background : transparent url(/i/h1-config-trans.png) no-repeat 0 0;
}

.professional h1#heading {
   background : transparent url(/i/h1-pro-trans.png) no-repeat 0 0;
}

.wastedisposal h1#heading {
   background : transparent url(/i/h1-waste-trans.png) no-repeat 0 0;
}

.financial h1#heading {
   background : transparent url(/i/h1-financial-trans.png) no-repeat 0 0;
}

.casestudies h1#heading {
   background : transparent url(/i/h1-casestudies-trans.png) no-repeat 0 0;
}

.about h1#heading {
   background : transparent url(/i/h1-about-trans.png) no-repeat 0 0;
}

.careers h1#heading {
   background : transparent url(/i/h1-careers-trans.png) no-repeat 0 0;
}

.contact h1#heading {
   background : transparent url(/i/h1-contact-trans.png) no-repeat 0 0;
}

.terms h1#heading {
   background : transparent url(/i/h1-terms-trans.png) no-repeat 0 0;
}

h3 {
   font-size : 140%;
   margin-bottom : 0.33em;
}

li h3 {
   font-size : 100%;
   font-weight : bold;
   margin-bottom : 0;
}

img#advertising {
   border : 1px solid #666;
   position : absolute;
   top : 30px;
   right : 24px;
   z-index : 10;
}

img.illus-l {
   position : relative;
   left : -20px;
   background : #fff;
   padding : 3px;
   border : 1px solid #00628e;
   float : left;
   margin-bottom : 6px;
}

img.illus-r {
   position : relative;
   left : 20px;
   background : #fff;
   padding : 3px;
   border : 1px solid #00628e;
   float : right;
   margin-bottom : 6px;
}

li {
   margin-bottom : 1em;
}

ol, p, ul {
   margin-bottom : 1em;
}

p.study {
   padding-bottom : 1em;
   border-bottom : 1px dotted #999;
}

table {
   border-spacing : 4px;
}

td, th {
   padding : 2px;
}

th {
   font-weight : bold;
   border-bottom : 2px solid #666;
}

ul {
   margin-left : 14px;
   list-style-type : disc;
}

ul#logos {
   margin-left : -24px;
   list-style : none;
   height : 81px;
}

ul#logos li {
   float : left;
   height : 81px;
   width : 50px;
   margin : 0 0 1em 9px;
   display : inline;
}

ul#logos li#hp {
   width : 100px;
   margin-left : 24px;
}

ul#pdf {
   list-style : none;
   margin-left : 0;
}

ul#pdf li {
   padding-left : 20px;
   background : #fff url(/i/pdf.png) no-repeat 0 50%;
}

/* ============ main columns ============ */

/* ============ generic container for grid ============ */

.container {
   width : 770px;
   margin : 0 auto;
   display : block;
   position : relative;
}

/* ============ page sections ============ */

div#content {
   width : 518px;
   float : right;
   margin : -166px 0 48px;
}

p#lede {
   padding : 205px 24px 24px;
   font-size : 175%;
   line-height : 1.5;
   position : relative;
   z-index : 1;
}

.home p#lede {
   background : transparent url(/i/bg-home.jpg) no-repeat 50% 100%;
}

.services p#lede {
   background : transparent url(/i/bg-services.jpg) no-repeat 50% 100%;
}

.configuration p#lede {
   background : transparent url(/i/bg-config.jpg) no-repeat 50% 100%;
}

.professional p#lede {
   background : transparent url(/i/bg-pro.jpg) no-repeat 50% 100%;
}

.wastedisposal p#lede {
   background : transparent url(/i/bg-waste.jpg) no-repeat 50% 100%;
}

.financial p#lede {
   background : transparent url(/i/bg-financial.jpg) no-repeat 50% 100%;
}

.casestudies p#lede {
   background : transparent url(/i/bg-case.jpg) no-repeat 50% 100%;
}

.about p#lede {
   background : transparent url(/i/bg-about.jpg) no-repeat 50% 100%;
}

.careers p#lede {
   background : transparent url(/i/bg-careers.jpg) no-repeat 50% 100%;
}

.contact p#lede {
   background : transparent url(/i/bg-contact.jpg) no-repeat 50% 100%;
}

.terms p#lede {
   background : transparent url(/i/bg-terms.jpg) no-repeat 50% 100%;
}

div#cd {
   background : #7fbcd8 url(/i/contact-bg-top.gif) no-repeat 50% 0;
   width : 470px;
   margin-bottom : 24px;
}

.home p#contact-details {
   font-size : 175%;
   text-align : center;
   padding : 24px;
   width : 422px;
   margin : 0 auto;
   background : transparent url(/i/contact-bg-bottom.gif) no-repeat 50% 100%;
   position : static;
}

p#contact-details {
   font-size : 167%;
   text-align : left;
   padding : 0;
   width : auto;
   margin : 0;
   background-image : none;
   position : absolute;
   top : 30px;
   right : 24px;
   line-height : 1.1em;
   z-index : 15;
}

div#main {
   padding : 0 24px;
}

div#address {
   float : left;
   width : 211px;
}

div#tel-fax-email {
   float : right;
   width : 211px;
}

div#map {
   width : 470px;
   height : 353px;
   border : 1px solid #666;
}

/* ============ home page specifics ============ */

ul#news {
   position : relative;
   list-style : none;
   margin-left : 0;
   width : 470px;
   padding-right : 0;
}

ul#news li.even {
   margin-right : 0;
}

ul#news li {
   width : 223px;
   float : left;
   margin-right : 24px;
   font-size : 85%;
}

ul#news h3 {
   font-weight : bold;
   font-size : 110%;
   margin-bottom : 0;
}

ul#news p {
   font-size : 115%;
}

/* ============ footer ============ */

div#footer {
   color : #999;
   font-size : 85%;
   border-top : 1px dotted #7fbcd8;
   padding-top : 6px;
   position : relative;
   margin-bottom : 24px;
   clear : both;
}

#footer a:link, #footer a:visited {
   color : #999;
   font-weight : bold;
}

#footer a:hover, #footer a:focus, #footer a:active {
   text-decoration : underline;
}

#footer ul {
   list-style : none;
   margin-left : 0;
}

#footer li {
   float : left;
   margin-bottom : 0;
   padding : 0 6px;
   border-right : 1px solid #999;
}

#footer li:first-child {
   padding-left : 0;
}

#footer li:last-child {
   border-right-width : 0;
}

#footer p {
   clear : both;
}

p.adr {
   margin-bottom : 0;
}

p#copy {
   width : 48%;
   float : left;
}

p#fcm {
   float : right;
   clear : none;
   text-align : right;
   width : 50%;
}

/* ============ navigation ============ */

ul#nav-main {
   list-style : none;
   float : left;
   width : 228px;
   margin : -36px 0 0 0;
   background : #7fbcd7 url(/i/nav-bg.gif) no-repeat 50% 100%;
   padding-bottom : 12px;
   font-size : 115%;
   font-weight : bold;
   border-top : 6px solid #007ab2;
}

ul#nav-main li {
   margin : 0;
   padding : 0;
   clear : both;
   border-top : 1px dotted #bfdeec;
   border-bottom : 1px dotted #00628e;
}

ul#nav-main li.first {
   border-top-width : 0;
}

ul#nav-main li.last {
   border-bottom-width : 0;
}

ul#nav-main li.selected {
   padding : 8px 24px;
   display : block;
   background : #007ab2;
   color : #fff;
}

ul#nav-main li a:link, ul#nav-main li a:visited {
   padding : 8px 24px;
   display : block;
   width : 180px;
}

ul#nav-main li a:hover, ul#nav-main li a:focus, ul#nav-main li a:active {
   background : #bfdeec;
   color : #00496b;
   text-decoration : none;
}

ul#nav-main .sub {
   list-style : none;
   width : 228px;
   background : #007ab2;
   margin : 0 0 0 -24px;
   font-weight : normal;
   float : left;
}

ul#nav-main .no-sel {
   margin-top : 6px;
}

ul#nav-main .sub li {
   border-top : 1px dotted #7fbcd8;
   border-bottom : 1px dotted #00496b;
   background : #3f9bc5;
}

ul#nav-main .sub li.selected {
   background : #007ab2;
}

ul#nav-main .sub li.first {
   padding-top : 6px;
}

.submenu #nav-main .sub {
   margin-left : 0;
}

ul#nav-main .sub li a {
   color : #003147;
   display : block;
}

ul#nav-main .sub li a:hover {
   color : #fff;
   background : #00628e;
}