/*-------- subnav ----------*/
#left { background-color: #000; }
ul#subnav { list-style: none; margin: 0px; padding: 0px; position: absolute; top: 277px; left: 9px;}
ul#subnav li { margin-bottom: 10px; _margin-bottom: 5px; height: 7px; }
ul#subnav a { position: relative; display: block; height: 7px; text-indent: -1000em; background-position: 0px -7px; overflow:hidden; }
ul#subnav a:hover, #subnav em a { background-position: 0px 0px; }

ul#subnav a.sub1 { width: 120px; left: 76px; background-image: url(../images/portfolio/sub-sfd.gif); }
ul#subnav a.sub2 { width: 183px; left: 13px; background-image: url(../images/portfolio/sub-hdsfd.gif); }
ul#subnav a.sub3 { width: 145px; left: 51px; background-image: url(../images/portfolio/sub-mfmd.gif); }
ul#subnav a.sub4 { width: 50px; left: 146px; background-image: url(../images/portfolio/sub-mu.gif); }
ul#subnav a.sub5 { width: 137px; left: 59px; background-image: url(../images/portfolio/sub-rpb.gif);}
ul#subnav a.sub6 { width: 39px; left: 157px; background-image: url(../images/portfolio/sub-arc.gif); margin-top: 30px; }
ul#subnav a.sub7 { width: 60px; left: 136px; background-image: url(../images/portfolio/sub-ip.gif); }
ul#subnav a.sub8 { width: 75px; left: 121px; background-image: url(../images/portfolio/sub-dm.gif); }
/*----------- for the sub-subnav -------------*/
ul#sub2 { position: relative; _top: 10px; bottom: 0px; padding-bottom: 20px; _padding-bottom: 10px; }
ul#sub2 li {list-style: none; text-align: right;  position: relative; right: 20px; height: 7px; padding: 0px; margin:10px 0px 0px; _margin-top: 3px; width: 175px; }
ul#sub2 a { text-indent: 0; color: #ccc; text-decoration: none; font-size: 10px; height: 12px;}
ul#sub2 a:hover, #sub2 em a { color: #cd0000; }
ul#sub2 em { font-style:normal; }
/*----------- for content section of page - boxes ------------*/
#content li { font-size: 12px; line-height:135%; font-family: Tahoma,Arial, Helvetica, sans-serif; }
div#density-box { list-style: none; margin: 0px; padding: 0px; }
div.box-hdr { margin-top: 26px; display: block; text-indent: -1000em; height:33px; width: 580px; background-repeat: no-repeat; float: left;}
div#archive1 { margin-top: 0px; background-image:url(../images/portfolio/archive-sfd.gif); }
div#archive2 { background-image:url(../images/portfolio/archive-hdsfd.gif); }
div#archive3 { background-image:url(../images/portfolio/archive-mfmd.gif); }
div#archive4 { background-image:url(../images/portfolio/archive-mu.gif); }
div#archive5 { background-image:url(../images/portfolio/archive-rec.gif); }
div#archive6 { background-image:url(../images/portfolio/archive-dm.gif); }

/*-------- and formatting for the sections under the headers ---------*/
ul.density-sub { list-style: none; margin: 0px; padding: 0px; }
ul.density-sub li { text-indent: 0; margin-top: 1px; height: 73px; width: 290px; background-color: #151515; float: left;}
ul.density-sub li img { margin-left: 13px; margin-right: 24px; float: left; position: relative; top: 6px; border: 0px; }
ul.density-sub li p { margin: 0px; position: relative; top: 20px;  }
ul.density-sub li a { color: #9f9f9f; text-decoration: none; }
