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

body {
	margin:0;
	background-image:url(blkweb.jpg);
	background-color:#000;
	background-repeat:no-repeat;
	text-align:center;
	background-position:center top;
	font-family:Arial, Helvetica, sans-serif;
}

a:active, a#link-gallery, a#link-facebook, a#link-twitter, a#link-reader {
	outline: none;
}

#wrap-960 {
	width:960px;
	margin:0 auto;
}

#brain {
	width:450px;
	height:350px;
	margin:180px 0 0 177px;
	background-image:url(bkgd-brain.jpg);
	background-repeat:no-repeat;
}

	#brain a {
		display:block;
		float:left;
		position:absolute;
		text-indent:-9999px;
	}
	
		a#work-01 { width:60px; height:60px; margin:16px 0 0 181px;}
		a#work-02 { width:60px; height:60px; margin:16px 0 0 245px;}
		a#work-03 { width:95px; height:95px; margin:44px 0 0 81px;}
		a#work-04 { width:95px; height:95px; margin:44px 0 0 309px;}
		a#work-05 { width:60px; height:60px; margin:79px 0 0 181px;}
		a#work-06 { width:60px; height:60px; margin:79px 0 0 245px;}
		a#work-07 { width:60px; height:60px; margin:143px 0 0 21px;}
		a#work-08 { width:95px; height:95px; margin:143px 0 0 81px;}
		a#work-09 { width:95px; height:95px; margin:143px 0 0 181px;}
		a#work-10 { width:95px; height:95px; margin:143px 0 0 276px;}
		a#work-11 { width:60px; height:60px; margin:143px 0 0 371px;}
		a#work-12 { width:60px; height:60px; margin:203px 0 0 21px;}
		a#work-13 { width:60px; height:60px; margin:203px 0 0 371px;}
		a#work-14 { width:95px; height:95px; margin:238px 0 0 81px;}
		a#work-15 { width:60px; height:60px; margin:238px 0 0 184px;}
		a#work-16 { width:60px; height:60px; margin:238px 0 0 247px;}
		a#work-17 { width:60px; height:60px; margin:238px 0 0 309px;}

#mission {
	background-image:url(bkgd-mission.jpg);
	background-repeat:no-repeat;
	width:272px;
	height:408px;
	margin:-308px 20px 0 0;
	float:right;
	display:block;
}

/*#contact {
	background-image:url(bkgd-contact.jpg);
	background-repeat:no-repeat;
	width:346px;
	height:78px;
	padding:116px 0 0 63px;
}*/

	a#link-contact {
		background-image:url(link-contact.jpg);
		background-repeat:no-repeat;
		width:211px;
		height:78px;
		display:block;
		text-indent:-9999px;
		margin:260px 0 0 388px;
	}
	
		a#link-contact:hover {
			background-position:0 -78px;
		}

	a#link-gallery {
		width:65px;
		height:50px;
		display:block;
		text-indent:-9999px;
		margin:-115px 0 0 630px;
		/*background-color:#0CF;*/
	}

	a#link-facebook {
		width:40px;
		height:40px;
		display:block;
		text-indent:-9999px;
		margin:-44px 0 0 710px;
		/*background-color:#696;*/
	}

	a#link-twitter {
		width:40px;
		height:40px;
		display:block;
		text-indent:-9999px;
		margin:-40px 0 0 763px;
		/*background-color:#96C;*/
	}

	a#link-reader {
		width:166px;
		height:83px;
		display:block;
		text-indent:-9999px;
		margin:-20px 0 0 60px;
		float:left;
		/*background-color:#96C;*/
	}

/* ThickBox Modifications */

#TB_window {
	position: absolute;
	background-color:transparent;
	z-index: 102;
	color:#000000;
	display:none;
	border: none;
	text-align:left;
	top:100px;
	left:50%;
	background-image:url(thickbox.png);
	background-repeat:no-repeat;
	width:728px;
	height:737px;
}

#TB_title{
	background-color:transparent;
	height:46px;
}

#TB_closeAjaxWindow {
	width:38px;
	height:38px;
	margin:8px 8px 0 0;
	float:right;
	text-indent:-9999px;
}

#TB_closeWindowButton {
	width:38px;
	height:38px;
	display:block;
	text-indent:-9999px;
}

a#TB_closeWindowButton:active {
  outline: none;
}

#TB_window a:link {
  outline: none;
}

#TB_ajaxWindowTitle{
	display:none;
}

#TB_iframeContent{
	clear:both;
	border:none;
	margin-bottom:-1px;
	margin-top:0;
	_margin-bottom:1px;
	padding:0 18px 0 10px;
}

/* Tooltip Styles */

/* tooltip styling. by default the element to be styled is .tooltip  */
.tooltip {
	display:none;
	background:transparent url(tooltip-bubble.png);
	font-size:12px;
	font-weight:bold;
	height:30px;
	width:114px;
	padding:27px 27px 35px 26px;
	color:#333;
	vertical-align:text-bottom;
}
