@charset "utf-8";
/* CSS Document */

html, body{
	margin: 0;
}
body{
	padding-top: 15px;
	background: #d6dbde;
}
/*--------------------------------------------------------platform*/
.platform{
	width: 750px !important;
	background: white url(/images/bg-platform.jpg) right top no-repeat;
}
/*--------------------------------------------------------header*/
.header{
	width: 750px;
	height: 297px;
	background: url(/images/bg-header-roundcorners.gif) left top no-repeat;
	color: #8e969b;
	font: 12px "Trebuchet MS";
}
	.smallBio{
		width: 400px;
		position: absolute;
		z-index:50;
		top: 190px;
		left: 50%;
		margin-left: -320px;
	}
		.smallBio a{
			float: right;
			display: block;
			height: 14px;
			padding:  0 20px 0 0;
			color: #999999;
			background: url(/images/btn-more.gif) right center no-repeat;
			font: 10px "Trebuchet MS";
			text-transform: uppercase;
			text-decoration: none;
			margin-left: 15px;
		}
		.smallBio a:hover{ color: #4c97d6;
		}
	.brianTeeLogo{
		display: block;
		width: 136px;
		height: 143px;
		background: url(/images/logo-briantee.gif) center top no-repeat; 
		position: absolute;
		top: 0px;
		left: -350px;
		margin-left: 50%;
		z-index: 23;
	}
/*--------------------------------------------------------container*/
.container{
	color: #8e969b;
	font: 12px "Trebuchet MS";
	background: url(/images/bg-container-roundcorners.gif) center bottom no-repeat;
	padding: 50px 0 40px 0;
}
	.container .wrapper{
		padding: 0px 25px 0px 25px;
		margin: 0 30px 0 30px;
		background:#FFFFFF;
		text-align: left;
	}
.press a img{
	padding: 2px;
	border: 1px solid #CCCCCC;
	float: left;
	text-decoration: none;
	font: 12px "Trebuchet MS";
	color: #666666;
	width:47px;
	height:47px;
}
.press a img:hover{
	border: 1px solid #006699;
	color: #006699;
}

.reels a img{
	padding: 2px;
	border: 1px solid #CCCCCC;
	float: left;
	text-decoration: none;
	font: 12px "Trebuchet MS";
	color: #666666;
}
.reels a img:hover{
	border: 1px solid #006699;
	color: #006699;
}
/*--------------------------------------------------------footer*/
.footer{	
	width: 750px !important;
	height: 75px;
	background: white url(/images/bg-footer.gif) center center no-repeat;
	margin: 5px 0 35px 0;
	color: #939a9f;
	font: 10px  "Trebuchet MS";
	text-transform: uppercase;
	text-align: left;
}
	.footer .wrapper{
		width: 640px;
		height: 45px;
		background: url(/images/logo-enfuse.gif) right center no-repeat;
		padding: 30px 50px 0 30px;
	}
	.footer .wrapper a{ float: right; color: #939a9f; text-decoration: none;}
	.footer .wrapper a:hover{ color: #34719d;}
/*--------------------------------------------------------text*/
h1{
	font: bold normal 33px "Trebuchet MS";
	color: #dddedf;
	margin: 0 0 15px 0;
	letter-spacing: -2px;
	text-transform: uppercase;
}
h3{
	font: bold normal 22px "Trebuchet MS";
	color: #235888;
	margin: 0 0 10px 0;
	letter-spacing: -1px;
}


.gallery {
	background-color:#F8F8F8;
	padding:10px;
	width:100px;
}
.gallery img{
	border:1px solid #235888;
}


/*--news--*/
.cells{
	width: 640px;
	margin: 0px 55px 0px 55px; 
}
.cells a{ color: #8e969b; text-decoration: none; }
.cells a:hover{ color: #34719d;}

.news{
	width: 310px;
	padding: 10px 30px 0 0;
}
	.news div{
		display: block;
		position:relative;
		width: 290px;
		margin-bottom: 30px;
		line-height: 1.2em;
	}
	.news div span{
		position: absolute;
		top: -4px;
		left: -75px;
		width: 56px;
		height: 21px;
		color: white;
		text-transform: uppercase;
		background: url(/images/bg-date.gif) left top no-repeat;
		padding: 7px 0 0 5px;
	}
	.cells b{
		font-size: 13px;
		color: #677076;
		line-height: 1.5em;
    }
.feat{
	width: 269px;
	padding: 10px 0 10px 30px;
	border-left: 1px solid #d6dbde;
}
	.feat img{
		padding: 2px;
		border: 1px solid #d6dbde;
	}