/*
@font-face		{font-family: Colaborate; src: url('ColabThi.otf');}
@font-face		{font-family: Colaborate; font-weight: bold; src: url('ColabLig.otf');}
*/

*, html, body		{margin: 0; padding: 0;}

a:link, a:visited	{color: #555; text-decoration: none;}

a:hover, a:active	{color: #FFF; text-decoration: none;}

body			{background: #E5E5E5; color: #666; font: 13px "Colaborate","Trebuchet MS",sans-serif;
			width: 990px; margin: 20px auto;}

h1			{color: #bfbfbf; font-size: 90px; text-align: right; font-weight: normal;}

h2			{color: #7d7d7d; font-size: 45px; text-align: right;}

h3			{font-size: 24px; font-weight: normal;}

h4			{font-size: 30px; margin: 80px 10px 10px; color: #FFF; text-align: right;}

h1, h2, h4 a		{text-shadow: #444 1px 1px 1px;}

.clear			{clear: both;}

.link			{width: 280px; height: 230px; display: block; float: left; 
			margin: 80px 10px 0; padding: 10px; border: 5px #FFF solid; background: #EEE;
			-moz-box-shadow: 2px 2px 10px rgba(0,0,0,0.4);
			-webkit-box-shadow: 2px 2px 10px rgba(0,0,0,0.4);
			box-shadow: 2px 2px 10px rgba(0,0,0,0.4);}

.link img		{width: 280px; height: 200px; border: none; display: block; margin-bottom: 10px;}


.link a:link img,
.link a:visited	img	{opacity: 0.3; -moz-opacity: 0.3; filter: alpha(opacity=30)}

.link a:hover img,
.link a:active img	{opacity: 1; -moz-opacity: 1; filter: alpha(opacity=100)}