* {
	margin: 0;
	padding: 0;
	border: 0;
}

body {
	background: #89857e url("ae/gradient.png") top center repeat-x;
	font-family: Helvetica, "Helvetica Neue", Arial, "sans-serif";
	color: #282828;
	font-size: 12px;
	line-height: 15px;
}

h1, h2, h3, h4 {
	font-family: Palatino, "Palatino Linotype", "Book Antiqua", serif;
	font-weight: normal;
}

h1 {
	text-align: center;
	letter-spacing: 4px;
	color: #505050;
	font-size: 30px;
	line-height: 60px;
	width: 444px;
	height: 60px;
	margin: 30px 258px;
	position: absolute;
}

h1 span {
	display: none;
}

h1 a {
	display: block;
	width: 100%;
	height: 100%;
	background: url("ae/ae_heading.png");
}

h1 a:hover {
	background-position: 0 -100%;
}

h2 {
	font-size: 18px;
	line-height: 24px;
	text-transform: uppercase;
	letter-spacing: 2px;
}

h3 {
	font-size: 24px;
	line-height: 36px;
	letter-spacing: 2px;
	margin: 28px 0 4px 0; 
}

h4 {
	font-size: 15px;
	line-height: 24px;
	letter-spacing: 1px;
	margin-top: 18px
}

h5 {
	font-family: Helvetica, "Helvetica Neue", Arial, "sans-serif";
	font-size: 10px;
	line-height: 12px;
	font-weight: bold;
}

h5#footnote {
	position: absolute;
	left: 64px;
	right: 64px;
	bottom: 40px;
	text-align: right;
	color: #505050;
}

p {
	font-size: 12px;
	line-height: 18px;
	text-align: justify;
	padding: 6px 0 12px 0;
}

p a {
	text-decoration: underline;
}

li a {
	font-weight: bold;
}

a {
	color: #282828;
	text-decoration: none;
}

a:focus {
	-moz-outline: none;
}

a:hover {
	color: #f0f0f0 !important;
	text-decoration: underline;
}

a img {
	border: none;
}

li {
	list-style: none;
}

hr {
	display: block;
	width: 100%;
	height: 1px;
	padding: 2px 0;
	background: transparent url("ae/hr.png") center center no-repeat;
	clear: both;
	color: #000000; /*For IE's stupid untargetable inner border*/
	filter: alpha(opacity=15);
}

.clear {
	clear: both;
}

#pages {
	margin: auto;
	min-width: 960px;
	min-height: 294px;
	padding-top: 278px;
	position: relative;
	height: 396px;
}

#pages ul {
	width: 604px;
	margin: auto;
	padding-left: 4px;
}

#pages li {
	display: block;
	float: left;
	position: relative;
}

#pages li a {
	position: relative;
	display: block;
	text-shadow: #ffffff 0px 0px 6px;
	color: #ffffff;
	font-weight: normal;
	width: 150px;
	height: 150px;
}

#pages li a img {
	position: absolute;
	display: block;
	width: 100%;
	height: 150%;
	margin-bottom: -50%;
}

#pages li a span {
	position: absolute;
	top: 100%;
	text-align: right;
	display: block;
	margin-right: -240px;
	width: 100%;
	visibility: hidden;
}

#pages li a:hover {
	text-decoration: none;
}

#pages li a:hover span {
	visibility: visible;
}

#wrapper {
	position: relative;
	width: 100%;
	min-width: 960px;
	min-height: 726px;
	overflow: hidden;
}

#main {
	position: relative;
	width: 960px;
	margin: auto;
	height: 100%;
}

#background {
	position: absolute;
	background: url("ae/shadow.png") repeat-y;
	width: 1056px;
	margin: 0 -48px;
	top: 0;
	bottom: 726px;
}

#background.flat {
	background: url("ae/ae_flat.jpg") no-repeat;
	height: 726px;
}

#background .gradient {
	position: absolute;
	top: 100%;
	width: 100%;
	height: 726px;
	background: url("ae/shadow_gradient.png");
}

#backdrop {
	position: absolute;
	width: 100%;
	height: 726px;
	background: url("ae/ae.jpg") top center no-repeat;
}

#blurdrop {
	position: absolute;
	width: 100%;
	height: 726px;
	background: url("ae/ae_blurred.jpg") top center no-repeat;
}

#header {
	position: relative;
	width: 100%;
	height: 120px;
	overflow: hidden;
}

#header img {
	position: absolute;
	width: 720px;
	height: 100%;
	margin: 0 120px;
}

#header .overlay {
	position: absolute;
	width: 100%;
	height: 100%;
	background: url("ae/header.png") center center no-repeat;
}

#sitenav {
	position: absolute;
	width: 720px;
	visibility: hidden;
	height: 30px;
	margin: 0 120px;
}

#header:hover #sitenav {
	visibility: visible;
}

#sitenav h2 {
	display: block;
	float: left;
	width: 25%;
	height: 100%;
	text-align: center;
	font-size: 12px;
	line-height: 30px;
}

#footer {
	position: relative;
	width: 864px;
	padding: 16px 80px;
	margin: 0 -32px;
	clear: both;
	background: url("ae/footer.png") no-repeat;
	min-height: 120px;
}

#footer * {
	color: #3c3c3c;
}

#footer .block {
	width: 240px;
	margin: 0 24px;
	float: left;
	position: relative;
}

#footer .block p {
	font-size: 10px;
	line-height: 15px;
	padding: 5px 0 10px 0;
}

#footer .block h5 {
	line-height: 15px;
	margin: 5px 0 10px 0;
}

#footer h4 {
	margin: 0;
	font-size: 12px;
	line-height: 21px;
}

#footer hr {
	background-position: center right;
}

#footer ul.bookmarks a:hover {
	text-decoration: none;
}

.block ul {
	padding: 5px 0 10px 0;
}

.block li {
	font-size: 10px;
	line-height: 15px;
}

#overview {
	position: relative;
	width: 1024px;
	margin: 0 -32px;
	overflow: hidden;
	min-height: 480px;
}

#overview .left {
	position: absolute;
	top: 0;
	left: 32px;
	width: 120px;
	height: 480px;
	background: url("ae/bg_left.png");
}

#overview .right {
	position: absolute;
	top: 0;
	right: 32px;
	width: 120px;
	height: 480px;
	background: url("ae/bg_right.png");
}

#overview .top {
	position: absolute;
	width: 100%;
	height: 9px;
	top: 0;
	background: url("ae/veil_top.png");
}

#overview .bottom {
	position: absolute;
	width: 100%;
	height: 5px;
	bottom: 0;
	background: url("ae/veil_bottom.png");
}

#overview h4 {
	margin: 0;
	line-height: 15px;
}

#overview p {
	font-size: 10px;
	line-height: 15px;
	padding: 5px 0 10px 0;
}

#overview .icon {
	position: absolute;
}

#veil {
	position: absolute;
	width: 1024px;
	height: 100%;
	background: url("ae/veil.png");
}

.column {
	position: relative;
	float: left;
	width: 344px;
	margin: 0 16px;
}

.column h3 {
	text-align: right;
	margin-top: 12px;
}

.navi a {
	position: absolute;
	width: 32px;
	height: 32px;
	margin: 8px;
}

.navi .previous {
	left: 0;
	background: url("ae/previous.png");
}

.navi .next {
	right: 0;
	background: url("ae/next.png");
}

.navi .down {
	left: 50%;
	bottom: -248px;
	margin: 0 -16px 0 -16px;
	background: url("ae/down.png");
}

#overview .navi {
	position: absolute;
	width: 944px;
	height: 0;
	margin: 0 40px;
	top: 216px;
	visibility: hidden;
	display: none;
}

#overview:hover .navi {
	visibility: visible;
}

#scrollcontrol.navi a, #storiescontrol.navi a {
	background-position: 0 -200%;
}

#storiescontrol.navi {
	top: 392px;
}

.accordion {
	position: relative;
	width: 100%;
	margin: 30px 0 36px 0;
}

.accordion .top {
	position: absolute;
	top: -24px;
	height: 24px;
	width: 100%;
}

.accordion .bottom {
	position: absolute;
	bottom: -24px;
	height: 24px;
	width: 100%;
}

.accordion h5 a {
	display: block;
	height: 12px;
	padding: 6px 8px;
	color: #c8c8c8;
}

.accordion h5 a:hover {
	color: #ffffff;
	background-position: 0 -100%;
	text-decoration: none;
}

.accordion .stretcher {
	position: relative;
}

.accordion .stretcher a {
	font-size: 10px;
	line-height: 12px;
	font-weight: bold;
}

.accordion .stretcher a:hover {
	text-decoration: none;
}

.column .accordion {
	margin-top: 48px;
	background: url("ae/accordion_column.png") right repeat-y;
}

.column .accordion .top {
	background: url("ae/accordion_column_top.png");
}

.column .accordion .bottom {
	background: url("ae/accordion_column_bottom.png");
}

.column .accordion h5 a {
	text-align: right;
	background-image: url("ae/accordion_column_toggler.png");
}

.column .accordion .media {
	background: url("ae/accordion_column_stretcher.png") bottom no-repeat;
}

.slide {
	position: relative;
	float: left;
	width: 64px;
	height: 64px;
	padding: 9px 11px 13px 11px;
	background: url("ae/bezel_64.png");
}

.slide img {
	position: absolute;
	width: 64px;
	height: 64px;
}

.slide a {
	position: absolute;
	width: 64px;
	height: 64px;
	background: url("ae/bezel_64_anchor.png");
}

.card {
	position: relative;
	float: left;
	width: 150px;
	height: 32px;
	padding: 9px 11px 13px 11px;
	background: url("ae/bezel_wide.png");
}

.card a {
	position: absolute;
	width: 106px;
	height: 24px;
	padding: 4px 4px 4px 40px;
	overflow: hidden;
}

.slide a:hover:active, .card a:hover:active {
	background-position: 0 -100% !important;
}

.carousel {
	position: relative;
	float: right;
	width: 344px;
	height: 96px;
	overflow: hidden;
	padding-bottom: 12px;
	margin: 16px;
	background: url("ae/carousel.png") no-repeat;
	font-size: 10px;
	line-height: 12px;
}

.carousel .tray {
	position: absolute;
	left: 0;
	width: 100%;
	height: 96px;
	overflow: hidden;
}

.carousel .tray .slide {
	margin: 7px 0 3px 0;
}

.carousel .control {
	position: absolute;
	top: 96px;
	width: 100%;
	visibility: hidden;
}

.carousel .control a {
	font-weight: bold;
	text-decoration: none;
}

.carousel .control .previous {
	position: absolute;
	left: 8px;
}

.carousel .control .position {
	margin: auto;
	text-align: center;
	font-weight: bold;
}

.carousel .control .next {
	position: absolute;
	right: 8px;
}

.meta {
	float: right;
	width: 376px;
	margin-bottom: 32px;
}

.column .meta {
	float: none;
	margin: 0 -16px;
}

.meta .block {
	position: relative;
	float: left;
	width: 156px;
	margin: 0 16px;
}

#lightbox {
	position: fixed;
	top: 0;
	width: 100%;
	height: 100%;
	background: url("ae/lightbox.png") center center;
	visibility: hidden;
}

#frame {
	position: absolute;
	left: 50%;
	top: 50%;
	width: 754px;
	height: 562px;
	margin: -281px -377px;
	background: url("ae/frame.png");
}

#frame .media {
	position: absolute;
	width: 720px;
	height: 480px;
	margin: 17px;
	overflow: hidden;
}

.indicator {
	position: absolute;
	width: 100%;
	height: 100%;
	background: url("ae/indicator.gif") center center no-repeat;
}

#frame .media img {
	position: absolute;
	max-height: 480px;
	max-width: 720px;
}

#frame .media object, #frame .media embed {
	position: absolute;
	width: 100%;
	height: 100%;
}

#frame .navi {
	position: absolute;
	left: 329px;
	bottom: 8px;
	height: 48px;
	width: 96px;
}

#frame .close {
	position: absolute;
	bottom: 9px;
	right: 9px;
	width: 16px;
	height: 16px;
	background: url("ae/close.png");
}

#frame a:hover:active, .navi a:hover:active {
	background-position: 0 -100% !important;
}

#scrolls {
	position: relative;
	width: 960px;
	margin: 0 32px;
	overflow: hidden;
	min-height: 480px;
}

#scrolls .tray {
	position: relative;
	width: 100%;
	min-height: 480;
}

#scrolls .scroll {
	width: 752px;
	margin: 0 104px 32px 104px;
	position: relative;
	float: left;
}

#scrolls .scroll h3 {
	margin-left: 16px;
	margin-right: 16px;
}

#scrolls .scroll hr {
	margin: 0 -104px;
	width: 960px;
}

#scrolls .icon {
	top: 150px;
	left: -60px;
	width: 240px;
	height: 360px;
}

#split {
	position: absolute;
	width: 960px;
	top: 120px;
	bottom: 120px;
	margin: 0 32px;
	background: url("ae/split_middle.png") 320px 0 repeat-y;
}

#split .top {
	width: 100%;
	height: 120px;
	top: -120px;
	background: url("ae/split_top.png") 320px 0 no-repeat
}

#split .bottom {
	width: 100%;
	height: 120px;
	bottom: -120px;
	background: url("ae/split_bottom.png") 320px 0 no-repeat;
}

#articles {
	position: relative;
	width: 720px;
	padding: 30px 152px;
}

#articles .icon {
	width: 240px;
	height: 360px;
	top: 60px;
	left: 32px;
}

#dateholder {
	position: absolute;
	top: 73px;
	left: 266px;
	width: 86px;
	height: 86px;
	background: url("ae/bezel_64.png");
}

#articles .article {
	position: relative;
	width: 520px;
	margin-left: 192px;
	padding-left: 16px;
	height: 150px;
}

#articles .article h4 {
	line-height: 30px;
}

#articles .article p {
	width: 420px;
	height: 90px;
	padding: 0;
	top: 45px;
	overflow: hidden;
}

#articles .article .date {
	position: absolute;
	display: block;
	margin-right: 100%;
	right: 3px;
	top: 55px;
	line-height: 30px;
	white-space: nowrap;
	text-align: center;
	font-weight: bold;
	font-size: 15px;
	width: 64px;
}

#article {
	position: relative;
	width: 720px;
	padding: 0 120px;
	min-height: 480px;
	padding-bottom: 32px;
}

#text li {
	font-size: 10px;
	line-height: 15px;
}

#text {
	position: relative;
	width: 516px;
	float: left;
}

#text p em {
	font-size: 10px;
	line-height: 15px;
	margin: 5px 0 10px 0;
}

#sidebar {
	position: relative;
	width: 172px;
	float: right;
}

#sidebar .accordion {
	background: url("ae/accordion_sidebar.png") left repeat-y;
}

#sidebar .accordion .top {
	background: url("ae/accordion_sidebar_top.png");
}

#sidebar .accordion .bottom {
	background: url("ae/accordion_sidebar_bottom.png");
}

#sidebar .accordion h5 a {
	background-image: url("ae/accordion_sidebar_toggler.png");
}

#sidebar .accordion .media {
	background: url("ae/accordion_sidebar_stretcher.png") bottom no-repeat;
}

#stories {
	position: relative;
	width: 960px;
	margin: 0 32px;
	height: 100%;
	overflow: hidden;
	background: url("ae/hr.png") 0 352px no-repeat;
	z-index: 0;
}

#stories .icon {
	left: -120px;
	top: 240px;
	height: 360px;
	width: 240px;
	z-index: 2147483647;
}

#stories .story {
	position: relative;
	float: left;
	width: 720px;
	height: 160px;
	padding: 0 120px;
}

#stories .story h4 {
	position: absolute;
	left: 388px;
	top: 6px;
	line-height: 30px;
	white-space: nowrap;
}

#stories .story h4 a {
	position: relative;
	display: block;
	height: 100%;
	width: 100%;
	color: inherit;
}

#stories .story p {
	position: absolute;
	left: 388px;
	width: 344px;
	top: 36px;
	padding: 0;
}

#stories .story .layers {
	position: absolute;
	top: 0;
	right: 572px;
	width: 128px;
	height: 128px;
	padding: 9px 11px 13px 11px;
	margin: 5px;
	background: url("ae/bezel_128.png");
}

#stories .story .layers img {
	position: absolute;
	width: 128px;
	height: 128px;
}

#story {
	position: relative;
	width: 752px;
	margin: 16px 104px 32px 104px;
	min-height: 480px;
}

#galleries {
	position: relative;
	width: 720px;
	height: 100%;
	margin: 0 152px;
}

#galleries .icon {
	bottom: -180px;
	left: -120px;
	width: 240px;
	height: 360px;
}

#thumbs {
	position: absolute;
	left: 0;
	width: 912px;
	margin: 0 56px;
	height: 100%;
	overflow: hidden;
}

#thumbs img {
	display: block;
	float: left;
	width: 64px;
	height: 64px;
	padding: 9px 11px 13px 11px;
	background: url("ae/bezel_64.png");
}

#gallery {
	position: relative;
	width: 720px;
	margin: auto;
	overflow: hidden;
	background: url("ae/black_20.png");
}

#gallery .left {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 7px;
	background: url("ae/gallery_left.png");
}

#gallery .right {
	position: absolute;
	top: 0;
	right: 0;
	height: 100%;
	width: 7px;
	background: url("ae/gallery_right.png");
}

#images {
	position: relative;
	width: 720px;
	height: 100%;
	margin: 0 -360px;
	margin: auto;
}

#images img {
	display: block;
	max-height: 480px;
	max-width: 720px;
	margin: auto;
}

.gallery {
	position: relative;
	float: left;
	width: 128px;
	height: 128px;
	margin: 56px;
}

.gallery img {
	display: block;
	position: absolute;
	width: 150%;
	height: 150%;
	top: -25%;
	right: -25%;
	bottom: -25%;
	left: -25%;
}

.gallery .layers {
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: 0;
}

.gallery .layers img {
	width: 100%;
	height: 100%;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
}

.gallery h4 {
	text-align: center;
	position: absolute;
	width: 150%;
	height: 150%;
	top: -25%;
	right: -25%;
	bottom: -25%;
	left: -25%;
	visibility: hidden;
	z-index: 1;
}

.gallery:hover h4 {
	visibility: visible;
}

.gallery h4 a {
	position: absolute;
	width: 125%;
	margin: 0 -12.5%;
	padding: 100% 0 15px 0;
	color: #505050 !important;
	left: 0;
	text-decoration: none;
	background: url("ae/transparant.gif");
}

#galleries #veil {
	margin: 0 -152px;
}

#info {
	position: relative;
	width: 552px;
	margin: 0 16px 32px 16px;
	float: left;
	min-height: 140px;
}