/* 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_projects/bbe_projects.gif) no-repeat top left;
text-indent: -9999px; }




/* content_main */

#content {
float: left;
width: 796px;
background: #8098B0;
border-left: 2px solid #FFF;
border-right: 2px solid #FFF; }

* html #content {
width: 800px; }

#content_main {
float: left;
width: 554px;
border-right: 2px solid #FFF;
background: #FFF url(../gfx/bbe_content_grad_dark.gif) repeat-x top left; }

* html #content_main {
width: 556px; }




/* project main */

#project_main {
float: left;
width: 514px; 
margin: 20px; 
display: inline; /* fixes IE/Win double margin bug */ }

#project_image {
float: left;
width: 514px;
height: 310; }

#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: 6; visibility: hidden; }
#image_07 { position: absolute; z-index: 7; visibility: hidden; }
#image_08 { position: absolute; z-index: 8; visibility: hidden; }
#image_09 { position: absolute; z-index: 9; visibility: hidden; }
#image_10 { position: absolute; z-index: 10; visibility: hidden; }
#image_11 { position: absolute; z-index: 11; visibility: hidden; }
#image_12 { position: absolute; z-index: 12; visibility: hidden; }
#image_13 { position: absolute; z-index: 13; visibility: hidden; }




/* project nav */

#project_nav {
float: left;
width: 504px;
padding: 5px;
background: #A6B7C8; }

* html #project_nav {
width: 514px; }

#project_nav_list {
float: right; }

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

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

#project_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 */ }

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




/* project info */

#project_info {
float: left;
width: 514px;
font-size: 90%;
line-height: 1.5em; }

* html #project_info {
font-size: 80%; /* for IE5/Win */ }

#project_info dl {
float: left;
width: 514px;
margin: 10px 0 0 0; }

#project_info dt {
float: left;
width: 150px;
margin: 2px 0 0 0;
padding: 5px;
background: #C0CCD8; }

* html #project_info dt {
width: 160px; }

#project_info dt.head {
float: left;
width: 504px;
padding: 10px 5px;
font-size: 150%;
font-weight: normal; 
background: #A6B7C8; }

* html #project_info dt.head {
width: 514px;
font-size: 130%; /* for IE5/Win */
font-weight: bold; }

#project_info dt.title {
float: left;
width: 504px;
margin: 2px 0 0 0;
padding: 5px;
background: #A6B7C8; }

* html #project_info dt.title {
width: 514px; }

#project_info dt.notes {
float: left;
width: 504px;
padding: 5px 5px 15px 5px;
margin: 2px 0 0 0;
background: #C0CCD8; }

* html #project_info dt.notes {
width: 514px; }

#project_info dt.map {
height: 250px; }

* html #project_info dt.map {
height: 263px; }

#project_info dt.notes p {
width: 375px; }

#project_info dd {
float: right;
width: 344px;
padding: 5px;
margin: 2px 0 0 0;
background: #C0CCD8; }

* html #project_info dd {
width: 354px; }

#project_info dd.web {
text-indent: 14px;
background: #C0CCD8 url(../gfx/bbe_arrow_gray.gif) no-repeat 5px 50%; }

#project_info a {
color: #222;
text-decoration: none; }

#project_info a:hover {
color: #B40008;
text-decoration: underline; }




/* content_sub */

#content_sub {
float: right;
width: 220px;
padding: 20px 0 20px 20px; }

* html #content_sub {
width: 239px; }

#content_sub h3 {
width: 200px;
height: 31px;
text-indent: -9999px; }

#content_sub li {
font-size: 90%;
text-indent: 14px;
line-height: 1.75em;
background: url(../gfx/bbe_arrow_gray.gif) no-repeat 0 50%; }

* html #content_sub li {
font-size: 80%; /* for IE5/Win */ }

#content_sub a {
color: #222;
text-decoration: none; }

#selected a {
color: #B40008;
text-decoration: none; }

#content_sub a:hover {
color: #B40008;
text-decoration: underline; }




/* 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%; }