/* Home page of typesmart.com */

body  { background-color: #fff; }

#head, #page, #foot { border-width: 0; border-color: #fff; }

#head { height: 110px; width: 100%; }
	#enjoy { position: absolute; margin-top: 10px; margin-left: 0; }
	#typeSmart { height: 83px; margin: 0 auto; border-bottom: 18px solid #339; }
		#company { position: absolute; top: 15px; left: 230px; background-color: transparent; }
		#logo    { position: absolute; top: 5px; left: 500px; }
	table#tabs { margin: -18px 0 10px 280px; }

#foot { margin-top: 0; padding-top: 15px; }
	#splash #foot h2 { margin: 0; padding: 0; }
	#splash #foot p  { margin-bottom: 0; padding-bottom: 0; }

h1 { text-align: center; margin: 0 0 .5em 0; padding: 0; font-size: 2em; }
h1 a:hover { text-decoration: underline; }

img { margin: 0; padding: 0; }

a:hover { background-color: #fda; }

dd { margin: 0; padding: 5px 10px; }

.audience    { float: left; width: 222px; margin: 10px 6px 0 6px; padding: 0; padding-bottom: 15px; background: transparent url(../images/audience.gif) no-repeat; }
.audience h2 { height: 40px; line-height: 40px; margin: 0 0 5px 0; padding: 0 30px; text-align: center; font-size: 2em; font-family: Georgia; }
.audience dd { height: 100px; padding: 0 15px 10px 15px; }
.audience a.opaque       { display: block; height: 30px; line-height: 30px; margin-top: 5px; }
.audience a.opaque:hover { color: #00f; background: #f93 /* url(../images/select.gif) left no-repeat */; }
.audience a              { color: #336; }
.audience a strong       { color: #009; line-height: 1.25em; font-size: 1.2em; font-family: Georgia, "Times New Roman", Times, serif; }

.links               { clear: both; margin: 0 10px; border: 1px solid #bbd; }
.links em            { font-size: 1em; }
.links img#download  { padding: 5px; padding-bottom: 10px; }
.links tr            { vertical-align: top; }
.links .th           { border-right: 1px solid #ccd; height: 18px; line-height: 18px; text-align: center; background-color: #bbd; color: #fff; font-weight: bold; }
.links .cell         { border-right: 1px solid #ccd; color: #336; }
.links .th a         { display: block; }
.links .th a:link    { color: #fff; background-color: #bbd /* #bbf */; }
.links .th a:visited { color: #fff; background-color: #bbd /* #bbf */; }
.links .th a:hover   { color: #336; background-color: #cce; }
.links .cell a       { color: #336; }
.links .cell p       { margin: 5px; padding: 5px; }

/* Explorer fixes */
* html #enjoy { left: 0; top: 0; margin-top: 5px; }
* html #logo { top: 10px; }
* html #typeSmart { height: 78px; }
/* html #splash #foot h2 { margin-top: -20px; } */

/* Win Explorer 6 fixes \*/
