@import "../styles/reset.css";
@import "../styles/global.css";

body {
	background:#07375c;
	text-align:left;
}
.photopoint {
	line-height:1.3em;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#666;
	text-align:left;
}
.photopoint h3 {
	font-size:11px;
	color:#029fe8;
	font-weight:bold;
	text-align:left;
}
.photopoint h4 {
	font-size:11px;
	color:#666;
	text-align:left;
}
.photopoint img {
	margin:5px 0px;
}

#wrapper {
	width:100%;
}
#head {
	width:100%;
	text-align:center;
	height:145px;
	background:url(../images/head.jpg) top center no-repeat;
	
}

#head.google {
	width:100%;
	text-align:center;
	height:145px;
	
}

#map-wrapper {
	width:100%;
	height:448px;
	background:url(../images/border-bottom.gif) bottom repeat-x;
}

#map-wrapper-free_earth {
	width:100%;
	height:100%;
	/*background:url(../images/border-bottom.gif) bottom repeat-x;*/
}
#footer {
	width:100%;
	height:166px;
	background:url(../images/footer.jpg) top center no-repeat;
}
#credits {
	width:100%;
	height:345px;
	background:#031d37;
	border-top:1px solid #45c4ff;
}
#utils {
	width:100%;
	height:145px;
	position:absolute;
	top:0;
	background:url(../images/border-top.gif) bottom repeat-x;
}
#utils-wrapper {
	width:933px;
	height:143px;
	margin:0px auto;
}
#blue {
	width:175px;
	height:35px;
	float:right;
	
}

#orange-in {  }

#orange #stories { font-size:12px; color:#f2aa37; margin-top:10px; }

#orange {
	width:175px;
	height:35px;
	position:relative;
	
	float:left;
}
#orange, #blue {
	margin-top:40px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#fff;
	font-weight:bold;
	text-align:center;
}
#orange a, #blue a {
	color:#fff;
	text-decoration:none;
	width:175px;
	height:35px;
	display:block;
}
#foot-wrapper {
	width:933px;
	margin:0px auto;
	padding-top:40px;
}

#footer .runaroundl {
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:bold;
	color:#d3d3d3;
}
#footer .runaroundl img {
	float:left;
	margin-right:15px;
}

#wui {
	width:100px;
	float:right;
	text-align:right;
	font-size:9px;
	line-height:16px;
	display:block;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:9px;
}
#wui a {
	color:#535353;
	text-decoration:none;
}
#wui a:hover {
	color:#FFFFFF;
}
#wui img {
	float:right;
}

#content-wrapper {
	background:#00143b url(../images/border-bottom.gif) bottom repeat-x;
	width:100%;
	height:473px;
}
#content {
	width:963px;
	margin:0px auto;
	background:#00143b url(../images/howto-bg.jpg) center no-repeat;
	height:445px;
	padding-top:25px;
}
#content h1 {
	text-align:center;
	font-size:18px;
	color:#ff6834;
	font-weight:bold;
	text-transform:uppercase;
}
.column {
	width:321px;
	float:left;
}
.column h2 {
	font-size:24px;
	color:#ffff00;
	font-family:"Times New Roman", Times, serif;
	margin-bottom:20px;
}
.column h2 span {
	color:#029fe8;
}
.column p {
	color:#fff;
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif;
	line-height:1.4em;
	margin-right:40px;
	margin-bottom:25px;
}
.column h3 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#ff6834;
	font-weight:bold;
	margin-bottom:5px;
}
.column .flickrlink {
	width:205px;
	display:block;
	margin-left:30px;
}
.column .grouplink {
	font-family:"Times New Roman", Times, serif;
	font-size:18px;
	color:#fff;
	display:block;
	text-decoration:none;
	font-weight:bold;
}
.grouplink span {
	color:#029fe8;
}
.grouplink em {
	color:#ff6834;
	font-style:normal;
}
.or {
	font-weight:bold;
	font-size:18px;
	color:#6991ac;
	font-family:"Times New Roman", Times, serif;
	display:block;
	margin:10px 0px;
}
.homelink {
	display:block;
	padding-left:10px;
	background:url(../images/arrow.gif) left no-repeat;
	font-family:"Times New Roman", Times, serif;
	font-size:14px;
	font-weight:bold;
	text-decoration:none;
	color:#ffff00;
	text-transform:uppercase;
	margin-bottom:25px;
}

#visit_aquarium{
	position:absolute;
	top:-30px;
	left:0px;
	
	width:175px;
	font-size:12px;
	color:#FFFF66;
}

#visit_aquarium a{
	font-size:12px;
	color:#FFFF66;
}