* {
	margin: 0;
	padding: 0;
}

html,body {
	background: #eee;
}

/* ----------------------------------------- */

#container {
	width: 728px;
	margin: 0 auto;
}

	#header {
		height: 80px;
		background: #333;
		margin: 0 0 10px 0;
		padding: 0 20px;
	}
	
		#header p {
			font: bold 18px/75px "Trebuchet MS", Arial, Helvetica, sans-serif;
			text-transform: uppercase;
		}
		
			#header p a {
				color: #fff;
				text-decoration: none;
				border-bottom: 1px solid #3080bc;
			}
	
	#primary {
		float: left;
		width: 468px;
		padding: 20px 20px 10px 20px;
		background: #fff;
		margin: 0 10px 0 0;
	}
	
		#primary h1 {
			font: bold 14px/21px "Trebuchet MS", Arial, Helvetica, sans-serif;
			padding: 0 0 5px 0;
		}
	
		#primary h2 {
			font: bold 12px/18px "Trebuchet MS", Arial, Helvetica, sans-serif;
			padding: 5px 0;
		}
	
		#primary p {
			font: normal 12px/18px "Trebuchet MS", Arial, Helvetica, sans-serif;
			padding: 0 0 10px 0;
		}
		
		#primary a {
			color: #3080bc;
		}
		
		#primary a:hover {
			color: #000;
		}
	
	#secondary {
		float: left;
		width: 169px;
		padding: 20px 20px 10px 20px;
		background: #c1c1c1;
	}
	
		#secondary h3 {
			font: bold 12px/18px "Trebuchet MS", Arial, Helvetica, sans-serif;
			padding: 0 0 5px 0;
		}
	
		#secondary p {
			font: normal 12px/18px "Trebuchet MS", Arial, Helvetica, sans-serif;
			padding: 0 0 10px 0;
		}
	
		#secondary a {
			color: #3080bc;
		}
		
		#secondary a:hover {
			color: #000;
		}
	
	#footer {
		clear: both;
		height: 50px;
		background: #c1c1c1;
		position: relative;
		top: 10px;
		padding: 0 20px;
	}
	
		#footer p {
			font: normal 12px/50px "Trebuchet MS", Arial, Helvetica, sans-serif;
		}
	
			#footer p a {
				color: #000;
			}

/* ----------------------------------------- */

#primary ul.default {
	margin: 0 0 15px 0;
	padding: 10px 0 5px 15px;
}
	#primary ul.default li {
		font: normal 12px/21px "Trebuchet MS", Arial, Helvetica, sans-serif;
	}

#primary ul.sites {
	margin: 0 0 15px 0;
	padding: 10px 0 5px 0;
	list-style: none;
	border-top: 1px dotted #333;
	border-bottom: 1px dotted #333;
}
	#primary ul.sites li {
		font: normal 12px/21px "Trebuchet MS", Arial, Helvetica, sans-serif;
	}
	


/* ----------------------------------------- */

form#contact {
	padding: 0 0 10px 0;
}

	form#contact label {
		display: block;
		font: bold 12px/18px "Trebuchet MS", Arial, Helvetica, sans-serif;
	}
	
	form#contact input {
		width: 200px;
		margin: 0 0 10px 0;
		font: normal 12px/18px "Trebuchet MS", Arial, Helvetica, sans-serif;
	}
	
	form#contact textarea {
		width: 300px;
		height: 200px;
		font: normal 12px/18px "Trebuchet MS", Arial, Helvetica, sans-serif;
	}
	
	form#contact input#submit {
		width: auto;
		display: block;
		margin: 10px 0 0 0;
		font: bold 12px/18px "Trebuchet MS", Arial, Helvetica, sans-serif;
	}