body {
	margin:0;
	padding:10px;
	background: #808285;
	color: #808285;
	text-align:center;
}

#container {
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -409px; /* half of width */
    margin-top: -244px;  /* half of height */
	padding:0;
	width: 818px;
	height:488px;
	text-align:left;
	background:url(images/background.gif) top left no-repeat;
	overflow:hidden;
	z-index:10;
}
      
#mainNavContainer {
	float:left;
	border-top: #FFF solid 5px;
	border-left: #FFF solid 5px;
	width: 542px;
	height: 363px;
	background: #284073;
	/*overflow:hidden;*/
}

#mainCopy {
	float:left;
	border-top:#FFF solid 5px;
	border-left: #FFF solid 25px;
	width:205px;
	padding-right:30px;
	border-bottom:#FFF solid 20px;
	height:455px;
	overflow:auto;
	background:#FFF;
}

#mainImg {
	float:left;
	padding:0;
	margin:0;
	width:433px;
	height:345px;
	overflow:hidden;
}

#bottomBar {
	position:absolute;
	/*top: 390px;*/
	top:390px;
	left:5px;
	width: 542px;
	height: 66px;
	background: url(images/Proximo_logo.gif) 20px 15px no-repeat;
	text-align:right;
}

#bottomBar img {
	padding-left: 6px;
	border: none;
}

#bottomBar p {
	font:8px/25px Arial, Helvetica, sans-serif;
	color:#808285;
	text-align:right;
	font-weight:normal;
	padding:0;
	margin:0;
}

p {
	font:12px/20px Arial, Helvetica, sans-serif;
	color:#000;
	text-align:left;
	font-weight:normal;
}

h1 {
	font:19px/55px Arial, Helvetica, sans-serif;
	color:#000;
	text-align:left;
	font-weight:200;
	letter-spacing:0.05em;
}

h1 img {
	float:none;
}

#mainCopy img{
	padding-right:5px;
	float:left;
	border:none;
}

h3 {
	font:12px/20px Arial, Helvetica, sans-serif;
	color:#284073;
	text-align:left;
	font-weight:bold;
}

#storyList {
	position:absolute;
	top:280px;
	width:205px;
	background: #284073;
	color:#FFFFFF;
	list-style:none;
	padding:0;
	margin:0;
	overflow:hidden;
}

#storyList h2 {
	font: 14px/20px Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-align:center;
	letter-spacing:0.07em;
	background: #284073;
}

#storyList ul {
	list-style:none;
	padding:0;
	margin:0;
}

#storyList li {
	width: 100%;
	font: 12px/24px Arial, Helvetica, sans-serif;
	padding: 0;
	margin: 0;
	display: block;
	border-bottom:#FFF solid 1px;
	background: #284073;
	text-align:center;
}

#storyList a {
	display: block;
	background:#284073;
	color:#FFF;
	text-decoration:none;
	font-weight:bold;
}

#storyList a:hover, #storyList a:active {
	color:#284073;
	background:#FFF;
	text-decoration:none;
	font-weight:bold;
}

#storyList li.story {
	float:left;
	width: 50%;
	font: 12px/24px Arial, Helvetica, sans-serif;
	padding: 0;
	margin: 0;
	display: block;
	background: #284073;
	text-align:center;
}

#mainCopy.story {
	float:left;
	border-top:#FFF solid 5px;
	border-left: #A8A9AD solid 1px;
	width:200px;
	padding-top:70px;
	padding-right:30px;
	padding-left:24px;
	border-bottom:#A8A9AD solid 60px;
	height:340px;
	overflow:auto;
	background:#A8A9AD;
}

#storyTitle {
	position:absolute;
	top:5px;
	width:200px;
	height:75px;
	background:#A8A9AD;
}

#mainCopy.story #storyList {
	position:absolute;
	top:430px;
	width:200px;
	background: #284073;
	color:#FFFFFF;
	list-style:none;
	padding:0;
	margin:0;
	overflow:hidden;
}

.blueLink {
	font: 14px/20px Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-align:center;
	letter-spacing:0.07em;
	background: #284073;
	color:fff;
}

.blueLink a {
	color:#fff;
	text-decoration:none;
}

a {
	color:#284073;
	font-weight:bold;
	text-decoration:none;
}

a:hover {
	text-decoration:underline;
}