/*--------- 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; left: 10px; _left: 0px; height: 7px; padding: 0px; margin:10px 0px 0px; _margin-top: 3px;}
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; }

/*------------ content area -----------*/
/*---------- for landing pages ---------*/
#content { width: 591px; text-align: left; }
#content ul { margin: 0px; padding: 0px;}
#content li {
	display: block; width: 187px; 
	list-style: none; float: left;
	height: 180px; margin-bottom: 27px; _margin-bottom: 16px; margin-right: 10px;
}
#content li a {
	color: #ccc; text-decoration: none;
	display: block; height: 10px; line-height: 110%;
}
#content a img { border: none; }

/*---------- for details pages ---------*/
div#center { line-height: 130%; color:#969696; float: left;}
div#center img#center-pic{ background: #000000 url('../images/throbber.gif') no-repeat center center; }
div#center p {  text-align: right; max-width: 485px;}
div#center strong { text-transform:uppercase; color: #fff; font-weight: normal; }
div#thumbs { position:absolute; right: 10px; top: 0px; width: 85px; margin: 0px; padding: 0px; line-height:100%; }
div#thumbs img { border: 0px; padding: 0px; margin: 0px 0px 9px; cursor:pointer;}
div#thumbs a { display: block; }