/* -------<<<<<<< NAVIGATION >>>>>>>-------- */

/*_______ TOP LEVEL(PARENTS) _______ */
#navigation { background: url(http://www.cmdt.ca/images/menu-bg.jpg) repeat-x top left;vertical-align: top; position:absolute;z-index:1000;width:792px;}
* html #navigation {position:relative;margin-left:auto;margin-right:auto;text-align:center;}
/*#nav{position:relative;margin-left:auto;margin-right:auto;text-align:center;}*/
ul#nav { display: inline; margin: 0px; padding: 0px;  list-style: none;}
ul#nav li { float: right; position: relative; text-align: left; cursor: default; margin: 0px; padding: 0px; display: inline; height: auto; width: auto;zoom:1; }
ul#nav li a { text-align: left; color: #393939; font-size: 14px; margin: 0px; padding: 0px 0px 0px 0px; text-decoration: none; font-weight: normal;  display: block; }
ul#nav li a:hover {  color: #0896b8; text-decoration: none;}

/* _______ DROPDOWNS _______ */
ul#nav li ul li a, ul#nav li ul li a:active, ul#nav li ul li a:link, ul#nav li ul li a:visited { display: block; color: #ececec; margin: 0px; padding: 2px 2px 2px 12px ; text-align: left; font-weight: normal; font-size: 14px; border-bottom: 1px solid #b2b7c0; background: #000 url(../images/layout/nav_fill_left.gif) repeat-y left top;}
ul#nav li ul li a:hover { color: #990000; border-bottom: 1px solid #b2b7c0; background:  #ececec url(../images/layout/nav_fill_left.gif) repeat-y left top;  /*padding-left: 17px;*/}
ul#nav li ul { z-index:1000; display: none; position: absolute; font-weight: normal; background: #5b5b5b; padding: 0px; margin: 0px;  border: 1px solid #b2b7c0; }
ul#nav li>ul { margin: 0px; padding: 0px; }
ul#nav li li { display: block; float: none; margin: 0px; padding: 0px; border: 0px none;}
ul#nav li:hover ul,#nav li.over ul { display: block; margin: 0px; padding: 0px; }

/* _______ SHARED DROPDOWN SIZE AND POSITION _______ */
ul#nav li ul, #nav li li {width: 180px;} /* not limited to ems, px acceptable */
ul#nav li>ul {top: 100%; left: 1px;} /* to move top of dropdown down add padding to the bottom of "ul#nav li a" */
/* ie */ ul#nav li ul { left: 1px;}

/* _______ EXCEPTIONS _______ */
ul#nav li#last a { margin-right:12px;}
ul#nav li#last ul li a { margin-right: 0 !important;}/* CSS Document */

.home { background: url(http://www.cmdt.ca/images/cmdt-home.jpg) no-repeat; text-indent:-2000px; width:86px; height:29px; }
.home a:hover{ background: url(http://www.cmdt.ca/images/cmdt-home-over.jpg) no-repeat; text-indent:-2000px; width:86px; height:29px; }

.about { background: url(http://www.cmdt.ca/images/about-cmdt.jpg) no-repeat; text-indent:-2000px; width:101px; height:29px; }
#about a:hover{ background: url(http://www.cmdt.ca/images/about-cmdt-over.jpg) no-repeat; text-indent:-2000px; width:101px; height:29px; }

.residential { background: url(http://www.cmdt.ca/images/residential-concrete.jpg) no-repeat; text-indent:-2000px; width:123px; height:29px; }
#residential a:hover{ background: url(http://www.cmdt.ca/images/residential-concrete-over.jpg) no-repeat; text-indent:-2000px; width:123px; height:29px; }

.commercial { background: url(http://www.cmdt.ca/images/commercial-concrete.jpg) no-repeat; text-indent:-2000px; width:129px; height:29px; }
#commercial a:hover{ background: url(http://www.cmdt.ca/images/commercial-concrete-over.jpg) no-repeat; text-indent:-2000px; width:129px; height:29px; }

.lights { background: url(http://www.cmdt.ca/images/concrete-lights.jpg) no-repeat; text-indent:-2000px; width:127px; height:29px; }
#lights a:hover{ background: url(http://www.cmdt.ca/images/concrete-lights-over.jpg) no-repeat; text-indent:-2000px; width:127px; height:29px; }

.stamps { background: url(http://www.cmdt.ca/images/concrete-stamps.jpg) no-repeat; text-indent:-2000px; width:103px; height:29px; }
#stamps a:hover{ background: url(http://www.cmdt.ca/images/concrete-stamps-over.jpg) no-repeat; text-indent:-2000px; width:103px; height:29px; }

.contact { background: url(http://www.cmdt.ca/images/contact-cmdt.jpg) no-repeat; text-indent:-2000px; width:110px; height:29px; }
#contact a:hover{ background: url(http://www.cmdt.ca/images/contact-cmdt-over.jpg) no-repeat; text-indent:-2000px; width:110px; height:29px; }