html {
	height: 100%;
}

body {
	background: #000;
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #fff;
	height: 100%;
}

#main {
	width: 741px;
	margin: 0 auto;
	overflow: visible;
	height: 100%;
	
	position: relative;
	top: 0;
	z-index: 2;
}

.bg-hp {
	background: url(img/bg-blackfin-hp.jpg) no-repeat top;
	overflow: visible;
}

.bg-ms {
	background: url(img/bg-ms.jpg) no-repeat top;
	overflow: visible;
	width: 76px;
}

.bg-philosophy {
	background: url(img/bg-philosophy.jpg) no-repeat top;
	overflow: visible;
	width: 83px;
}

.bg-experience {
	background: url(img/bg-experience.jpg) no-repeat top;
	overflow: visible;
	width: 83px;
}

.bg-cu {
	background: url(img/bg-cu.jpg) no-repeat top;
	overflow: visible;
	width: 63px
}

.bg-cs {
	background: url(img/bg-cs.jpg) no-repeat top;
	overflow: visible;
	width: 57px;
}

.bg-cg {
	background: url(img/bg-cg.jpg) no-repeat top;
	overflow: visible;
	width: 57px;
}

#content {
	margin: 20px 0 0 0;
	line-height: 16px;
	font-size: 13px;
}

#content div#text,
.content div#text {
	opacity: 1.0;
    filter: alpha(opacity=100);
}

.content {
	position: relative;
	left: 142px;
	padding: 10px 20px;
    width: 540px;
    background: url(img/bg-black70.png); /* declare background color for container to avoid distorted fonts in IE while fading */
    /* opacity: .7;
    filter: alpha(opacity=70); */
    color: #fff;
    font-size: 12px;
}

.content-full {
	position: relative;
	left:  20px;
	padding: 10px 20px;
    width: 660px;
    background: url(img/bg-black70.png); /* declare background color for container to avoid distorted fonts in IE while fading */
    /* opacity: .7;
    filter: alpha(opacity=70); */
    color: #fff;
    font-size: 12px;
}

.nav-primary-hp {
	position: relative;
	top: -30px;
	height: 90px;
	overflow: hidden;
}

#nav-primary {
	padding: 110px 0 0 0;
	height: 90px;
	overflow: hidden;
	
	position: relative;
	z-index: 1;
	width: 746px;
	margin: 0 auto 0 auto;
}

#nav-primary img, #nav-primary div, #nav-primary a {
	float: left;
	height: 90px;
	margin: 0 1px 0 0;
	background: #000;
}

#nav-primary a {
	background: #000;
	padding: 55px 23px 10px 10px;
	color: #fff;
	text-decoration: none;
}

#nav-primary a#home {
	padding: 0;
	margin: 0 1px 0 0;
}

#nav-primary a:hover#philosophy,
#nav-primary a:link#philosophy.on,
#nav-primary a:visited#philosophy.on {
	background: url(img/bg-nav-philosophy.jpg) no-repeat;
}

#nav-primary a:hover#ms,
#nav-primary a:link#ms.on,
#nav-primary a:visited#ms.on {
	background: url(img/bg-nav-ms.jpg) no-repeat;
}

#nav-primary a:hover#experience,
#nav-primary a:link#experience.on,
#nav-primary a:visited#experience.on {
	background: url(img/bg-nav-experience.jpg) right top no-repeat;
}

#nav-primary a:hover#cs,
#nav-primary a:link#cs.on,
#nav-primary a:visited#cs.on {
	background: url(img/bg-nav-cs.jpg) center top no-repeat;
}

#nav-primary a:hover#cu,
#nav-primary a:link#cu.on,
#nav-primary a:visited#cu.on {
	background: url(img/bg-nav-cu.jpg) top no-repeat;
}

#nav-primary a:hover#cg,
#nav-primary a:link#cg.on,
#nav-primary a:visited#cgq.on {
	background: url(img/bg-nav-cg.jpg) center top no-repeat;
}

a:link {
	color: #f60;
	text-decoration: none;
}

a:visited {
	color: #c60;
	text-decoration: none;
}

.gallery {
	clear: both;
	padding: 0 0 10px 0;
}

.gallery h3 {
	font-size: 13px;
	font-weight: bold;
	border-bottom: #333 solid 1px;
}

.gallery a:link, .gallery a:visited {
	color: #f60;
	text-decoration: none;
	font-size: 10px;
	line-height: 11px;
	display: block;
	width: 75px;
	float: left;
	margin: 0 18px 20px 0;
}

.gallery a:hover {
	color: #f90;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}


#txt-intro {
	background: #000;
	padding: 10px 15px;
	/* width: 106px; */
	width: 106px;
	line-height: auto;
}

#videoimg {
	margin: 50px 0 0 0;
	border-top: #000 solid 10px;
	border-right: #000 solid 10px;
	border-bottom: #000 solid 10px;
}

.content ul.columns li {
	list-style: disc;
	float: left;
	white-space: nowrap;
	margin: 0 40px;
	font-size: 12px;
}

.content ol {
	margin: 0;
	padding: 0;
	list-style: none;
}

.gallery {
	margin: 0 0 10px 10px;
}

.gallery a:link,
.gallery a:visited {
	border: #333 solid 5px;
	margin: 10px;
}

.gallery a:hover {
	border: #f60 solid 5px;
}

.gallery .category {
	width: 75px;
	height: 75px;
	float: left;
	margin: 10px;
	border: #333 solid 5px;
	color: #fff;
	background: #333;
	position: relative;
	overflow: hidden;
}

.gallery .category span {
	position: absolute;
	left: 5px;
	bottom: 1px;
	font-size: 10px;
}

.clear {
	clear: both;
}