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


/*	----------------------------- C S S    R E S E T ----------------------------		*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-weight: inherit;
    font-style: inherit;
    font-size: 100%;
    font-family: inherit;
    vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
    outline: 0;
}
body {
    line-height: 1;
    color: black;
    background: white;
}
ol, ul {
    list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
    border-collapse: separate;
    border-spacing: 0;
}
caption, th, td {
    text-align: left;
    font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: "";
}
blockquote, q {
    quotes: "" "";
}

/*	--------------------------------------------------------------------------	 */


body
	{
		background:#f5f5f5 url(../images/splash_bg.png) repeat-x top;
		color:#757575;
		text-align:left;
		font-size:12px;
		line-height:1.3em;
		font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	}
	
div
	{
		text-align:left;
	}
	
h1, h2
	{
	font-size:24px;
	margin-bottom:15px;
	font-weight:bold;
	}
	
.splashflash
	{
		margin:0 auto;
		width:800px;
	}

.splashcontainer
	{
		margin:203px auto 0 auto;
		text-align:center;
		width:876px;
		position:relative;
	}
	
.m3000
	{
		background:url(../images/m3000.png) no-repeat;		
		width:454px;
		height:350px;
		float:left;
		position:relative;
		z-index:2;
		display:block;
	}
	
/*		.m3000_flowers
			{
				background:url(../images/flowers.png) no-repeat;
				width:208px;
				height:191px;	
				position:absolute;
				left:0px;
				z-index:1;
				overflow:hidden;
			}		*/
	
		.m3000_brain
			{
			/*	background:url(../images/flowers.png) no-repeat;		*/
				position:absolute;
				left:475px;
				top:110px;
				z-index:1;
				width:0px;
			}
	
		.m3000_side_flowers
			{
				position:absolute;
				top:106px;
				z-index:1;
				right:527px;
				background:url(../images/side_flowers.png) no-repeat;
				width:0px;
				height:215px;
			}	
	
		.m3000_bubbles
			{
				position:absolute;
				top:95px;
				z-index:1;
				left:604px;
				background:url(../images/bubble.png) no-repeat right;
				width:0px;
				height:104px;
			}	
	
		.m3000_side_flowers_reflection
			{
				position:absolute;
				right:527px;
				top:274px;
				z-index:1;
				width:76px;
				height:60px;
				background:url(../images/side_flowers_reflection.png) no-repeat;
			}	
	
		#m3000_bridge_left
			{
				position:absolute;
				right:344px;
				top:206px;
				z-index:3;
				width:0px;
				height:0px;
			}	
	
		#m3000_bridge_right
			{
				position:absolute;
				left:532px;
				top:206px;
				z-index:3;
				width:0px;
				height:0px;
			}	
			
					.hidden
						{
							opacity:0;
							width:0px;
							height:0px;
						}
			
		.info_portfolio
			{
			position:absolute;
			display:none;
			top:320px;
			left:200px;
			width:268px;
			height:75px;
			}
			
			.portfolio_text
				{
					display:none;
					position:absolute;
					left:12px;
					top:9px;
					width:268px;
					height:75px;
				}
		
			.portfolio_pic
				{
					background:url(../images/portfolio_info_text.png) no-repeat;
					position:absolute;
					left:0px;
					top:0px;
					width:268px;
					height:75px;
				}
		
		.info_chx
			{
			display:none;
			position:absolute;
			top:40px;
			width:220px;
			height:85px;
			}
			
				.chx_text
					{
						display:none;
						position:absolute;
						left:5px;
						top:5px;
						width:220px;
						height:85px;
					}
			
				.chx_pic
					{
						position:absolute;
						left:0px;
						top:0px;
						background:url(../images/chx_info_text.png) no-repeat;
						width:220px;
						height:85px;
					}
		
		.info_blamesphere
			{
			display:none;
			width:270px;
			height:124px;
			position:absolute;
			right:-60px;
			top:-50px;
			}
			
			.bs_text
				{
					display:none;
					position:absolute;
					left:10px;
					top:10px;
					width:270px;
					height:124px;
				}
		
			.bs_pic
				{
					background:url(../images/blamesphere_info_text.png) no-repeat;
					position:absolute;
					left:0px;
					top:0px;
					width:270px;
					height:135px;
				}
	
.chxnet
	{
		float:left;
		background:url(../images/chxnet.png) no-repeat;
		width:243px;
		height:93px;
		margin-top:127px;
		}
	
.blamesphere
	{
		float:left;
		background:url(../images/blamesphere.png) no-repeat;
		width:163px;
		height:129px;
		margin:94px 0 0 16px;
		}
		
.m3000_switch
	{
		position:absolute;
		width:275px;	
		height:240px;
		top:75px;
		left:335px;
		z-index:1000;
		cursor:pointer;
	}
		
		.m3000_switch a
			{
				width:100%;
				height:100%;
			}
	
.control
	{
		position:fixed;
		right:0px;
		bottom:0px;
		width:100px;
		height:100px;
	}