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

/* Topline */

#topline {
	width:100%;
	height:10px;
	background: #fff;
			background: -moz-linear-gradient(top, #ccc, #fff);
	  		background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ccc), to(#fff));	
}

/* Global */

body {
		background: #F5F4EF;
		color: #000305;
		font-size: 62.5%; /* Base font size: 14px */
		font-family: 'Trebuchet MS', Trebuchet, 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
		line-height: 1.25;
		margin: 0;
		padding: 0;
		text-align: left;
	}

/* Headers */
h1 {font-size: 4em;font-weight: bold;}
h2 {font-size: 2.2em}
h1, h2, h3, h4, h5, h6 {
	line-height: 1.1;
	margin-bottom: 10px;
}

/* Misc */
.hidden { display: none; visibility: hidden; } 
.visuallyhidden { position: absolute !important; clip: rect(1px 1px 1px 1px);  clip: rect(1px, 1px, 1px, 1px); }
.invisible { visibility: hidden; }
.clearfix:before, .clearfix:after {  content: "\0020"; display: block; height: 0; visibility: hidden;	 } 
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }
.clear { clear:both; }
.clearleft { clear:left; }
.clearright { clear:right; }

/*HTML5 TAGS*/

header, section, footer,
aside, nav, article, figure {
	display: block;
}

#wrapper {clear: both; margin: 0 auto; width: 850px;}


/*Header*/

header hgroup {
	text-shadow: #fff 2px 2px 2px;
}

header h1 {
	margin: 0 0 5px;
	background: white;
	-webkit-border-radius: 0 0 5px 5px;
	  		-moz-border-radius: 0 0 5px 5px;
       		-o-border-radius: 0 0 5px 5px;
       		border-radius: 0 0 5px 5px;
}

header h2 {
	margin: 0 0 20px;
}

header nav {
	background: #222;
			background: -moz-linear-gradient(top, #999, #555);
	  		background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#999), to(#555));
	-webkit-border-radius: 5px;
	  		-moz-border-radius: 5px;
       		-o-border-radius: 5px;
       		border-radius: 5px;
	-webkit-box-shadow: 2px 2px 5px #999;
			-moz-box-shadow: 2px 2px 5px #999;
			-o-box-shadow: 2px 2px 5px #999;
			box-shadow: 2px 2px 5px #999;
	font-size: 1.2em;
	margin: 0 0 20px;
}

header nav ul {
	margin: 0;
}

header nav li {
	float: left;
	list-style: none;
}

header nav a:link,
header nav a:visited {
	color: #fff;
	display: block;
	padding: 15px;
	text-decoration: none;
}

/*About*/

#about figure {
	background:#fff;
	padding:5px;
	border: 1px solid #ccc;
	float:right;
	width:250px;
	margin: 0 0 0 20px;
}

#about figure img {
	display:block;
}

p {font-size: 1.4em; margin-bottom: .5em;}

/*Section*/

section {
	background: #fff;
			-webkit-border-radius: 10px;
	   		-moz-border-radius: 10px;
			-o-border-radius: 10px;
	        border-radius: 10px;
	margin: 0;
	padding: 15px;
}