.bbb_head_logo { height:125px; background:url(src/bbb_logo.png) 15px 30px no-repeat;}

#navigation { margin: 1px 0 0 0; list-style: none; width: 230px; height:125px; background:transparent;}

#navigation li {
  float: left; background:transparent;
}

#navigation a * { display: none; }

#navigation a,
#navigation a .hover {
  height: 30px;
  margin: 0 0 1px 0;
  position: relative;
  display: block;
  background: url(src/bbb_nav.png) 0 0; }

/* individual navigation items */
#navigation a.home {
  background-position: 0 0px;
  width: 230px;
}

#navigation .highlight a.home:hover,
#navigation a.home .hover {
  background-position: 0px 60px;
  width: 230px;
}

#navigation .selected a.home,
#navigation .selected a.home .hover {
  background-position: 0px 30px;
  width: 230px;
}

#navigation a.about {
  background-position: -230px 0px;
  width: 230px;
}

#navigation .highlight a.about:hover,
#navigation a.about .hover {
  background-position: -230px 60px;
}

#navigation .selected a.about,
#navigation .selected a.about .hover {
  background-position: -230px 30px;
  width: 230px;
}

#navigation a.services {
  background-position: -460px 0px;
  width: 230px;
}

#navigation .highlight a.services:hover,
#navigation a.services .hover {
  background-position: -460px 60px;
}

#navigation .selected a.services,
#navigation .selected a.services .hover {
  background-position: -460px 30px;
  width: 230px;
}

#navigation a.portfolio {
  background-position: -690px 0px;
  width: 230px;
}

#navigation .highlight a.portfolio:hover,
#navigation a.portfolio .hover {
  background-position: -690px 60px;
}

#navigation .selected a.portfolio,
#navigation .selected a.portfolio .hover {
  background-position: -690px 30px;
  width: 230px;
}

#navigation a.news {
  background-position: -920px 0px;
  width: 230px;
}

#navigation .highlight a.news:hover,
#navigation a.news .hover {
  background-position: -920px 60px;
}

#navigation .selected a.news,
#navigation .selected a.news .hover {
  background-position: -920px 30px;
  width: 230px;
}

#navigation a.contact {
  background-position: -1150px 0px;
  width: 230px;
}

#navigation .highlight a.contact:hover,
#navigation a.contact .hover {
  background-position: -1150px 60px;
}

#navigation .selected a.contact,
#navigation .selected a.contact .hover {
  background-position: -1150px 30px;
  width: 230px;
}

#flashcontent  {
	position: absolute;
	top: 0;
	left: 0;
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
	}


.page_gap { float:left; height:114px; width:100%;}

.footback {float: left; width: 921px; height: 80px; margin:0px 0; padding: 20px 0px 0px 20px; background-color:#000000;}
.footback a , 
.footback a:link  { margin:0px 0 0 0; color: #ffffff; text-decoration: none;}
.footback a:focus, 
.footback a:hover  { color: #26c4f5;  text-decoration: none; background: #ffffff;}

.footback span a , 
.footback span a:link  { margin:0px 0 0 0; color: #969696; text-decoration: none; background: transparent;}
.footback span a:focus, 
.footback span a:hover  { color: #000000;  text-decoration: none; background: #969696; }

.mudpic { float: left;width: 100%; height:125px; background:url(src/mud.jpg) 0px 0px no-repeat;}
.pigpic { float: left;width: 100%; height:125px; background:url(src/pig.jpg) 0px -150px;}

.portfolio-item { float: left; width: 630px; background-color: transparent ; }

.image-fader { float: left; width: 630px; height: 310px; margin:10px 0 10px 0; }
.image-wrap { float: left; width: 630px; height: 290px; overflow: hidden; }
.image-controls { float: left; width: 630px; height: 20px; background-color: transparent ;}
.image-controls span { color: #000000; }
.image-controls span a,
.image-controls span a:link { color: #000000; font-size:.8em;margin-bottom:0em;padding:0 1em 0 1em;font-weight:bold;text-decoration: none;background-color: #ff8f00;}
.image-controls span a:hover,
.image-controls span a:focus { color:#000000;background-color: #26c4f5;}
.image-controls-alpha { float: left; width: 0px; margin: 0px 0 0 0px; }
.image-controls-beta { float: left; width: 150px; margin: 0px 0px 0 0; text-align: left; }

#nc1{
width: 390px;
float: left;
list-style: none ;
text-decoration: none ;
display: inline;
overflow: hidden;}

#nc1box{
margin: 0px 0px 0px 0px;
padding: 0px;
list-style: none;
display: inline;
overflow: hidden;}
	
#nc1box li{
margin: 0px 0px 0px 0px;
padding: 0px 0 0 0;
list-style: none;
display: inline;
overflow: hidden;
text-indent: -5000px;}
	
#nc1box a{	
color: #418A9B;
font: bold 10px/10px helvetica, sans-serif;
width: 390px;
height: 51px;
list-style: none;
text-decoration: none;
float: left;
padding: 0px 0 0 0;
overflow: hidden;}
	
#nc1box a:hover{
background-position: 0px 51px;}
	
#nc1box a:active, #nc1box a.selected{
background-position: 0px 51px;}

#brochure{
width: 390px;
height: 70px;
margin: 0px 0 0 0px;
float: left;
list-style: none ;
text-decoration: none ;
display: inline;
overflow: hidden;}

#brochurebutton a {
background: transparent url(src/bbb_website_planner.png);}

#howweworkbutton a {
background: transparent url(src/bbb_how_we_work.png);}

#newsdec09button a {
background: transparent url(src/bbb_news_dec_09.jpg);}