/* CSS FOR BORMET - PROJECTS */
/* ------------------------- */

#jCarouselCont { float: left; position: relative; width: 900px; height: 172px; }
#jCarouselCont .carousel { padding: 0; margin: 0px; position: relative; }
#jCarouselCont .carousel button { /*Don't remove this. we still use this for individual demos. only the front pages use images as of now*/ float: left; }              
#jCarouselCont .carousel a.prev, #jCarouselCont .carousel a.next { display: block; display: none; position: absolute; top: 75px; left: 25px; width: 22px; height: 22px; text-decoration: none; background: url("../images/imageNavLeft.png") top left no-repeat; }
#jCarouselCont .carousel a.next { background: url("../images/imageNavRight.png") top left no-repeat; left: 853px; }
#jCarouselCont .carousel a.next:hover {	background-image: url("../images/imageNavRightHover.png"); }
#jCarouselCont .carousel a.prev:hover {	background-image: url("../images/imageNavLeftHover.png"); }    
#jCarouselCont .carousel a:hover, #jCarouselCont .carousel a:active { border: none;	outline: none; } 
#jCarouselCont .carousel .jCarouselLite { float: left; width: 900px; /* Needed for rendering without flicker */
	position: relative;
	visibility: hidden;
	left: -5000px;
}
#jCarouselCont .carousel ul { margin: 0; }
#jCarouselCont .carousel li, #jCarouselCont .carousel li img, #jCarouselCont .carousel li p { background-color: #000; width: 300px; height: 172px; }            
#jCarouselCont .vertical .jCarouselLite {   /* so that in IE 6, the carousel div doesnt expand to fill the space */
	width: 300px;
}

div#project_catnavigation{ position: absolute; top: 0px; left: 0px; width: 900px; height: 55px; background: url('../images/bg_product_catnavigation.png') no-repeat top left; }
* html body div#project_catnavigation { background: url('../images/bg_product_catnavigation.jpg') no-repeat top left;  }
div#project_catnavigation div.project_currentcat { position: absolute; top: 14px; left: 30px; font-family: Helvetica, Trebuchet MS, sans-serif; font-size: 16px; color: #FFF; text-transform: uppercase;}
div#project_catnavigation div.project_othercats { position: absolute; top: 16px; right: 16px; color: #FFF; font-weight: normal; text-transform: uppercase; font-family: Helvetica, Trebuchet MS, sans-serif; }
div#project_catnavigation div.project_othercats a { color: #FFF; text-decoration: none; }

div.projects p { margin: 0px; }
div.projects ul {	margin: 15px 0; padding: 0px; list-style: none; }
div.projects ul li { padding: 0px 0 2px 12px; list-style: none;	background: url("../images/bg_ul_li.gif") no-repeat 0 5px; }
div.projects ol { margin: 15px 0 15px 25px; padding: 0px; list-style-position: outside; }

div.projects div#project-info { width: 360px; margin: 0px; float: left; }
div.projects div#project-info h3 { background: url("../images/bg_h1.gif") no-repeat bottom left; margin: 0 0 18px 0; padding: 0 0 15px 0; font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif; font-size: 20px; color: #000; }

/*div.projects div#project-specs div.specs { padding: 10px 0; }*/
div.projectimage { float: left; width: 215px; margin: 35px 0 0 0; text-align: right; }
div.projectimage img { border: 2px solid #2B2B2B; margin: 0 0 6px 0; }
div.projectimage a.show_projectimages { font-size: 10px; background: url('../images/bg_show_projectimages.gif') no-repeat top left; padding: 3px 0 2px 25px; margin: 0 45px 0 0; text-transform: uppercase; text-decoration: none; }
div.projectimage a.show_projectimages:hover { text-decoration: underline; }