/* nav_sub */

#branding_sub {
float: left;
width: 796px;
background: #8098B0 url(../gfx/bbe_tile_blue.gif) repeat-x top left;
border: 2px solid #FFF;
border-top: none; }

* html #branding_sub {
width: 800px; }

#branding_sub h2 {
float: left;
width: 169px;
height: 60px;
background: url(../gfx/nav_about/bbe_about.gif) no-repeat top left;
text-indent: -9999px; }


/* content_main */

#content {
float: left;
width: 796px;
padding: 0 0 40px 0;
background: #8098B0 url(../gfx/bbe_content_grad_dark.gif) repeat-x top left;
border-left: 2px solid #FFF;
border-right: 2px solid #FFF; }

* html #content {
width: 800px; }

#content_text {
float: left;
width: 266px;
margin: 20px 2px 0 20px;
padding: 5px 0 0 0;
background: url(../gfx/bbe_content_grad_light.gif) repeat-x top left;;
display: inline; /* fixes IE/Win double margin bug */ }

#content h3 {
clear: both;
width: 266px; }

#content_text h3.profile {
width: 266px;
height: 31px;
background: url(../gfx/about_images/bbe_company_profile.gif) no-repeat top left;
text-indent: -9999px; }

#content p {
width: 242px;
padding: 0 12px 12px 12px;
font-size: 100%;
line-height: 1.5em; }

* html #content p {
width: 266px;
font-size: 80%; /* for IE5/Win */ }



/* content image */

#content_image {
float: right;
width: 480px;
height: 350;
margin: 20px 20px 0 0; 
display: inline; /* fixes IE/Win double margin bug */ }

#image_01 { position: absolute; z-index: 1; }
#image_02 { position: absolute; z-index: 2; visibility: hidden; }
#image_03 { position: absolute; z-index: 3; visibility: hidden; }
#image_04 { position: absolute; z-index: 4; visibility: hidden; }
#image_05 { position: absolute; z-index: 5; visibility: hidden; }
#image_06 { position: absolute; z-index: 5; visibility: hidden; }




/* project nav */

#content_nav {
float: right;
width: 470px;
margin: 0 20px 0 0;
padding: 5px;
background: #A6B7C8;
display: inline; /* fixes IE/Win double margin bug */ }

* html #content_nav {
width: 480px; }

#content_nav_list {
float: right; }

#content_nav_list li {
float: left;
font-size: 100%;
text-align: center; }

* html #content_nav_list li {
font-size: 90%; }

#content_nav_list a {
float: left;
display: block;
margin: 0 1px;
padding: 0 8px;
color: 222;
text-decoration: none;
background: #C0CCD8;
display: inline; /* fixes IE/Win double margin bug */ }

#content_nav_list a:hover { 
background: #8098B0; }



/* footer */

#footer {
clear: both;
width: 796px;
border: 2px solid #FFF;
background: #D9DADC url(../gfx/bbe_gray_footer.gif) repeat-x top left; }

* html #footer {
width: 800px; }

#footer p {
padding: 16px 10px 10px 10px;
font-size: 80%;
text-indent: 12px; }

* html #footer p {
font-size: 70%; }