html { background-color:#f9f9f9; color:#636467; }
div { position:relative; }
a { color:inherit; text-decoration:none; }
a img { border:0; }
li { list-style:none; }
h1 { font:normal bold 16px/22px Helvetica; margin:0 0 0 4px; }
h2 { font:normal bold 16px/22px Helvetica; width:148px; margin:3px 0 5px 12px; border-bottom:6px double #ffffff; }
h3 { font:normal normal 13px/10px Helvetica; margin:0 0 0 4px; }

#blurb a, #blurb a:visited { color:#2266cc; }
#blurb a:hover { color:#22a077; }

#container {
	margin:auto;
	width:980px;
	border:1px solid #231F20;
}

#contents {
	margin:6px auto 0 auto;
	width:966px;
	height:30px;
	background-color:#636467;
}
#contents div {
	position:absolute;
	top:6px;
	left:389px;
	width:52px;
	height:15px;
	border:1px solid #F8F8F9;
	border-left:0; border-right:0;
	background:url('images/contents.png') no-repeat center center;
}

#top {
	margin:auto;
	width:966px;
	height:113px;
	border-bottom:9px solid #BCBEC0;
}
#header {
	position:absolute;
	top:7px;
	width:312px;
	height:71px;
	border-bottom:28px solid #00B0D8;
	background:#5B5C5E url('images/logo.png') no-repeat 7px 15px;
}
#buttons {
	position:absolute;
	right:0;
	width:645px;
	height:100%;
	background:#00B0D8 url(images/top4.png) no-repeat right center;
}
#buttons div {
	position:absolute;
	top:6px;
	left:137px;
	height:100px;
	border-right:1px dashed #FFFFFF;
}
#buttons a, #buttons a:visited { color:#f8f8f9; }

#topbutton {
	width:108px;
	margin:6px 0 0 -15px; /margin:0 0 0 22px;
	font:normal bold 9px/16px Helvetica;
	text-transform:uppercase;
}
#topbutton li {
	padding-right:4px;
	color:#f8f8f9;
	text-align:right;
	border-top:1px dashed #ffffff;
}
#topbutton li:first-child { border:0; /margin-top:6px; }
#topbutton li:hover { background:#5B5C5E url('images/arrowsm.png') no-repeat left center; }
#topbutton li:hover ul { visibility:visible; }
#topbutton ul {
	visibility:hidden;
	position:absolute;
	left:130px; /left:90px;
	margin-top:-16px; /margin-top:-9px;
	text-align:right;
}
#topbutton ul li {
	margin-left:-27px; /margin-left:13px;
	text-align:left;
	padding:0 5px 0 3px;
	color:#f8f8f9;
	background-color:#5B5C5E;
}
#topbutton ul li:hover, #topbutton ul li:hover a { background-color:#f8f8f9; color:#5B5C5E; }
#topbutton option { font:normal normal 12px/16px Helvetica; color:#5B5C5E; background-color:#f8f8f9; }
#topbutton option:hover { color:#f8f8f9; background-color:#5B5C5E; cursor:pointer; }


#topspace {
	margin:auto;
	width:956px;
	height:12px;
	border-bottom:1px solid #231F20;
}

#main {
	margin:auto;
	width:966px;
	display:table-row;
}
#left {
	width:170px;
	margin:20px 0 20px 13px;
	display:table-column;
	float:left;
	overflow:hidden;
	background-color:#00B0D8;
	color:#ffffff;
	font:normal normal 12px/14px Helvetica;
}
#left a {
	width:100%;
	margin:1px 0 0 0;
	padding-left:13px;
	display:block;
}
#left a, #left a:visited { /color:#ffffff; }
#left a:hover {
	background-color:#ffffff;
	color:#636467;
}
#leftnav {
	width:148px;
	margin:33px 0 17px 12px;
	padding:5px 0 5px 0;
	overflow:hidden;
	border-bottom:6px double #ffffff;
	border-top:6px double #ffffff;
}
#leftnav a { padding-left:0; }

#center {
	width:313px;
	margin:20px 0 20px 20px;
	display:table-column;
	float:left;
}
#title1 { height:50px; border:5px solid #636467; border-left:0; border-right:0; }
#title2 { height:44px; border:1px solid #636467; border-left:0; border-right:0; margin-top:2px; }
#title3 { height:36px; background-color:#00B0D8; margin-top:4px; color:#ffffff; }
#blurb {
	width:94%;
	min-height:200px;
	padding:7px;
	margin:4px auto 4px auto;
	border:1px solid #636467;
	font:normal normal 10px/16px Helvetica;
}
#specs {
	width:100%;
	border:1px solid #636467;
	font:normal normal 10px/16px Helvetica;
}
#specs td { border-top:1px solid #636467; padding:2px 3px 1px 3px; }
#bonus {
	width:100%;
	margin:10px auto auto auto;
}

#right {
	width:402px;
	margin:20px 0 20px 25px;
	display:table-column;
	float:left;
}
#bigpic {
	width:400px;
	height:300px;
	border:1px solid #BCBEC0;
	text-align:center;
}
#bigpic img {
	max-width:390px;
	max-height:290px;
}
#smpic {
	width:124px;
	height:100px;
	float:left;
	margin:10px 3px 4px 3px;
	border:2px solid #BCBEC0;
	overflow:hidden;
}
#smpic img {
	max-width:300px;
	max-height:190px;
	min-width:220px;
	min-height:140px;
	margin-top:-25%;
	margin-left:-25%;
}
#smpic span {
	position:absolute;
	bottom:10px;
	right:5px;
	visibility:hidden;
	font:normal normal 12px/14px Helvetica;
	padding:2px;
	color:#223344;
	background-color:#eeeeee;
	opacity:.75;
}
#overpic {
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	text-align:center;
	font:normal bold 12px/14px Helvetica;
	background:url('images/greyfade.png') repeat top left;
	color:#333355;
	display:none;
}
#pictureup {
	max-width:75%;
	max-height:75%;
	background-color:#ffffff;
	padding:20px;
	margin-top:85px;
	margin-bottom:-19px;
	border:1px solid #888888;
}

#map0 {
	width:780px; /width:770px;
	height:530px; /height:570px;
	margin:15px auto 20px 5px;
	border:1px outset #BCBEC0;
	font:normal normal 12px/16px Helvetica;
	float:left;
}
#map0 a:link, #map a:visited { color:#343436; }
#map0 a:hover { color:#00B0D8; }
#mapside {
	width:169px;
	height:100%;
	border-right:1px dotted #888888;
	float:left;
	overflow-y:auto;
	overflow-x:hidden;
}
#mapside td {
	margin-bottom:5px;
	border-bottom:1px dashed #555555;
}

#botspace {
	margin:2px auto auto auto;
	width:966px;
	height:32px;
	background-color:#BCBEC0;
	border:5px solid #58595B;
	border-left:0; border-right:0;
}

#links {
	position:relative;
	margin:auto auto 5px auto;
	width:966px;
	height:50px;
}
.copy {
	position:absolute;
	top:12px;
	left:12px;
	font:normal normal 8px/12px Helvetica;
}
#botlinks {
	position:absolute;
	top:12px;
	left:304px;
	font:normal normal 8px/10px Helvetica;
	text-transform:uppercase;
}
#botlinks td { padding:0 4px 0 4px; }
#botlinks a:hover, #botlinks a:visited:hover { color:#00B0D8; }
#botlinks a, #botlinks a:visited { /color:#636467; }

#listcols {
	float:left;
	width:190px;
	margin:15px 20px 20px 20px;
	text-align:center;
	background-color:#00B0D8;
	font:normal normal 13px/17px Helvetica;
}
#listcols:first-child { margin-left:50px; }
#listcols a {
	width:100%;
	margin:2px 0 0 0;
	display:block;
	color:#ffffff;
	background-color:#00B0D8;
	border-top:1px dashed #ffffff;
}
#listcols a:first-child { border:0; }
#listcols a:hover {
	background-color:#ffffff;
	color:#636467;
}