.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */


body {
	background:#13204C;
	color:#fff;
	font:11px Arial,sans-serif;
	text-align:center;
	margin:0;
	padding:0;
	line-height: 15px;
}
a {
	color:#B5c4E9;
	text-decoration:none;
}
a:hover {
	text-decoration:underline;
}
img { border:none;}

div {
	margin:0;
	padding:0;
}

#body {
	width:800px;
	margin:0 auto;
	text-align:left;
}

#header {
	background:#B5c4E9 url(/gfx/bk_header.gif) no-repeat bottom center;
	height:80px;
	margin:0 0 10px;
}
#header span {
	margin:15px 0 0 10px;
	float:left;
	display:inline;
}
#header h1 {
	color:#13204C;
	font:bold 14px Arial,sans-serif;
	margin:50px 20px 0 0;	
	float:right;
	display:inline;
}

#nav {
	background:#173770;
	width:800px;
	margin:0 0 10px;
}
#nav div {
	width:800px;
	position: absolute;
}
#nav div.def {
	background:#13204C;
	color:#B5c4E9;
	font:bold 11px Arial,sans-serif;
	width:230px;
	margin:6px 0 0 10px;
	padding:4px 0 4px 10px;
}
#nav #nav-bottom {
	margin-top:-7px;
}
#nav ul {
	list-style:none;
	margin:0 7px 0 0;
	padding:0;
}
#nav ul li {
	font-weight:bold;
	font-size:11px;
	text-transform:uppercase;
	float:right;
	display:inline;
}
#nav ul li a {
	border-left:1px solid #13204C;
	color:#B5c4E9;
	text-decoration:none;
	padding:10px 15px;
	display:block;
}
#nav ul li a:hover {
	background:#13204C;
	text-decoration:underline;
}
#nav ul li.active a {
	background:#13204C;
}

#left {
	width:260px;
	float:left;
	display:inline;
}

#right {
	width:540px;
	float:left;
	display:inline;
}
#right #video {
	height:275px;
	margin:0 0 10px 10px;
}

#left .module {
	margin-left:0 !important;
}

#prod-upcoming-prj.module h1 {
	width:250px !important;
}

.module {
	background:#173770;
	width:260px;
	margin:0 0 10px 10px;
	float:left;
	display:inline;
}
.module.main {
	width:530px;
	/*margin:0 0 0 10px;*/
}
.module.main hr {
	width:375px;
	float:left;
	margin: 0 0 0 20px;
	padding:0;
}
.module.main h3 {
	font:bold 11px Arial,sans-serif;
	margin: 0 0 0 20px;
}
.module.main .hide {
	display:none;
}

.module div.content-wrapper {
	height:413px;
	margin:10px 10px 0 0;
	overflow:auto;
}
.module.main.top div.content-wrapper {
	height:261px !important;
	overflow:auto;
}
.module.main.bottom div.content-wrapper {
	height:225px !important;
	overflow:auto;
}

.sep {
	background:#13204C;
	height:10px;
	margin:20px 0;
	display:block;
}

.module h1 {
	background:#13204C;
	color:#B5c4E9;
	width:220px;
	font:bold 20px Arial,sans-serif;
	text-transform:uppercase;
	padding:5px 10px;
	margin: 3px 10px 10px;
}
.module h2 {
	color:#B5c4E9;
	font:bold 11px Arial, sans-serif;
	margin:0 20px;
}


.module coloredlink {
	color: 612e00;
	text-decoration: underline;
}

.module h2 em {
	color:#fff;
	font:normal 11px Arial,sans-serif;
}
.module.news p {
	margin:0 20px 20px;
}
.module p {
	margin:0 20px 15px;
}
.module p a {
	color:#fff;
}
.module p span a {
	color:#B5c4E9;
}

.promo {
	width:260px;
	margin:0 0 0 10px;
}
.promo h1 {
	font-size:18px;
	margin-bottom:0;
}
.promo span {
	margin:0 0 0 10px;
}

.item {
	background:#B5c4E9;
	color:#13204C;
	width:220px;
	margin:0 0 5px 10px;
	cursor:pointer;
}
.item img {
	background:#173770;
	width:41px;
	height:43px;
	float:right;
	margin:5px 0;
}
.item span {
	width:160px;
	float:right;
	display:inline;
	margin:0 5px;
	padding:10px 0;
}
.item.active span {
	color:#000099;
}
.item strong {
	font-size:11px;
	display:block;
}
.item.wide img {
	width:77px;
	height:43px;
}
.item.wide span {
	width:124px;
	font-size:11px;
	font-weight:bold;
	text-transform:uppercase;
}
.item.wide span em {
	font:bold normal 9px Arial,sans-serif;
}

#body div.ctop {
	background:url(/gfx/ctr.gif) no-repeat right top;
	height:7px;
}
#body div.cbottom {
	background:url(/gfx/cbr.gif) no-repeat right bottom;
	height:7px;
}

#up-prj {
	background:#13204C;
	font-weight:bold;
	margin:10px 30px 0 10px;
	padding:5px;
	display:block;
}

#cream-about {
	height:302px !important;
	margin-bottom:0 !important;
}

#prod-upcoming-prj div.content-wrapper {
	height:472px;
}


#prod-vid {
	width:530px;
	height:275px;
	margin: 0 0 10px 10px;
	position:relative;
	overflow:hidden;
}
#prod-vid .frame {
	width:530px;
	height:7px;
	line-height:100%;
	position:absolute;
	top:0;
	left:0;
}
#prod-vid-ct {
	background:url(/gfx/ctb-abs.gif) no-repeat left -8px !important;
}
#prod-vid-cb {
	background:url(/gfx/ctb-abs.gif) no-repeat left 0px !important;
	top:100% !important;
	margin:-7px 0 0 !important;
}
#prod-vid-cmd {
	width:520px;
	position:absolute;
	top:10px;
	left:100%;
	margin:0 0 0 -530px;
}
#prod-vid-cmd span {
	background:#13204C;
	margin:0 0 0 5px;
	float:right;
	display:inline;
}
#prod-vid-cmd span a {
	color:#B5c4E9;
	font:bold 20px Arial,sans-serif;
	padding:5px 11px;
	display:block;
}
#prod-vid-cmd span a.active, #prod-vid-cmd span a:hover {
	color:#13204C;
}

