html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; }

*:focus { outline: 0; }

body { line-height: 1em; color: black; background: #fff; }

ol, ul { list-style: none; }

/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: separate; border-spacing: 0; vertical-align: middle; }

caption, th, td { text-align: left; font-weight: normal; vertical-align: middle; }

q, blockquote { quotes: "" ""; }
q:before, q:after, blockquote:before, blockquote:after { content: ""; }

img a { border: none; }

body, input, select { font: 10.5pt "Helvetica Neue", "Helvetica Sans Unicode", Helvetica, sans-serif; }

body { background-color: #333; color: #fff; line-height: 1.6em; margin: 1em auto 2em; width: 980px; }

h1, h2, h3, h4, h5 { font-weight: bold; margin: 0.4em 0; }

h1 { font-size: 2em; }

h2 { font-size: 1.4em; }

h3 { font-size: 1.2em; }

h4 { color: #6587a1; font-size: 1.1em; }

h5 { font-size: 1em; }
h5.limited { font-style: normal; color: #d43329; }

p { margin: 1em 0 2em; }

em { font-style: italic; }

strong { font-weight: bold; }

a { text-decoration: none; }
a:link, a:visited { color: #195e9e; }
a:hover { color: #1f7dd3; }

ul { margin: 1em 0 2em 1em; list-style-type: none; }
ul li { background: url(../images/symbols/tick.png) no-repeat 0 0.25em; padding-left: 20px; margin: 0.5em 0; }

#form { margin: 2em 40px; }
#form .option { border-color: #ccc; border-style: solid; border-width: 0 1px 1px 1px; background: #fff; color: #999; padding: 20px; }
#form .header { background: url(../images/elements/form_header.png) no-repeat top; height: 40px; margin: 0 auto; padding: 80px 0 0 200px; font-weight: bold; text-align: center; }
#form .header a { background: url(../images/elements/tab.png) no-repeat top left; display: block; float: left; overflow: hidden; height: 40px; width: 200px; }
#form .header a span { background: url(../images/elements/tab.png) no-repeat top right; display: block; padding: 0 40px; line-height: 40px; }
#form .header a:hover { background-position: 0 -80px; }
#form .header a:hover span { background-position: 100% -80px; }
#form .header a.selected, #form .header a.selected:hover { background-position: 0 -40px; color: #333; }
#form .header a.selected span, #form .header a.selected:hover span { background-position: 100% -40px; }

#article { background: #eee url(../images/elements/article_middle.png) repeat-y; color: #333; padding: 0 10px; text-shadow: 0 1px 0 #fff; }
#article #header { background-color: #222; border-bottom: 4px solid #ccc; margin: 0 10px; padding: 10px 20px; }
#article #header .aside { color: #999; float: right; font-size: 1.1em; margin: 32px 20px 0; text-shadow: none; }
#article .section { overflow: hidden; padding: 20px 20px; }
#article .section:last-child { background: url(../images/elements/article_bottom.png) no-repeat bottom; padding-bottom: 20px; }
#article .section.alternate { background-color: #fff; border-top: 1px solid #ccc; border-bottom: 1px solid #999; margin: 0 10px; }
#article .section .content { float: left; width: 640px; }
#article .section .aside { float: right; margin: 20px 10px 0 0; width: 260px; }
#article .section .aside h2 { margin-top: 0.5em; text-align: center; }

#footer { color: #666; font-size: 0.9em; margin: 0 20px; text-align: center; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3); }
#footer a:link, #footer a:visited { color: #999; }
#footer a:hover { border-bottom: 1px dotted; color: #eee; }
#footer a:active { color: #ccc; }
#footer .nav { margin: 0 0 1em; }
#footer .nav li { background-image: none; display: inline; margin: 0 1em; padding: 0; }
#footer .license, #footer .address { margin: 0 1em; }

#bundle h1, #bundle h2 { font-size: 2em; text-align: center; }
#bundle h2 { margin: 1em 0 0.5em; }

#products { background: #333 url(../images/elements/products_middle.gif) repeat-y; }
#products .product, #products .extra, #products .summary { clear: both; overflow: hidden; padding: 10px 40px; }
#products .product p, #products .extra p, #products .summary p { margin: 0.5em 0; }
#products .product h3, #products .extra h3, #products .summary h3 { font-size: 1.3em; color: #666; }
#products .first { background: url(../images/elements/products_top.gif) no-repeat; padding-top: 40px; }
#products .last { background: url(../images/elements/products_bottom.gif) no-repeat bottom; padding-bottom: 40px; }
#products .price { color: #666; }
#products .thumb { float: right; margin: 40px 0 10px 30px; }
#products .extra .thumb { margin-top: 20px; }
#products .photo, #products .screenshot img { border: 1px solid #999; }
#products .summary { font: 1.4em/1.6em Georgia, serif; font-style: italic; }
#products .summary p { border-top: 1px solid #ccc; padding-top: 1em; }

.screenshot { font-size: 0.9em; text-align: center; width: 180px; }

.quotes blockquote { font-family: Georgia, serif; margin: 0 0 2em; }
.quotes blockquote img { border: 1px solid #999; }
.quotes blockquote p { font-style: italic; margin: 0.5em 0; }
.quotes blockquote .author { font-size: 0.9em; font-style: normal; }

#logos { text-align: center; }
#logos img { margin: 1em 0; }

sup {font-size:60%;vertical-align:50%;}
#tweet_this { }
#tweet_this a {font-size:150%; padding-top:15px;display:block;height: 41px; width:251px; background:#008FC1 url(../images/features/tweetthis_blank.gif) left top no-repeat;text-align:center; color:#FFF;text-shadow:none; }
#post_it { font-family: Georgia, serif;  font-style: italic; color:#333; padding:20px;width:211px; height:139px; background: url(../images/features/postit.gif) left top no-repeat;text-shadow:none;text-align:left;font-size:130%;margin:20px 0px;line-height:1.4em;}