@font-face { font-family: Calibri; src: url(../fonts/Calibri.ttf); }
	
	html
	{
		color: #333;
		font-family: Calibri;
		
		background: #787878; /* Old browsers */
		background: -moz-linear-gradient(top, #787878 0%, #b3b3b3 64%, #d5d5d5 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(top, #787878 0%,#b3b3b3 64%,#d5d5d5 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to bottom, #787878 0%,#b3b3b3 64%,#d5d5d5 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#787878', endColorstr='#d5d5d5',GradientType=0 ); /* IE6-9 */
	}
	
	body
	{
		margin: 0px;
		
	}
	
	*:link,
	*:focus,
	*:visited,
	*:hover	
	{
		color: #333;
	}
	
	#header
	{
		margin: 25px auto;
	}
	
	#header, #body
	{
		max-width: 840px; /*790px*/
	}
	
	#footer
	{
		/*
		border-top: 1px solid #000; 
		padding-top: 50px;
		*/
		max-width: 920px;
		margin: 0px auto 50px auto; /*25px*/
	}
	
	#header > div
	{
		font-size: 60px; /*48px, 35px*/
		margin-left: -40px;
        color: #fff;
	}
	
	#body
	{
		background: #fff; 
		margin: 0px auto 50px auto;
        padding: 30px; /*50px*/
        position: relative;
        font-size: 30px;
	}
	
	.image
	{
		float: right; 
		max-width: 220px; 
		display: block;
		margin-left: 30px; 
		margin-bottom: 30px;
		/*
		max-height: 290px;
		position: absolute;
		top: 0px;
		right: 0px;
		
		margin-left: 10px; 
		margin-bottom: 10px;
		margin-top: -100px;
		*/
	}
	
	#content	
	{
		color: #333;
	}
	
	#content > h1
	{
		font-size: 48px;
		margin-top: 0px;
		margin-bottom: 0px;
	}
		
	#content > h2
	{
		font-size: 30px;
		
		margin-top: 30px;
		margin-bottom: 0px;
	}
	
	#content > p
	{
		margin-top: 20px;
		margin-bottom: 0px;
	}
		
	#content > ul
	{
		margin-left: -15px;
	}
	
	#content > img
	{
		margin: 30px 0px 30px 30px;
		float: right; 
		width: 40%; /*100%;*/
	}

	#content > blockquote
	{
		position: relative;
		color: #bbb; /*#888*/
		font-size: 40px;
		font-family: bold;
		float: right;
		margin-right: -20px; /*-40px*/
		width: 40%;
	}
	
	#content > blockquote::before,
	#content > blockquote::after
	{
		position: absolute;
		content: '"';
		font-size: 120px;
		/*color: #333;*/
	}
	
	#content > blockquote::before
	{
		top: -50px;
		left: -40px;
	}
	
	#content > blockquote::after
	{
		bottom: -95px;
	}
		
	.list
	{
		list-style-type: none;
		padding-left: 0px;
		margin-left: 0px !important;
	}
		
	.list li
	{
		border: 5px solid #333;
		clear: both;
		height: 260px;
		margin-bottom: 30px;
	}
		
	.list li.SupplyChainIt
	{
		border-color: #990000;
	}
		
	.list li.SupplyChainIt h1
	{
		color: #990000;
	}
		
	.list li.SupplyChainIt:hover
	{
		background-color: #990000;
	}
		
	.list li.MobileObservatories,
	.list li.TrailerDomes
	{
		border-color: #4d7398;
	}
		
	.list li.MobileObservatories h1,
	.list li.TrailerDomes h1
	{
		color: #4d7398;
	}
		
	.list li.MobileObservatories:hover,
	.list li.TrailerDomes:hover
	{
		background-color: #4d7398;
	}
		
	.list li.KeynoteSpeaker
	{
		border-color: #c7682e;
	}
		
	.list li.KeynoteSpeaker h1
	{
		color: #c7682e;
	}
		
	.list li.KeynoteSpeaker:hover
	{
		background-color: #c7682e;
	}
	
	.list li.SupplyChainIt:hover,
	.list li.MobileObservatories:hover,
	.list li.TrailerDomes:hover,
	.list li.KeynoteSpeaker:hover
	{
		border-color: #333;
	}
		
	.list a:hover div,
	.list a:hover h1,
	.list li.SupplyChainIt:hover h1,
	.list li.MobileObservatories:hover h1,
	.list li.TrailerDomes:hover h1,
	.list li.KeynoteSpeaker:hover h1
	{
		color: #fff;
	}
		
	.list a
	{
		display: block;
		height: 100%;
	}
		
	.list img
	{
		width: 90px; /*74px*/
		margin: 20px;
		margin-top: 30px;
	}
		
	.list div
	{
		float: right;
		width: 80%;
		margin-right: 20px;
		/*
		font-size: 22px;
		*/
		
	}
	
	.list h1
	{
		font-size: 48px;
	}