html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
@-webkit-keyframes fade-in {
0% {opacity:0;}
50% {opacity:0;}
100% {opacity:1;}
}
@font-face {
	font-family: 'MyriadProRegular';
	src: url('fonts/myriadpro-regular-webfont.eot');
	src: local('☺'), url('fonts/myriadpro-regular-webfont.woff') format('woff'), url('fonts/myriadpro-regular-webfont.ttf') format('truetype'), url('fonts/myriadpro-regular-webfont.svg#webfontxgbw6WRQ') format('svg');
	font-weight: normal;
	font-style: normal;
}
/* Basic Styling ----------------------------------------------------*/
body {
  font-family: 'MyriadProRegular', 'helvetica', 'Arial', sans-serif;
  -webkit-animation-name: fade-in;
  -webkit-animation-duration: 1.5s; 
  background: #fff url(images/page_bg.png) repeat-x center top; 
  text-align:center;
}
h1 {
	font-size: 44px;
	font-style: normal;
	font-weight: normal;
	text-transform: normal;
	letter-spacing: normal;
	line-height: 1.2em;
	color:#666;
	}
h2 {
	font-size: 24px;
	font-style: normal;
	font-weight: normal;
	text-transform: normal;
	letter-spacing: normal;
	line-height: 1.2em;
	color:#999;
	margin:0 0 80px 0;
	}
p.status {
	background:#000;
	padding:10px 15px;
	color:#fff;
	width:400px;	margin:30px auto;
	font-family: 'Trebuchet MS', sans-serif;
	-webkit-transition-property : scale; 
	-webkit-transition-duration : 0.5s; 
	-webkit-transition-timing-function : ease-in-out; 
	-moz-transition : all 0.5s ease-in-out;
	-webkit-transform : scale(1.15) rotate(-4deg); 
	-moz-transform : scale(1.15) rotate(-4deg);
	}
p.status:hover {
	-webkit-transform : scale(1.25) rotate(4deg); 
	-moz-transform : scale(1.25) rotate(4deg);
	}
p.status span {
	font-weight:bold;
	color:#ffff00;
	}
p.footer {
	color:#777;
	font-size:14px;
	}
p.footer a,
p.footer a:visited {
	color:#000;
	text-decoration:none;
	border-bottom:1px dotted #777;
	}
p.footer a:hover {
	background:#ffff00;
	}

.header {
    width:100%;height:60px;position:fixed;top:0;left:0;
	background: #111;
border-bottom: 1px solid #353535;
	}	
	
ul.column{
	width: 98%;
	padding: 0;
	margin: 80px auto 20px auto;
	list-style: none;
}
ul.column li {
	float: left;
	width: 250px; /*Set default width*/
	padding: 0;
	margin: 5px 0;
	display: inline;
	text-align:left;
}
.block {
	oveflow:hidden;
	font-size: 1em;
	margin-right: 10px; /*Creates the 10px gap between each column*/
	color: #fff;
	padding: 20px;
	background: #111;
	border: 1px solid #000;
	border-right: 1px solid #353535;
	border-bottom: 1px solid #353535;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
.block h2 {
	font-size: 18px;
	margin:0 0 10px 0;
}
.block p {
	font-size: 12px;
	margin:0 0 10px 0;
	color:#eee;
}
.block img {
        /*Flexible image size with border*/
	width: 89%;  /*Took 1% off of the width to prevent IE6 bug*/
	padding: 5%;
	background:#fff;
	margin: 0 auto 15px auto;
	display: block;
	-ms-interpolation-mode: bicubic; /*prevents image pixelation for IE 6/7 */
}
.block a,.block a:visited {
	font-size: 12px;
	color:#fff;
	text-decoration:none;
	background: #222;
	border: 1px solid #000;
	border-right: 1px solid #353535;
	border-bottom: 1px solid #353535;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	display:block;
	padding:5px 8px 1px 8px;
}