1. so each slide has a diff post.
2. how do I select from a specific category of posts. so for example on one page the carousel only has the posts from category A. another page shows the posts from category B.

Code:
<div id="eng1stSlide" class="item active">
						<div class="span2">
							<img id="topImg" src="imgs/img01.jpg" alt="img01">
						</div>
						
							<div class="span7">
							<?php query_posts("post_per_page=3"); the_post(); ?>
							<h5><a href="<?php the_permalink(); ?>"><?php the_title(); ?></a></h5>
							<p><?php the_excerpt(); ?></p>
							<h6>J.D,Folger Engineer</h6>
							<a href="#slide01" data-toggle="modal">
							<button class="btn primary readMore"><a href="<?php the_permalink(); ?>">readMORE</button></a>
							</div>
							<div class="span3">
								<img id="btmImg" src="imgs/img02.jpg" alt="img02">
							</div>
						
						
					</div> <!-- end 1stcarousel item -->
					
					<div id="eSlide02" class="item">
						<div class="span2">
							<img src="imgs/img03.jpg" alt="img03">
						</div>
						<div class="span7">
						<?php query_posts("post_per_page=1"); the_post(); ?>
						<h5><a href="<?php the_permalink(); ?>"><?php the_title(); ?></a></h5>
						<p><?php the_excerpt(); ?></p>
						<h6>J.D,Folger Engineer</h6>
						<a href="#slide02" data-toggle="modal"><button class="btn primary readMore">Read More...</button></a>
						</div>
						
						<div class="span3">
							<img src="imgs/img04.jpg" alt="img04">
						</div>
					</div> <!-- end 2stcarousel item -->
					
					<div id="eSlide03" class="item">
						<div class="span2">
							<img src="imgs/img05.jpg" alt="img05">
						</div>
						<div class="span7">
						<?php query_posts("post_per_page=1"); the_post(); ?>
						<h5><a href="<?php the_permalink(); ?>"><?php the_title(); ?></a></h5>
						<p><?php the_excerpt(); ?></p>

						<h6>J.D,Folger Engineer</h6>
						<a href="#slide03" data-toggle="modal"><button  class="readMore"  class="btn primary readMore">Read More...
								</button></a>
						</div>
						<div class="span3">
							<img src="imgs/img06.jpg" alt="img06">
						</div>
					</div> <!-- end 3stcarousel item -->
					
					
				</div><!-- end carousel-inner div -->
				<a href="#engSlide" class="left carousel-control" data-slide="prev">&lsaquo;</a> 
				<a href="#engSlide" class="right carousel-control" data-slide="next">&rsaquo;</a>
			</div>	<!-- end main carousel div -->
		</div>
	</div>
</div>

Thank you
D