/* @group reset */

* {
	margin: 0;
	padding: 0;
	font-size: 1em;
	text-decoration: none;
	border: none;
	list-style: none;
	outline: none;
}

/* @end */

/* @group default */

/* @group list */

ul.list,
.entry ul,
.entry ol {
	margin-top: 15px;
	padding-left: 30px;
	margin-bottom: 20px;
}

ul.list li,
.entry ul li {
	list-style: disc;
	margin-bottom: 5px;
}

.entry ul li {
	list-style: decimal;
	margin-bottom: 5px;
}

/* @end */

/* @group small */

small {
	color: #999;
	font-size: 11px;
}

/* @end */

/* @group header */

h3 {
	font: bold 18px/24px "Helvetica Neue", Helvetica, Arial, sans-serif;
	text-transform: lowercase;
	margin-bottom: 15px;
	color: #666;
}

h3 strong {
	text-transform: none;
	color: #333;
}

/* @end */

/* @group p */

p {
	margin-bottom: 16px;
}

/* @end */

/* @group blockquote */

blockquote {
	font-style: italic;
	font-family: Georgia;
}

blockquote cite {
	font-weight: bold;
}

/* @end */

/* @group img */

img {
	vertical-align: bottom;
}

/* @end */

/* @group a */

a {
	color: #39c;
	cursor: pointer;
}

a:focus,
a:hover {
	text-decoration: underline;
}

a:active {
	color: #069;
}

/* @end */



/* @end */

/* @group layout */

/* @group home */

#slogan {
	font: 24px/80px "Helvetica Neue", Helvetica, Arial, sans-serif;
	text-shadow: #444 0 1px 1px;
	color: #111;
	text-align: center;
	margin: 0;
	background: url(http://atebits.cachefly.net/atebits/img/slogan.png) no-repeat center -16px;
	padding-top: 30px;
}

#slogan em {
	font-family: Georgia, serif;
}

#home #products a.more {
	opacity: 1;
	width: 200px;
	height: 31px;
	padding: 1px 0 2px;
	text-indent: 0;
	text-align: center; 
	background: url(http://atebits.cachefly.net/atebits/img/more.png) no-repeat;
	font: bold 13px/26px "Helvetica Neue", Helvetica, Arial, sans-serif;
	text-transform: lowercase;
	color: #ccc;
	text-shadow: #333 0 -1px 1px;
	margin: 20px 10px 19px;
	-webkit-transition: none;
}

#home #products a.more:hover,
#home #products a.more:focus {
	color: #6cf;
	text-shadow: #999 0 0 10px;
	text-decoration: none;
}

#home #products a.more:active {
	padding-top: 2px;
	padding-bottom: 1px;
	height: 31px;
}

#home #products p {
	font-family: Georgia, serif;
	color: #ccc;
	text-shadow: #000 0 1px 3px;
	text-align: center;
}

#home #products blockquote {
	font-size: 22px;
	line-height: 30px;
	margin-bottom: 5px;
}

#home #products blockquote.large {
	font-size: 26px;
	line-height: 32px;
}

#home #products blockquote.small {
	font-size: 18px;
	line-height: 28px;
}

#home #products p {
	margin-bottom: 0;
}

#home #products p a {
	display: inline;
	background: none;
	color: #999;
	-webkit-transition: none;
	opacity: 1;
}

#home #products p a:hover,
#home #products p a:focus {
	color: #fff;
	text-decoration: none;
}

#home #products p a:active {
	text-decoration: underline;
}

/* @end */

/* @group body */

html {
	background-color: #333; 
	background-image: url(http://atebits.cachefly.net/atebits/img/body-home.png);
}

body { 
	background: #fff url(http://atebits.cachefly.net/atebits/img/body.png) repeat 0 0;
	font: 12px/18px "Lucida Grande", Verdana, sans-serif;
	color: #333;
	text-shadow: #fff 0 1px 1px;
}

body#home { 
	background: url(http://atebits.cachefly.net/atebits/img/body-home.png) repeat 0 0;
}

/* @end */

/* @group content */

#content {
	width: 660px;
	margin: -180px auto 0;
	padding: 30px 30px 0;
	background: url(http://atebits.cachefly.net/atebits/img/content.png) no-repeat 0 0;
	min-height: 400px;
}

#home #content {
	margin-top: 0;
	padding: 0;
	background: none;
	width: 740px;
	min-height: 0;
}

.product #content { 
	background: url(http://atebits.cachefly.net/atebits/img/content-product.png) no-repeat right 0;
	padding: 10px 10px 0;
	width: 700px;
	min-height: 500px;
}

/* @group sec-navigation */

#sec-navigation {
	height: 40px;
	font: bold 13px/36px "Helvetica Neue", Helvetica, Arial, sans-serif;
	text-transform: lowercase;
	background: #ccc url(http://atebits.cachefly.net/atebits/img/sec-navigation.png) repeat-x;
	-webkit-border-top-right-radius: 7px;
	-webkit-border-top-left-radius: 7px;
	-moz-border-radius-topright: 7px;
	-moz-border-radius-topleft: 7px;
	border-top-right-radius: 7px;
	border-top-left-radius: 7px;
	margin: -20px -20px 20px;
}

#blog #sec-navigation {
	margin-bottom: 60px;
}

#sec-navigation li {
	padding-right: 2px;
	float: left; 
	background: url(http://atebits.cachefly.net/atebits/img/sec-navigation-li.png) no-repeat right 0;
}

#sec-navigation li.first {
	-webkit-border-top-left-radius: 7px;
	-moz-border-radius-topleft: 7px;
	border-top-left-radius: 7px;
}

#sec-navigation li.last {
	-webkit-border-top-right-radius: 7px;
	-moz-border-radius-topright: 7px;
	border-top-right-radius: 7px;
}

#sec-navigation li.selected {
	background-color: #fff;
	margin-left: -1px;
}

#sec-navigation li.selected.first {
	margin-left: 0;
}

#sec-navigation li a {
	float: left;
	padding: 1px 20px 3px;
	color: #666;
}

#sec-navigation li a:hover,
#sec-navigation li a:focus {
	text-decoration: none;
	color: #333;
}

#sec-navigation li a:active {
	padding-top: 2px;
	padding-bottom: 2px;
}

#sec-navigation li.selected a,
#sec-navigation li.selected a:hover {
	color: #39c;
	cursor: default;
	text-decoration: none;
	padding-left: 21px;
}

#sec-navigation li.selected.first a,
#sec-navigation li.selected.first a:hover {
	padding-left: 20px;
}

#sec-navigation li.selected a:focus {
	color: #069;
}

/* @group sn-rss */

li#sn-rss {
	float: right;
}

li#sn-rss a {
	color: #fff;
	text-shadow: #c60 0 1px 1px; 
	background: url(http://atebits.cachefly.net/atebits/img/rss.png) no-repeat right 10px;
	padding-right: 19px;
	padding-left: 0;
	margin-right: 10px;
	opacity: .9;
}

li#sn-rss a:hover,
li#sn-rss a:focus {
	opacity: 1;
	color: #fff;
}

li#sn-rss a:active {
	background-position: right 11px;
}

li#sn-rss a span {
	float: left;
	padding-left: 10px;
	padding-right: 7px; 
	background: url(http://atebits.cachefly.net/atebits/img/rss-span.png) no-repeat 0 9px;
}

/* @end */

/* @group sn-search */

li#sn-search {
	float: right;
	padding-right: 0;
	background: none;
	width: 215px;
	padding: 0 7px;
}

li#sn-search.selected {
	padding-left: 8px;
}

li#sn-search form {
	padding-top: 7px;
}

li#sn-search input {
	width: 201px;
	padding: 5px 7px;
	vertical-align: top;
	height: 17px; 
	background: url(http://atebits.cachefly.net/atebits/img/search.png) no-repeat 0 0;
	opacity: .9;
	font: 11px/16px "Lucida Grande", Verdana, sans-serif;
	color: #666;
}

li#sn-search input:hover {
	color: #333;
}

li#sn-search input:focus {
	opacity: 1;
	color: #333;
}

/* @end */

/* @group sn-archive */

#sec-navigation li#sn-archive a {
	padding-right: 33px; 
	background: url(http://atebits.cachefly.net/atebits/img/archive.png) no-repeat right 17px;
}

#sec-navigation li#sn-archive.selected a {
	cursor: pointer;
}

#sec-navigation li#sn-archive a:active {
	background-position: right 18px;
}

#sn-archive-popup {
	opacity: 0;
	position: absolute;
	top: 0;
	left: -5000px;
	height: 100%;
	width: 100%;
	font: 12px/20px "Lucida Grande", Verdana, sans-serif;
	text-transform: none;
	-webkit-transition: opacity 0.1s ease-out;
}

#sn-archive-popup.visible {
	left: 0;
	opacity: 1;
	z-index: 100;
}

#sn-archive-popup ul {
	width: 192px;
	padding: 0;
	position: absolute;
	top: 172px;
	left: 50%;
	margin-left: -236px;
}

#sn-archive-popup ul li {
	padding: 0 11px;
	width: 180px;
	background: url(http://atebits.cachefly.net/atebits/img/archive-li.png) repeat-y center 0;
	float: none;
}

#sn-archive-popup ul li.first { 
	background: url(http://atebits.cachefly.net/atebits/img/archive-li-first.png) no-repeat center 0;
	padding-top: 10px;
}

#sn-archive-popup ul li.last { 
	background: url(http://atebits.cachefly.net/atebits/img/archive-li-last.png) no-repeat center bottom;
	padding-top: 17px;
	padding-bottom: 16px;
}

#sec-navigation li#sn-archive #sn-archive-popup ul li a {
	display: block;
	float: none;
	padding: 0 15px; 
	background: url(http://atebits.cachefly.net/atebits/img/archive-li-hover.png) repeat-x 0 20px;
	color: #333;
}

#sec-navigation li#sn-archive #sn-archive-popup ul li a:hover,
#sec-navigation li#sn-archive #sn-archive-popup ul li a:focus {
	background-position: 0 0;
	background-color: #39c;
	color: #fff;
	text-shadow: #069 0 1px 1px;
}

#sec-navigation li#sn-archive #sn-archive-popup ul li a:active {
	background-position: 0 -20px;
	background-color: #069;
}

/* @end */

/* @end */

/* @group prim-content */

.prim-content {
	float: right;
	width: 420px;
	padding: 20px;
}



/* @end */

/* @group sec-content */

.product .sec-content {
	float: left;
	width: 220px;
	margin-top: 245px;
	padding-bottom: 20px;
}

#tweetie-iphone.product .sec-content {
	margin-top: 278px;
}

#tweetie-mac.product .sec-content {
	margin-top: 255px;
}

/* @end */

/* @end */

/* @group wrapper */

#wrapper { 
	background: url(http://atebits.cachefly.net/atebits/img/wrapper.png) repeat-x 0 0;
}

#home #wrapper { 
	background: url(http://atebits.cachefly.net/atebits/img/wrapper-home.png) repeat-x 0 0;
}

/* @end */

/* @group header */

#header {
	height: 340px; 
	background: url(http://atebits.cachefly.net/atebits/img/header.png) no-repeat 50% 0;
}

#home #header {
	height: auto;
}

/* @group products */

#products {
	width: 700px;
	margin: 0 auto;
	height: 90px;
}

.product #products {
	padding-left: 240px;
	width: 460px;
}

#scribbles #product-s,
#tweetie-mac #product-tfm,
#tweetie-iphone #product-tfi {
	display: none;
}

#home #products {
	height: auto;
	overflow: hidden;
	background: url(http://atebits.cachefly.net/atebits/img/products-li-large.png) no-repeat center 0;
}

#products li {
	float: left;
	width: 220px;
	padding: 5px 20px 5px 0; 
	background: url(http://atebits.cachefly.net/atebits/img/products-li.png) no-repeat 229px center;
}

#home #products li {
	background: none;
}

li#product-tfi,
#tweetie-iphone li#product-tfm {
	padding-right: 0;
}

#products a {
	display: block;
	width: 220px;
	height: 80px;
	position: relative;
	text-indent: 150%;
	white-space: nowrap;
	overflow: hidden;
	background-position: right 0;
	background-repeat: no-repeat;
	opacity: .9;
	-webkit-transition: all 0.15s ease-out;
}

#home #products a {
	height: 240px;
	background-position: center bottom;
	margin-bottom: 1px;
}

#products a:hover,
#products a:focus {
	opacity: 1;
	-webkit-transition: none;
}

#products a:active {
	margin-top: 1px;
}

#home #products a:active {
	height: 239px;
}

#product-s a { 
	background-image: url(http://atebits.cachefly.net/atebits/img/scribbles-small-name.png);
}

#product-tfi a { 
	background-image: url(http://atebits.cachefly.net/atebits/img/tweetiei-small-name.png);
}

#product-tfm a { 
	background-image: url(http://atebits.cachefly.net/atebits/img/tweetiem-small-name.png);
}

#home #product-s a { 
	background-image: url(http://atebits.cachefly.net/atebits/img/scribbles-large-name.png);
}

#home #product-tfi a { 
	background-image: url(http://atebits.cachefly.net/atebits/img/tweetiei-large-name.png);
}

#home #product-tfm a { 
	background-image: url(http://atebits.cachefly.net/atebits/img/tweetiem-large-name.png);
}

#products a img {
	-webkit-transition: all 0.15s ease-out;
	position: absolute;
	top: 0;
	left: 0;
}

#home #products a img {
	left: 20px;
}

#products a:hover img,
#products a:focus img {
	-webkit-transform: scale(1.05) rotate(-1deg);
}

/* @end */

/* @group masthead */

#masthead {
	width: 740px;
	margin: 0 auto 9px;
	height: 61px;
	background: url(http://atebits.cachefly.net/atebits/img/masthead.png) no-repeat center bottom;
}

/* @group navigation */

#navigation {
	float: right;
	margin: 13px 19px 0 0;
	font: bold 13px/30px "Helvetica Neue", Helvetica, Arial, sans-serif;
	text-transform: lowercase;
	text-shadow: #fff 0 1px 1px;
}

#navigation li {
	float: left;
	padding-right: 2px; 
	background: url(http://atebits.cachefly.net/atebits/img/nav-li.png) no-repeat right 0;
}

#navigation li a {
	float: left;
	padding: 1px 20px 5px; 
	background: url(http://atebits.cachefly.net/atebits/img/nav-a.png) repeat-x 0 0;
	color: #666;
}

#navigation li.selected a,
#navigation li.selected a:hover {
	color: #39c;
	cursor: default;
	text-decoration: none;
}

#navigation li.selected a:focus {
	color: #069;
}

#navigation li a:hover,
#navigation li a:focus {
	color: #333;
	text-decoration: none;
}

#navigation li a:active {
	padding-top: 2px;
	padding-bottom: 4px;
}

#navigation li.first a { 
	background: url(http://atebits.cachefly.net/atebits/img/nav-a-first.png) no-repeat 0 0;
	padding-left: 22px;
}

#navigation li.last {
	background: none;
	padding: 0;
}

#navigation li.last a { 
	background: url(http://atebits.cachefly.net/atebits/img/nav-a-last.png) no-repeat right 0;
	padding-right: 22px;
}

/* @end */

/* @group logo */

h1 {
	float: left;
	margin: 10px 0 0 20px;
}

h1 a {
	display: block;
	width: 100px;
	height: 40px; 
	background: url(http://atebits.cachefly.net/atebits/img/logo.png) no-repeat 0 1px;
	text-indent: 150%;
	overflow: hidden;
	opacity: .75;
}

h1 a:hover,
h1 a:focus {
	opacity: 1;
}

h1 a:active {
	background-position: 0 2px;
}

/* @end */

/* @end */



/* @end */

/* @group footer */

#footer {
	padding: 20px 0;
	height: 20px; 
	background: url(http://atebits.cachefly.net/atebits/img/footer.png) repeat-x 0 0;
	font: bold 13px/20px "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: #999;
	text-shadow: #222 0 -1px 1px;
	clear: both;
}

#home #footer { 
	background: url(http://atebits.cachefly.net/atebits/img/slogan.png) no-repeat center -46px;
}

#footer ul {
	width: 700px;
	margin: 0 auto;
	position: relative;
}

#home #footer ul {
	width: 680px;
}

#footer a {
	color: #ccc;
}

#footer a:hover,
#footer a:focus {
	color: #fff;
	text-decoration: none;
}

#footer a:active {
	text-decoration: underline;
}

#hosting {
	position: absolute;
	right: 0;
	top: 0;
}

/* @end */



/* @end */

/* @group specific */

/* @group contact */

#contact h2 {
	display: none;
}

#getsatisfaction {
	width: 200px;
	float: right;
	margin: 0;
}

#getsatisfaction a {
	width: 160px;
	padding: 23px 20px 7px;
	float: right;
	height: 141px;
	background: url(http://atebits.cachefly.net/atebits/img/contact-gs.png) no-repeat;
	font: bold 13px/16px "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: #bce1f3;
	text-shadow: #069 0 -1px 1px;
}

#getsatisfaction a:hover,
#getsatisfaction a:focus {
	color: #fff;
	text-decoration: none;
}

#getsatisfaction a:active {
	padding: 24px 20px 6px;
}

#getsatisfaction strong {
	color: #fff;
}

#mailgrid {
	border: 1px solid #ccc;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px; 
	background: #eee url(http://atebits.cachefly.net/atebits/img/inner.png) repeat-x 0 0;
	width: 438px;
	margin-bottom: 20px;
	height: 165px;
	padding-top: 3px;
}

#mailgrid a {
	display: block;
}

#mailgrid dt {
	width: 139px;
	float: left;
	text-transform: uppercase;
	font: bold 11px/40px "Helvetica Neue", Helvetica, Arial, sans-serif;
	text-align: right;
	border-bottom: 1px solid #ddd;
	height: 40px;
	color: #666;
}

#mailgrid dt.last,
#mailgrid dd.last {
	border: 0;
}

#mailgrid dd {
	width: 279px;
	padding-left: 20px;
	float: left;
	border-bottom: 1px solid #ddd;
	line-height: 39px;
	height: 40px;
}

/* @end */

/* @group blog */

/* @group archivelist */

#archivelist {
	padding: 0 90px 70px;
	margin-top: -20px;
}

#archivelist h3 {
	padding: 20px 0;
	margin: 0;
}

#archivelist ul {
	border-top: 1px dotted #ddd;
}

#archivelist li {
	border-bottom: 1px dotted #ddd;
	padding: 10px 0;
}

#archivelist li small {
	text-transform: uppercase;
	color: #999;
	font-size: 11px;
	float: right;
}

/* @end */

/* @group paging */

#paging {
	height: 40px;
	margin-bottom: 30px;
	margin-top: -20px;
	text-align: center;
	position: relative;
	font: bold 13px/40px "Helvetica Neue", Helvetica, Arial, sans-serif;
	text-transform: lowercase;
}

#p-newer a,
#p-older a {
	position: absolute;
	top: 4px;
	width: 32px;
	height: 32px;
	text-indent: 150%;
	overflow: hidden;
	white-space: nowrap; 
	background-image: url(http://atebits.cachefly.net/atebits/img/gallery-nav.png);
}

#p-newer a {
	left: 84px;
}

#p-newer a:hover,
#p-newer a:focus {
	background-position: 0 -32px;
}

#p-newer a:active {
	background-position: 0 -64px;
}

#p-older a {
	right: 84px;
	background-position: -32px 0;
}

#p-older a:hover,
#p-older a:focus {
	background-position: -32px -32px;
}

#p-older a:active {
	background-position: -32px -64px;
}



/* @end */

/* @group entry */

#blog h2 {
	display: none;
}

#blog .entry h2,
#blog .entry h4 {
	display: block;
	font-size: 15px;
	margin-bottom: 18px;
	text-shadow: #fff 0 1px 1px;
}

.entry {
	font: 13px/20px "Helvetica Neue", Helvetica, Arial, sans-serif;
	margin-bottom: 50px;
	padding: 0 90px 30px; 
	background: url(http://atebits.cachefly.net/atebits/img/entry.png) no-repeat center bottom;
	text-shadow: none;
}

.entry h3 {
	margin: 50px 0 0;
	font-size: 24px;
	line-height: 26px;
	font-weight: normal;
	color: #333;
	text-transform: none;
	text-shadow: #fff 0 1px 1px;
}

.entry p.posted {
	text-transform: uppercase;
	color: #999;
	font-size: 11px;
}

.entry center {
	margin: 25px -90px;
	padding: 20px 0;
	border: 1px solid #ccc;
	text-align: center;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px; 
	background: #eee url(http://atebits.cachefly.net/atebits/img/inner.png) repeat-x 0 0;
}

.entry center img {
	-webkit-box-shadow: 0 1px 5px #666;
	-moz-box-shadow: 0 1px 5px #666;
}

.entry center object {
	display: block;
	margin: 0 auto;
	-webkit-box-shadow: 0 1px 5px #666;
	-moz-box-shadow: 0 1px 5px #666;
}

.entry center p {
	margin: 0;
}

.entry br {
	display: none;
}

.entry blockquote code {
	display: block;
	font-style: normal;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	border: 1px solid #ccc;
	background: #eee url(http://atebits.cachefly.net/atebits/img/inner.png) repeat-x 0 0;
	padding: 10px 20px;
}

.entry code {
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	background: #eee;
	padding: 1px 3px;
}

.entry i,
.entry em {
	color: #000;
}

.entry strong,
.entry bold {
	color: #666;
}

/* @end */

/* @end */

/* @group gallery */

#gallery {
	position: relative;
	margin-bottom: 20px;
	padding-top: 2px;
}

#gal-progress {
	text-align: center;
	line-height: 6px;
	margin-top: -4px;
	margin-bottom: 20px;
}

#gal-progress .selected,
.slide-01 #gal-progress #gal-pro-slide-01 .unselected,
.slide-02 #gal-progress #gal-pro-slide-02 .unselected,
.slide-03 #gal-progress #gal-pro-slide-03 .unselected,
.slide-04 #gal-progress #gal-pro-slide-04 .unselected,
.slide-05 #gal-progress #gal-pro-slide-05 .unselected,
.slide-06 #gal-progress #gal-pro-slide-06 .unselected,
.slide-07 #gal-progress #gal-pro-slide-07 .unselected,
.slide-08 #gal-progress #gal-pro-slide-08 .unselected {
	display: none;
}

.slide-01 #gal-progress #gal-pro-slide-01 .selected,
.slide-02 #gal-progress #gal-pro-slide-02 .selected,
.slide-03 #gal-progress #gal-pro-slide-03 .selected,
.slide-04 #gal-progress #gal-pro-slide-04 .selected,
.slide-05 #gal-progress #gal-pro-slide-05 .selected,
.slide-06 #gal-progress #gal-pro-slide-06 .selected,
.slide-07 #gal-progress #gal-pro-slide-07 .selected,
.slide-08 #gal-progress #gal-pro-slide-08 .selected {
	display: inline;
}

#gal-progress li {
	display: inline;
	padding: 0 1px;
}

#gal-slides li {
	display: none;
}

.slide-01 #gal-slides li#slide-01,
.slide-02 #gal-slides li#slide-02,
.slide-03 #gal-slides li#slide-03,
.slide-04 #gal-slides li#slide-04,
.slide-05 #gal-slides li#slide-05,
.slide-06 #gal-slides li#slide-06,
.slide-07 #gal-slides li#slide-07,
.slide-08 #gal-slides li#slide-08 {
	display: block;
}

#gallery p.slide {
	border: 1px solid #ddd;
	padding: 15px 0 20px;
	text-align: center;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px; 
	background: #eee url(http://atebits.cachefly.net/atebits/img/inner.png) repeat-x 0 0;
	margin: 0;
}

#gallery #gal-slides li p.slide img {
	-webkit-box-shadow: 0 1px 5px #666;
	-moz-box-shadow: 0 1px 5px #666;
}

#gallery div.legend {
	margin-top: -5px;
	padding: 14px 19px 15px;
	border: 1px solid #ddd;
	background-color: #e5e5e5;
	-webkit-border-bottom-right-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-bottomright: 5px;
	-moz-border-radius-bottomleft: 5px;
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
}

#gallery div.legend h3 {
	margin-bottom: 5px;
	color: #333;
}

#gallery div.legend p {
	font-size: 11px;
	margin: 0;
	color: #666;
}

#gallery a.prev-slide,
#gallery a.next-slide {
	position: absolute;
	top: -13px;
	width: 32px;
	height: 32px;
	text-indent: 150%;
	overflow: hidden;
	white-space: nowrap; 
	background-image: url(http://atebits.cachefly.net/atebits/img/gallery-nav.png);
}

#gallery a.prev-slide {
	left: -3px;
}

#gallery a.prev-slide:hover,
#gallery a.prev-slide:focus {
	background-position: 0 -32px;
}

#gallery a.prev-slide:active {
	background-position: 0 -64px;
}

#gallery .first a.prev-slide {
	background-position: 0 -96px;
	cursor: default;
}

#gallery a.next-slide {
	right: -3px;
	background-position: -32px 0;
}

#gallery a.next-slide:hover,
#gallery a.next-slide:focus {
	background-position: -32px -32px;
}

#gallery a.next-slide:active {
	background-position: -32px -64px;
}

#gallery .last a.next-slide {
	background-position: -32px -96px;
	cursor: default;
}

/* @end */

/* @group product */

/* @group tweetie-iphone-iphone */

#tweetie-iphone-iphone {
	float: right;
	margin-left: 10px;
	margin-right: -70px;
	margin-top: -50px;
	position: relative;
}

/* @end */

/* @group tweetie-mac */

.bookmarklet {
	background-color: #39c;
	padding: 3px 10px;
	color: #fff;
	font-weight: bold;
	text-shadow: #069 0 1px 1px;
	white-space: nowrap;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	-webkit-border-radius: 10px;
}

.bookmarklet:hover,
.bookmarklet:focus {
	text-decoration: none;
}

.bookmarklet:active {
	color: #fff;
}

/* @end */

/* @group buy-button */

#buy-button {
	padding: 20px 39px 11px;
	border: 1px solid #ccc;
	text-align: right;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px; 
	background: #eee url(http://atebits.cachefly.net/atebits/img/inner.png) repeat-x 0 0;
}

#buy-button a {
	display: block;
	text-align: center;
	font: bold 18px/38px "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: #fff;
	text-shadow: #069 0 -1px 1px;
	text-transform: uppercase;
	height: 41px;
	margin-bottom: 5px;
	background: url(http://atebits.cachefly.net/atebits/img/buy-button.png) no-repeat 0 0;
	padding: 1px 0;
}

#buy-button a:hover,
#buy-button a:focus {
	color: #cff;
	text-decoration: none;
}

#buy-button a:active {
	padding: 2px 0 0;
}

/* @end */

/* @group features-list */

#features-list {
	border-bottom: 1px solid #ccc;
	margin-bottom: 16px;
	overflow: hidden;
}

#features-list p {
	font-size: 11px;
}

#features-list h3 {
	margin-bottom: 5px;
}

#features-list a img {
	float: left;
	margin: 0 10px 0 -5px;
	opacity: .9;
	padding-bottom: 1px;
}

#tweetie-mac #features-list a img {
	margin: 0 20px 0 0;
}

#features-list a:hover img,
#features-list a:focus img {
	opacity: 1;
}

#features-list a:active img {
	padding: 1px 0 0;
}

#features-list .alt {
	clear: both;
}

#features-list .alt a img {
	float: right;
	margin: 0 -5px 0 5px;
}

#tweetie-mac #features-list .alt a img {
	margin: 0 0 0 15px;
}

#tweetie-mac #features-list {
	padding-bottom: 20px;
	padding-top: 20px;
	border-top: 1px solid #ddd;
	margin-top: 20px;
}

/* @end */

/* @group reviews-list */

#reviews-list a img {
	float: right;
	margin-left: 10px;
	opacity: .9;
	padding-bottom: 1px;
}

#reviews-list a:hover img,
#reviews-list a:focus img {
	opacity: 1;
}

#reviews-list a:active img {
	padding: 1px 0 0;
}

#reviews-list p {
	margin: 0;
}

#reviews-list blockquote {
	border-bottom: 1px dotted #ccc;
	margin-bottom: 16px;
	padding-bottom: 16px;
	overflow: hidden;
}

#reviews-list h3 {
	margin-top: -17px;
	border-top: 1px solid #ccc;
	padding-top: 13px;
	border-bottom: 1px dotted #ccc;
	padding-bottom: 13px;
	margin-bottom: 16px;
}

/* @end */

/* @group sc-reviews */

#sc-reviews {
	border-bottom: 1px solid #ccc;
	text-align: center;
	font-size: 11px;
	margin: -21px 0 20px;
}

#sc-reviews a {
	display: block;
	padding: 10px 0;
}

#sc-reviews li {
	border-top: 1px dotted #ccc;
}

#sc-reviews a:active {
	padding: 11px 0 9px;
}

#sc-reviews a img {
	opacity: .9;
}

#sc-reviews a:hover img,
#sc-reviews a:focus img {
	opacity: 1;
}

#sc-reviews blockquote {
	padding: 10px 0;
	font-size: 12px;
}

#sc-reviews blockquote p {
	margin: 0;
}

#sc-reviews blockquote a {
	display: inline;
	padding: 0;
}

/* @end */

/* @group techspecs */

#techspecs {
	font-size: 11px;
	line-height: 16px;
	color: #999;
	border-bottom: 1px solid #ccc;
	margin-bottom: 20px;
}

#techspecs img {
	float: right;
}

#techspecs li {
	padding: 10px 0;
	border-top: 1px dotted #ccc;
}

/* @end */

/* @group calltoaction */

#calltoaction {
	position: absolute;
	top: 360px;
	left: 50%;
	margin-left: -350px;
	width: 220px;
	height: 41px; 
	background: url(http://atebits.cachefly.net/atebits/img/calltoaction.png) no-repeat 0 0;
	font: bold 13px/36px "Helvetica Neue", Helvetica, Arial, sans-serif;
	text-shadow: #333 0 -1px 1px;
	text-transform: lowercase;
}

#tweetie-iphone #calltoaction {
	height: 72px;
	background: none;
}

#calltoaction li {
	float: left;
}

#calltoaction a {
	float: left;
	color: #ccc;
	padding: 1px 0 3px 35px;
	width: 75px;
	background-position: 9px 9px;
	background-repeat: no-repeat;
	position: relative;
}

#tweetie-iphone #calltoaction a {
	padding: 0;
	width: 220px;
}

#tweetie-iphone #calltoaction a img {
	opacity: .9;
}

#tweetie-iphone #calltoaction a:hover img,
#tweetie-iphone #calltoaction a:focus img {
	opacity: 1;
}

#tweetie-iphone #calltoaction a:active {
	padding-top: 1px;
}

#tweetie-iphone #cta-buy {
	background: none;
}

#cta-buy { 
	background: url(http://atebits.cachefly.net/atebits/img/calltoaction-sep.png) no-repeat 109px center;
}

#cta-download { 
	background: url(http://atebits.cachefly.net/atebits/img/calltoaction-sep.png) no-repeat -1px center;
}

#cta-buy a { 
	background-image: url(http://atebits.cachefly.net/atebits/img/calltoaction-buy.png);
}

#cta-download a { 
	background-image: url(http://atebits.cachefly.net/atebits/img/calltoaction-download.png);
}

#calltoaction a:hover,
#calltoaction a:focus {
	color: #6cf;
	text-shadow: #999 0 0 10px;
	text-decoration: none;
}

#calltoaction a:active {
	padding-top: 2px;
	padding-bottom: 2px;
	background-position: 9px 10px;
}

#calltoaction a strong {
	color: #fff;
	text-transform: none;
}

#tweetie-mac #calltoaction {
	top: 370px;
}

#tweetie-mac #cta-buy a strong {
	text-decoration: line-through;
	text-shadow: none;
}

#tweetie-mac #cta-buy a strong del {
	text-shadow: #333 0 -1px 1px;
}

#tweetie-mac #cta-buy a:hover strong del {
	text-shadow: #999 0 0 10px;
}

#calltoaction a span {
	position: absolute;
	width: 200px;
	height: 38px;
	padding: 6px 10px;
	top: -50px;
	left: 0;
	background: url(http://atebits.cachefly.net/atebits/img/tweetie-mac/introductory.png) no-repeat 0 0;
	font-size: 12px;
	color: #fff;
	line-height: 14px;
	text-shadow: #39c 0 -1px 1px;
}

#calltoaction a:hover span,
#calltoaction a:focus span {
	background-position: 0 -50px;
}

#calltoaction a:active span {
	top: -49px;
}

#calltoaction a span ins {
	display: none;
}

#calltoaction a span small {
	padding-top: 1px;
	display: block;
	color: #069;
	text-shadow: #6cf 0 1px 1px;
	font-size: 9px;
	font-weight: normal;
	font-family: "Lucida Grande", Lucida, Verdana;
}

/* @end */

/* @group logo */

.product h2 {
	position: absolute;
	top: 75px;
	left: 50%;
	margin-left: -350px;
	width: 220px;
}

.product h2 a {
	display: block;
	width: 220px;
	height: 240px;
	position: relative;
	text-indent: 150%;
	white-space: nowrap;
	overflow: hidden;
	background-position: center bottom;
	background-repeat: no-repeat;
	cursor: default;
}

#scribbles.product h2 a { 
	background-image: url(http://atebits.cachefly.net/atebits/img/scribbles-large-name.png);
}

#tweetie-mac.product h2 a { 
	background-image: url(http://atebits.cachefly.net/atebits/img/tweetiem-large-name.png);
}

#tweetie-iphone.product h2 a { 
	background-image: url(http://atebits.cachefly.net/atebits/img/tweetiei-large-name.png);
}

.product h2 a img {
	position: absolute;
	top: 0;
	left: 20px;
}

/* @end */

/* @end */

/* @group store */

.store-variation-selector-title {
	font-size: 12px;
	padding-left: 20px;
	padding-right: 3px;
}

.store-tools {
	margin: 0;
	margin-top: 30px;
}

.store-product-detail {
	margin-top: -22px;
}

.store-product-detail-image {
	background-color: #fff;
	margin-top: -45px;
}

.store-product-detail-quantity {
	border-top: 1px solid #ddd;
	margin-top: 15px;
	padding-top: 15px;
	font-weight: bold;
}

.store-product-detail-description-short {
	font-style: italic;
	font-family: Georgia;
}

.store-product-detail-title,
.store-product-detail-pricing {
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.store-variation-select-item-command {
	text-decoration: none !important;
	border-bottom: 1px dotted #ddd;
}

.store-variation-select-item-command:hover {
	text-shadow: #000 0 1px 1px;
}

.core-section {
	border: 1px solid #ccc;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px; 
	background: #eee url(http://atebits.cachefly.net/atebits/img/inner.png) repeat-x 0 0;
	padding: 19px 19px 10px;
	margin-top: 5px !important;
	margin-bottom: 20px;
}

.core-section h2,
.core-section h3 {
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.core-section h2 {
	margin: 0;
}

.core-section h3 {
	border-top: 1px solid #ddd;
	padding: 10px 19px 0;
	margin: 15px -19px;
}

.core-form-field-label {
	font-weight: bold;
}

.core-form-field-body {
	padding: 0;
}

.core-form-field-body-note {
	color: #666;
}

.core-section .core-form-field-body input[type="text"],
.core-section .core-form-field-body select {
	width: 260px !important;
	margin-bottom: 10px;
}

.core-section .core-form-field-body select {
	width: 270px !important;
	border: 1px solid #ccc;
}

.core-form-field-body input[type="text"] {
	padding: 5px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px; 
}

.core-form-field-area-left,
.core-form-field-area-right {
	width: 330px;
}

.store-footer {
	border-top: 1px solid #ddd;
	margin: -10px 0 20px;
	font-size: 12px;
}

table {
	width: 100%;
}

.entry center table h3 {
	margin: 0 0 10px 0;
	font-size: 18px;
	text-transform: uppercase;
}

/* @end */

/* @end */