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

body {
	background: #fff url(../img/bg-gradient.png) top left repeat-x;
	color: #555;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 62.5%;
	text-align: center;
}
a, a:visited, a:hover, a:active {
	color: #39c;
	text-decoration: none;
}
	a:hover {
		text-decoration: underline;
	}

div#container {
	width: 900px;
	background: #fff url(../img/inner-gradient.png) top left repeat-x;
	text-align: left;
	margin: 15px auto;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	-webkit-box-shadow: 0px 5px 10px #ccc;
	-moz-box-shadow: 0px 5px 10px #ccc;
	box-shadow: 0px 5px 10px #ccc;
}

	div#header {
		padding: 10px 0px;
		margin: 0 15px;
		text-transform:lowercase;
		border-bottom: 1px solid #ccc;
	}
		h1 a, h1 a:visited, h1 a:active {
			font-size: 4.2em;
			font-weight: normal;
			color: #555;
		}
			h1 a:hover {
				text-decoration: none;
				color: #555;
			}
		span.description {
			font-size: 1.4em;
			color: #bbb;
			letter-spacing: 2.7px;
		}
		div#navigation {
			float: right;
			width: 500px;
			text-align: right;
		}
			div#navigation ul {
				display: inline;
			}
			div#navigation ul li {
				display: inline;
				font-size: 1.6em;
				padding-left: 20px;
			}
				div#navigation ul li a {
					color: #999;
				}
	
	div#canvas {
		padding: 15px;
		line-height: 18px;
		font-size: 1.4em;
	}
		div#canvas ul {
			margin: 10px;
		}
	
		div#canvas p {
			margin-bottom: 10px;
		}
		div#canvas h2 {
			font-size: 1.3em;
			margin-bottom: 10px;
			margin-top: 20px;
		}
		div#canvas h3 {
			font-size: 1.15em;
			margin: 10px 0;
		}
		div#canvas h4 {
			margin: 10px 0;
		}
		
		div#canvas table {
			font-size: 1.0em;
		}
	
	div#footer {
		padding: 15px;
		text-align: center;
		font-size: 1.1em;
		line-height: 14px;
	}
		div#footer ul li {
			display: inline;
			padding: 0 10px;
		}
		div#footer a, div#footer a:active, div#footer a:visited {
			color: #555;
		}