html, body {
	margin: 0;
	padding: 0;
	background: #000 url(media/bg.jpg) top center fixed no-repeat;
}

img {
	margin: 0;
	padding: 0;
	border: none;
}

h1 {
	margin: 0;
	padding: 0;
	font: 16px Book Antiqua, Palatino, bookman old style, georgia, times new roman, sans-serif;
	color: #fff;
	line-height: 15px;
}

span {
	color: #888;
}

p {
	padding: 0 20px 20px 20px;
	font: 12px trebuchet ms, tahoma, Arial, Helvetica, sans-serif;
	color: #ccc;
}

b {
	color: #fff;
}

a:focus {
	outline: none;
}

a {
    outline: none; /* FF1.5+ IE7+*/
    -moz-outline: /* FF<=1.5*/
	text-decoration: none;
	color: #000;
}

p a {
	text-decoration: underline;
	color: #fff;
}

p a:hover {
	text-decoration: none;
}

div#wrapper {
	margin: 0 auto;
	width: 1212px;
}

div#container {
	float: left;
	width: 508px;
}

	div#header {
		width: 508px;
		height: 220px;
		background: url(media/header.jpg) no-repeat;
	}

		div#me {
			width: 140px;
			height: 40px;
			position: absolute;
			margin: 65px 0 0 280px;
			padding: 0;
		}

			#melink {
				display: block;
				width: 140px;
				height: 40px;
				background: url("media/me.gif") no-repeat 0 0;
			}

			#melink:hover { 
				background-position: 0 -40px;
			}

				#melink span {
					display: none;
				}

		div#info {
			width: 160px;
			height: 35px;
			position: absolute;
			margin: 105px 0 0 150px;
			padding: 0;
		}

			#infolink {
				display: block;
				width: 160px;
				height: 35px;
				background: url("media/info.gif") no-repeat 0 0;
			}

			#infolink:hover {
				background-position: 0 -35px;
			}

				#infolink span {
					display: none;
				}

		div#contact {
			width: 130px;
			height: 90px;
			position: absolute;
			margin: 106px 0 0 310px;
			padding: 0;
		}

			#contactlink {
				display: block;
				width: 130px;
				height: 90px;
				background: url("media/emailUs.gif") no-repeat 0 0;

			}

			#contactlink:hover { 
				background-position: 0 -90px;
			}

				#contactlink span {
					display: none;
				}

	div#news {
		Xwidth: 508px;
		padding: 0 60px 0 40px;
	}

		.more {
    		display: none;
		}

		div#footer {
			margin-top: 20px;
			height: 100px;
			background: url(media/footer.jpg) top left no-repeat;
		}

div#action {
	float: left;
	width: 168px;
	margin-right: 100px;
}

div#portraits {
	float: left;
	width: 168px;
	margin-right: 100px;
}

div#lpc {
	float: left;
	width: 168px;
}



	.high {
		height: 240px;
	}

	.middle {
		height: 160px;
	}

	.low {
		height: 107px;
	}

	.invisible {
		display: none;
	}

		#action a, #portraits a, #lpc a {
			border-right: 8px solid #222;
			display: block;
		}

		#action a:hover, #portraits a:hover, #lpc a:hover {
			border-right: 8px solid #fff;
			display: block;
		}

	.fader {
		display: block;
		background: url(media/fader.jpg) no-repeat;
		width: 168px;
		height: 100px;
	}