#main
{
	background: #000 url(../images/template/main-bg.jpg) no-repeat left bottom;
	overflow: auto;
	padding: 0px 0px 100px 0px;
	width: 755px;
}
#main a img { border: 0px; }

#main, #main p, #main td { color: #fff; }
#breadcrumbs{
	width: 755px;
	height: 17px;
	padding-bottom: 5px;
	border-top: 3px solid #0057AA;
}
#breadcrumbs #white_border{
	background: url(../images/assets/breadcrumb_edge.png) #FFF no-repeat top right;
	width: 65%;
	font-size: 10px;
	float: left;
	height: 17px;
}
#breadcrumbs #white_border div{
	padding-left: 5px;
}
#breadcrumbs #page_title{
	background-color: #0057AA;
	font-size: 14px;
	font-weight: bold;
	color:#fff;
	text-transform:uppercase;
	width: 35%;
	float: right;
	height: 17px;
	
}
#breadcrumbs #page_title div{
	padding-left: 85px;
}
#content
{
	float: left;
	height: 500px;
	width: 505px;
}
#panel
{
	background: url(../images/home/panel-bg.jpg) no-repeat left top;
	height: 105px;
	padding: 10px;
}


#panel h2
{
	background: url(../images/home/why-bg.jpg) no-repeat left top;
	height: 17px;
	margin-bottom: 10px;
}
#panel h2 span{ display: none; }

#aside
{
	float: left;
	margin-left: 14px;
	width: 236px;
	background:url(../images/assets/sprites_banner.jpg) top right no-repeat #000;
}
#aside a
{
	margin-bottom: 8px;
	display: block;
}
#aside div
{
	overflow: auto;
}
#aside div a
{
	float: left;
	margin-left: 8px;
}
#promo-nav
{
	list-style: none;
	overflow: hidden;
	margin: 0px;
	padding: 0px;
}
#promo-nav li
{
	background: url(../images/template/nav-sprite-bg.png) no-repeat right bottom;
	float: left;
	padding-right: 18px;
	margin-left: 2px;
}

#promo-nav li.first-child { margin-left: 0px; }

#promo-nav li div
{
	background: url(../images/template/nav-sprite-bg.png) no-repeat left bottom;
	padding-left: 18px;
}

#promo-nav li div a
{
	background: url(../images/template/nav-bg.png) repeat-x right bottom;
	display: -moz-inline-box;
	display: inline-block;
	_display: inline;
	_zoom: 1;	
	
	/*
	http://www.aaronrussell.co.uk/blog/cross-browser-support-for-inline-block/
	http://blog.mozilla.com/webdev/2009/02/20/cross-browser-inline-block/
	*/
	vertical-align: middle;
	line-height: 26px;
	
	color: #fff;
	font-weight: bold;
	height: 34px;
	text-align: center;
	text-decoration: none;
}
#promo-nav li div a:active
{
	outline: none;
}
#banner
{	
	background: url(../images/home/bannner.jpg) no-repeat left top;
	height: 277px;
	margin-bottom: 7px;
	margin-top: 16px;
}
#flashplaceholder
{	
	margin: 5px 0 0 10px;
	height: 377px;
}
.left_frame{
	background-color: #97AFCB;
	padding: 5px;
	float: left;
	margin-right: 10px;
}
.right_frame{
	background-color: #97AFCB;
	padding: 5px;
	float: right;
	margin-right: 10px;
}
.blurb_bubble{
	padding: 5px;
	background-color: #2973c5;
	font-style: italic
}
.blurb_sig{
	width: 95%;
	text-align: right;
}
#aside div a.first-child { margin-left: 0px; }
#sound_btn{
	background: url("images/assets/sound_button.jpg") no-repeat scroll left top transparent;
	height: 29px;
	width: 132px;
	margin-left: 340px;
	margin-top: 4px;
	cursor: pointer
}
#fast_facts_btn{
	background: url(images/assets/fast_facts_button.jpg) no-repeat right top;
	width: 134px;
	height: 33px;
	margin-right: 25px;;
	float: right;
	cursor: pointer;
}
#btnwrapper{
	padding-top: 7px;	
}
#promo-nav li:hover, #promo-nav li.selected { background-position: right top; }
#promo-nav li:hover div, #promo-nav li:hover a,
#promo-nav li.selected div, #promo-nav li.selected a
{ background-position: left top; }
.clear{ clear:both}