/*  Style sheet for ASU Maps Splash.  Created by asu.edu Web Services.  Copyright 2007, Arizona State University.  */
/* At the time of production on 9/24/2007, this style sheet validated in the W3C CSS Validation Service. */

/*=================================
	Global Style Overrides
=================================*/
#asu_content {
	background: none;
	margin-top: 0;
	padding: 0;
}
#asu_content_container {
	margin-left: 0;
	background: #fff url(../images/bg-img.jpg) right top no-repeat;
	padding-right: 0;
}
.asu_body_copy {
	margin-left: 0;
	padding-top: 0;
	font-family: arial, sans-serif;
}
h2, h3, h4 {
	border-bottom: none;
}

/* ---------- Layout ----------*/
#content {
  margin: 0;
  padding: 15px 18px 0 12px;
  font: normal 12px/120% arial, sans-serif;
  color: #333;
}
#ads {
  margin: 0;
  padding: 5px 0 10px 10px;
  float: right;
  width: 133px;
}
#intro {
  margin: 0;
  padding: 0 0 10px 0;
  border-bottom: 2px dotted #d7d7d7;
  font-family: "helvetica neue", arial, sans-serif;
}
#instructions {
  margin: 0;
  padding: 0;
  float: left;
  width: 45%;
}
#showcase {
  margin: 0;
  padding: 0;
  float: right;
  width: 55%;
}
#box {
  background: #f3f3f3 url(images/box-image.jpg) 15px 4px no-repeat;
  margin: 0;
  padding: 4px 8px 5px 110px;
  font-size: 13px;
}
#flavors {
  margin: 0;
  padding: 12px 0 18px 0;
  font-family: arial, sans-serif;
  font-size: 13px;
}
.category {
  margin: 0;
  padding: 0;
  float: left;
}
#driving.category {
  width: 27%;
  padding: 0 1% 0 0;
}
#printable.category {
  width: 32%;
  padding: 0 1% 0 2%;
  border-left: 2px dotted #d7d7d7;
  border-right: 2px dotted #d7d7d7; 
}
#three-d.category {
  width: 34%;
  padding: 0 0 0 2%;
}

/* ---------- Basic Elements ----------*/
a img {
  border: none;
}
u {
  text-decoration: none;
  font-weight: normal;
}
h2, h3, h4, p, em, strong, dl, dt, dd {
  margin: 0;
  padding: 0;
}
h2 {
  font-size: 18px;
}
h3 {
  font-size: 16px;
  padding-top: 7px;
  margin-bottom: 7px;
  text-transform: none;
  color: #333;
  letter-spacing: normal;
  line-height: 100%;
}
ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

/* ---------- Text ----------*/
#intro p {
  max-width: 600px;
}
#instructions p {
  color: #666;
  font-size: 14px;
  line-height: 19px;
  padding-right: 15px;
}
#ads p {
  margin-bottom: 10px;
}
#instructions h2 {
  margin-bottom: 10px;
  padding-top: 6px;
  color: #333;
  font-weight: bold;
}
#showcase h2 {
  padding: 6px 0;
  background: #d5d5d5 url(images/bar-gradient.jpg) 0 0 repeat-x;
  padding-left: 110px;
  font-weight: bold;
  color: #333;
  line-height: 90%;
}
#showcase em {
  display: block;
  padding: 4px 0 0 0;
  margin: 0 0 7px 0;
}
#showcase strong {
  display: block;
}
#box p {
  margin-bottom: 10px;
}
#driving.category dl, #driving.category h3 {
  margin-left: 69px;
}
#printable.category dl, #printable.category h3 {
  margin-left: 86px;
}
#three-d.category p, #three-d.category h4, #three-d.category h3, #three-d.category dl {
  margin-left: 75px;
}
#three-d.category p {
  margin-bottom: 10px;
}
#three-d.category p.headline {
  font-size: 15px;
  line-height: 17px;
  margin-bottom: 18px;
}
#three-d.category p.headline em {
  font-size: 13px;
}
p b {
  color: #8c8c8c;
  font-weight: normal;
  display: block;
  margin-top: 3px;
}
h4 {
  font-weight: normal;
  color: #444;
  margin-bottom: 8px;
}

/* ---------- Lists ----------*/
.category dt {
  font-weight: bold;
  margin-bottom: 3px;
}
.category dd {
  margin-bottom: 10px;
}
#printable.category dd {
  display: inline;
}
#printable.category dt {
  margin-top: 10px;
}
#printable.category dt#first {
  margin-top: 0;
}
#three-d ul {
  margin-left: 75px;
}
#three-d li {
  margin-bottom: 5px;
}
dd i {
  font-style: normal;
  padding: 0 3px;
  color: #b34067;
}

/* ---------- Links ----------*/
a:link, a:visited, a:hover, a:active {
	color: #903;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
.category dt a:link, .category dt a:visited, .category dt a:hover, .category dt a:active, p a:link, p a:visited, p a:hover, p a:active {
  color: #b34043;
}
.category dd a:link, .category dd a:visited, .category dd a:hover, .category dd a:active, #three-d li a:link, #three-d li a:visited, #three-d li a:hover, #three-d li a:active {
  color: #b34067;
}

/* ---------- Images ----------*/
#box img {
  float: left;
  margin-right: 20px;
}
#box img.interactive {
  margin-right: 0;
  margin-bottom: 10px;
}
#box img.promo {
  float: right;
  margin-right: 0;
}
.category img {
  float: left;
}
#three-d.category img#get-earth {
  float: none;
  margin: 10px 0 0 0;
  padding: 0;
}

/* ---------- Utilities ----------*/
.erase {
  clear: both;
}
.clearLeft {
  clear: left;
}