html { margin: 0; padding: 0; }
body { background: #222; margin: 0; padding: 0; font-size: 10pt; font-family: sans-serif; color: #eee; }
#container { width: 950px; margin: 0 auto 0 auto; background: transparent url('images/BackStripeDropShadow.png') center repeat-y; }
#tail { width: 950px; margin: 0 auto 0 auto; background: transparent url('images/FooterFade.png') center no-repeat; height: 53px;}

.insideContainer { width: 900px; margin: 0 auto 0 auto; padding: 0; border: none; }
#header { height: 116px; background: #c8c8c8 url('images/Header.png') no-repeat; }
#content { border-top: solid 3px #ddd; background: #343434 url('images/BackgroundFade.png') left top no-repeat; }
#footer { height: 35px; background: #c8c8c8; border-top: solid 3px #efefef; clear: both; }

#navigation { position: relative; top: 86px; margin-left: 10px; }
#navigation a { float: left; display: block; height: 23px; width: 100px; background: url('images/Tab.png') no-repeat top left; margin-left: 1px; text-align: center; padding-top: 7px; font-size: 1.1em; text-decoration: none; color: #ddd; }
#navigation a:hover { background: url('images/TabHighlight.png') top left; color: #666; }
#navigation .selected { background: url('images/TabHighlight.png') top left; color: #666; }

.main { margin: 20px; width: 480px; float: left; background: transparent; }
.sub { margin: 20px 20px 0 20px; width: 340px; float: left; background: transparent; }

h1 { font-family: Tahoma; font-size: 1.8em; color: #efefef; margin: 0 0 10px 0; padding: 5px; border-bottom: solid 1px #aaa; text-shadow: 2px 2px 3px #333; }
a { color: red; }
a:hover { color: #bbb; }

/* main page */
.product { margin: 20px 0 0 0; }

.product img { float: left; margin: 15px; border: none; }
.product div { float: left; margin: 20px 0 0 10px; }

.product h2 { color: #eee; font-weight: normal; font-size: 1.8em; float: left; padding: 0; margin: 0; }
.product p { color: #ebeff5; clear: both; margin: 0; padding: 1px 0 0 0; font-size: 1.1em; width: 350px; line-height: 1.2em; }
.product a { color: #eee; text-decoration: none; }

.product a:hover h2 { color: #888; }
.product a:hover p { color: #888; }

#consulting p { padding: 10px; color: #ebeff5; font-size: 1.4em; }
#phone { position: relative; bottom: -3px; left: 70px;}

#disclaimer { text-align: center; padding-top: 20px; color: #333; font-weight: bold; }

.callout { margin: 30px 5px 5px 5px; padding: 10px 15px 10px 15px; background: #2a2a2a url('images/dogear.png') right top no-repeat; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; }
.callout h2 { font-weight: normal; margin: 0 0 10px 0; padding: 0; }
.callout .more { text-align: right; line-height: 2em; font-size: 1.1em; }
.callout-item img { float: left; margin-top: 3px; margin-right: 10px; }
.callout-item h2 { padding: 0; margin: 0 0 5px 0; font-weight: normal; }
.callout-item div { line-height: 1.3em; }


/* detail pages */
#description { font-size: 1.1em; margin: 0 0 0 10px; line-height: 1.4em; }
#description h2 { color: #999; font-weight: normal; font-size: 1.3em; text-shadow: 2px 2px 3px #333; }

#screenshots { clear: both; text-align: center; }
#quotes p.quote { margin: 10px 20px 10px 10px; font-size: 1.3em; font-style: italic; color: #ccc; line-height: 1.4em; }
#quotes .attrib { display: block; margin-top: 10px; font-style: normal; color: #ccc; font-weight: bold; padding-left: 10px; }
#quotes .quotemark { font-size: 2em; position: relative; top: 10px; padding-right: 5px; }
#appstore { margin: 20px 0 0 10px; }
#appstore img { border: none; text-decoration: none; }

.platforms { float: left; padding: 15px; width: 140px; height: 270px; text-align: center; }
.platforms:hover { background: #555; cursor: pointer; }
.platforms h3 { text-align: center; margin: 0; padding: 0; }
.platforms span { display: block; text-align: center; margin: 5px 0 10px 0; }

.app-store { color: #eee; text-decoration: none; }
.app-store img { border: none; }

/* consulting */
.client { float: left; text-align: center; margin: 5px; }
.client img { height: 86px; width: 100px; }
.client p { margin: 5px 0 0 0; padding: 0; }

/* email list */
.coming-soon { padding: 20px; }

.button { background-color:#ddd; border:1px solid #999; border-top:1px solid #eee; border-left:1px solid #eee; padding: 4px; margin: 0 1px 0 1px; font-size: 1em; }
.button:hover { background-color:#aaa; }
.button:active { background-color:#555; color: #efefef; }
.email-field { background-color:#efefef; border:1px solid #999; border-bottom:1px solid #eee; border-right:1px solid #eee; padding: 4px; width: 200px; margin: 0 1px 0 1px; color: #000; font-size: 1em; }
.hint { font-style: italic; color: #999; }

/* hands-only */
.tm { font-size: .5em; position: relative; top: 5px; }
abbr { border-bottom-width: 0; }