body
			{	font-family:		arial;
				color:				#cccccc;
				background:		URL(/imgs/design/bg.gif) top center;
				margin:				0;
			}
			div#outerShell
			{	background:		URL(/imgs/design/bg-top.jpg) repeat-x top center;
				padding:			15px 0 0 0;
				overflow:			hidden;
				position:			relative;
			}
			div#outerShell div#sputnik
			{	background:			url(/imgs/design/sputnik.png) no-repeat;
				width:				104px;
				height:				97px;
				position:			absolute;
				z-index:			30;
				top:				100px;
				right:				0;
			}
			div#outerShell div#sputnik a 
			{	display:block;
				height:100%;
			}
			div#outerShell div#sputnik a:hover
			{	background:	none;
			}
			div#effects
			{	padding:			0 0 15px 0;
				background:			transparent url(/imgs/design/nebula.jpg) no-repeat scroll 160% 250px;
				min-height:			750px;
			}
			/*
			div#effects2
			{	background:			transparent url(/imgs/design/glare.png) no-repeat scroll top left;
				min-height:			750px;
			}
			*/
			
			div#card, div#body
			{	width:			430px;
				position:		relative;
				left:			50%;
				margin:			0 0 0 -210px;
				z-index:		20;
			}
			div#body
			{	line-height:	17px;
				font-size:		12px;
				color:			#666666;
			}
			div#card
			{	height:			215px;
				background:		URL(/imgs/design/bizCard.jpg) no-repeat top center;
				margin-bottom:	15px;
			}
			div#card h1{	display: none;}
			div#card h2{
				color:			#333333;
				font-size:		12px;
				margin:			0;
				padding:		0;
				position:		relative;
				text-align:		center;
				top:			118px;
			}
			div#card p{
				bottom:			6px;
				color:			#999999;
				font-size:		11px;
				left:			6px;
				margin:			0;
				padding:		0;
				position:		absolute;
			}
			div#body h2
			{	margin:				0;
				padding:			0 0 3px 0;
				font-size:			18px;
				text-transform:		uppercase;
				letter-spacing:		-1px;
				font-weight:		normal;
			}
			div#body h2 b
			{ font-family: 			'Arial Black';
				font-weight:		normal;
			}
			div#body h2 a
			{	color:				#c4c4c4;
				background:			transparent;
			}
			div#body h2 a:hover, div#body h2 a.it 
			{	color:				#666666;
				background:			transparent;
			}
			div#body h3
			{	border-bottom:		1px dashed #666666;	
				margin:				0 0 8px 0;
				font-size:			14px;
				text-transform:		uppercase;
				padding:			0;
				color:				#666666;
			}
			div#body div.page
			{	clear:			both;
				background:	white url(/imgs/design/page-bg.jpg) no-repeat;
				padding:		12px 5px 0 5px;
			}
			div#body div#works.page
			{	background:	url(/imgs/design/page-bg-split.jpg) no-repeat;
				clear:			both;
				padding:		12px 5px 0 5px;
			}
			div#body div#about,
			div#body div#contact
			{	background:	white url(/imgs/design/page-bg-splitCover.jpg) no-repeat;}
			
			div#body div.first
			{	background-position:	0 -7px;
				padding-top:					6px;
			}
			div#body .msg{ text-align:	center;}
			
			a.ico
			{	background: url(/imgs/design/link.gif) no-repeat left center;
				padding:		0 0 0 10px;
			}
			a{				color: blue; text-decoration: none; background: transparent;}
			a:hover{	color: white; background:	blue;}
			a img{		border: 0; }
			
			div#body p
			{	padding:	4px 0 10px 0; 
				margin:		0;
				
			}
			div#body p span
			{	display:	none;
			}
			
			.clear{	clear:	both; }
			
			form
			{	position:	relative;
				width:		310px;
				left:		50%;
				margin-left:-155px;
			}
			form p strong
			{	display:	block;
			}
			form input
			{ 	border:		0;
					background: #dedddd;
					height: 		12px;
					font-size:	11px;
					color:			#666666;
					margin:			0 4px 0 0;
					padding:		3px 3px;
			}
			form textarea
			{	border:			0; 
				background: #dedddd;
				font-size:	11px;
				color:			#666666;
				padding:		3px 3px;
			}
			form input:focus, form textarea:focus
			{	background: #666666;
				color:		white;
			}
			form input.submit
			{	height:			auto;
				background:	#666666;
				color:		white;
				font-size:	14px;
			}
			form .half{	width:	145px; float:left; }
			form .whole{width:	301px;	}
			div#body form p
			{	padding: 2px 0;
			}
			form b{	display:		block; }
			div#body img.left
			{	float:	left;
				margin:	0 5px 5px 0;
			}
			
/* Work Tiles - - - - - - - - - - - */		
			div#body div#works p.note
			{	margin:			0;
				width:			190px;
				font-size:	11px;
				line-height: 11px;
				color:			#666666;
			}
			div#body div#works div#buttons
			{	height:			145px;
				margin:			30px 0 0 0;
				padding:		0 0 0 76px;
			}
			div#body div#works div#buttons a
			{	background:	url(/imgs/design/work-buttons.gif) no-repeat top left;
				display:		block;
				float:			left;
				width:			122px;
				height:			0;
				padding:		25px 0 0 0;
				overflow:		hidden;
			}
			div#body div#works div#buttons a:hover{			background-position:	bottom left; }
			div#body div#works div#buttons a#sites:hover{	background-position:	bottom right; }
			div#body div#works div#buttons a#sites
			{	background-position:	top right;
				width:			160px;
				margin:			0 0 0 24px;
			}
			div#body h2 a.back
			{	background:		URL(/imgs/design/fold-up.gif) no-repeat;
				padding:		0 14px 0 0;
				margin:			0 0 0 4px;
			}
			div#body h2 a.back:hover
			{	background-position:	-18px 0;
			}
			
			div#body div#logos h2,
			div#body div#sites h2
			{	margin:			0 0 0 216px;
				position:		relative;
			}
			
			div#body div#logos,
			div#body div#sites
			{	position:		relative;
				width:			860px;
				margin:			0 0 0 -215px;
				padding:		0;
				background:	URL(/imgs/design/expanded-bg.gif) repeat-y;
			}
			div#body div.inner
			{	background:	URL(/imgs/design/page-bg-expanded.jpg) no-repeat;
				padding:		12px 5px 0 5px;
			}
			div#body div.page li a img
			{	float:			left;
				margin-right:	3px;
				border:			1px solid #cccccc;
			}
			div#body div.page li a:hover img
			{	border:			1px solid blue;
			}

 /* LOGOS */
 			div#body div#logos .col
 			{	padding:			30px 0 0 0;
 			}
 			div#body div#logos .col img
 			{	display:		block;
 				border:			3px solid #cccccc;
				margin:			0 0 20px 47px;
 			}
			div#body div#logos .center
			{	height:			300px;
				
			}
			div#body div#logos div#centerStage
			{	background:	transparent url(/imgs/works/logos/MOCJ.png) no-repeat center center;
			}
			
 /* WEBSITES */
			div#body div#sites .row
			{	clear:			both;
				color:			#949494;
				margin:			10px 0;
			}
			div#body div#sites .slim
			{	margin:			20px 0 0 0;
				height:			auto;
			}
			div#body div#sites .slim .col
			{	text-align:	center;
			}
			div#body div#sites .row .col,
			div#body div#logos .col
			{	width:			190px;
				float:			left;
				margin:			0 6px;
				padding:		0;
			}
			div#body div#sites .row .col
			{	width:			182px;
				border-top:		5px solid #CCCCCC;
				padding:		6px 0 0 2px;
			}
			div#body div#sites .row .center,
			div#body div#logos .center
			{	width:			420px;
				float:			left;
				margin:			0 5px 0 19px;
			}
			div#body div#sites .row .center img
			{	border:			3px solid #cccccc;
				margin:			0 5px 0 0;
			}
			div#body div#sites .row .center a:hover img
			{	border:			3px solid #666666;
			}
			div#body div#sites .row h3 a:hover,
			div#body div#sites .row .center a:hover
			{	border:				0;
				background-color:	transparent;
				color:				#666666;
			}
			
			div#body div#sites .row h3
			{	border-bottom: 		0;
				font-size:			15px;
				line-height:		13px;
				text-transform: 	uppercase;
				margin:				0 0 2px 0;
				background:			url(/imgs/icon-plus.gif) no-repeat left center;
				width:				195px;
			}
			div#body div#sites .plus h3
			{	background-image:	url(/imgs/icon-minus.gif);
			}
			div#body div#sites .row h3 a
			{	color:					#949494;
				display:				block;
				padding:				1px 0 0 14px;
			}
			
			div#body div#sites .row .col p
			{	margin:				0 0 5px 0;
				padding:			0;
			}
			div#body div#sites .row .col p.note
			{	margin:			1px 0 8px 0;
				font-size:		11px;
				line-height:	11px;
				
			}
			div#body div#sites .key
			{	background:		url(/imgs/design/thumb-heads.gif) no-repeat 1px 0;
			}
			div#body #spFilter{ display: none; }
			div#body  div.row div.innerRow
			{	height:			100px;
				margin:			0 0 0 7px;
			}
			div#body div#sites div.threecell			{	background:	url(/imgs/sitebar-3.gif) no-repeat;}
			div#body div#sites div.twocell 				{	background:	url(/imgs/sitebar-2.gif) no-repeat;}
			div#body div#sites div.onecell 				{	background:	url(/imgs/sitebar-1.gif) no-repeat;}
			div#body div#sites div.plus div.threecell	{	background:	url(/imgs/sitebarOver-3.gif) no-repeat;}
			div#body div#sites div.plus div.twocell 		{	background:	url(/imgs/sitebarOver-2.gif) no-repeat;}
			div#body div#sites div.plus div.onecell		{	background:	url(/imgs/sitebarOver-1.gif) no-repeat;}