/*div {
  border: 1px solid red;
}*/


#container {
	width: 60em;
	max-width: 100%;
	margin: 0;
}	

#heading {
	text-align: right;
}

h1 {
	font-variant: small-caps;
	font-size: 175%;
	font-weight: lighter;
	margin-right: 104px;
	letter-spacing: .2em;
}
h1 a {
	color: #003fd2;
	text-decoration: none;
}

p#strapline {
    font-style: italic;
	font-size: 75%; 
	color: gray;
	margin-top: 0em;
	margin-right: 70px;
}

#content {
  float: right;
	width: 43em;
	max-width: 75%;
	margin-top: 3.2em;
}

#content p {
	margin: 10px 70px 0 0px;
}

h2 {
  margin-bottom:1em;
	color: #003fd2;
}

a[href^="http:"] {
	background: url(upload_images/external_icon.png) no-repeat right top;
   padding-right: 12px;
}

a[href^="http://www.sterlingudell.com"], a[href^="http://sterlingudell.com"],
a.no_link_icon {
	background-image: none;
	padding-right: 0;
}

.punctuation_after_icon {
	margin-left: -12px;
	margin-right: 3px;
}

#mainNav {
  float: left;
	width: 18em;
	max-width: 25%;
	margin-top: 3.2em;
}

#mainNav ul {
	margin: 0 0 0 2em;
	padding: 0;
	list-style-type: none;
}

#mainNav a {
	display: block;
	height: 100%;
	width: 100%;
	text-decoration: none;
	text-indent: 48px;
	line-height: 38px;
}

#mainNav li {
	height: 38px;
	margin-bottom: 5px;
}

#mainNav .active {
   color: #003fd2;
	text-indent: 48px;
	line-height: 38px;
}

#maps_book {
	background: url(upload_images/nav_maps_book_sml.png) no-repeat 0 50%;
	
}

#gadgets_book {
	background: url(upload_images/nav_gadgets_book_sml.png) no-repeat 0 50%;
	
	 
}

#home {
	background: url(upload_images/nav_home_sml.png) no-repeat 0 50%;
}

#daylightmap {
	background: url(upload_images/nav_daylightmap_sml.png) no-repeat 0 50%; 
}

#polyclock {
	background: url(upload_images/nav_polyclock_sml.png) no-repeat 0 50%;
	
}

#satellitefriendly {
	background: url(upload_images/nav_satellitefriendly_sml.png) no-repeat 0 50%; 
}
#lunescope {
	background: url(upload_images/nav_lunescope_sml.png) no-repeat 0 50%;
}

#terratime {
	background: url(upload_images/nav_terratime_sml.png) no-repeat 0 50%;
}

#convertor {
	background: url(upload_images/nav_convertor_sml.png) no-repeat 0 50%;
}

#wam {
	background: url(upload_images/nav_wam_sml.png) no-repeat 0 50%;	 
}

#polyclock {
	background: url(upload_images/nav_polyclock_sml.png) no-repeat 0 50%;
}

#wearablewidgets {
	background: url(upload_images/nav_wearable_sml.png) no-repeat 0 50%;
}

#footer {
	clear: both;
	padding-top: 15em;
	
}