* {
	margin: 0;
	border: 0;
	padding: 0;
	font-size: inherit;
	font-weight: inherit;
}
html, body {
	height: 100%;
}
body {
	position: relative;
	z-index: 0;
	background-color: black;
	font: 62.5% "Helvetica Neue", Helvetica, sans-serif;
	color: #BBB;
	text-shadow: 0 0 0 black;
}
a[href] {
	font-weight: bold;
	color: white;
	text-decoration: none;
	text-shadow: 0 0 0.3em #F2F2F2;
}
a[href]:hover {
	text-shadow: 0 0 0.4em white;
}
a[href]:active {
	text-shadow: 0 0 0.4em #00BAFF;
}
h1 {
	margin-bottom: 0.26em;
	font-size: 3.8em;
	color: white;
	text-shadow: #333 0 -0.075em 0;
}
h2 {
	font-size: 1.8em;
	font-weight: bold;
	color: white;
}
label {
	font-size: 1.3em;
	color: white;
}
p, blockquote {
	margin-top: 0.92em;
	font-size: 1.3em;
}
blockquote {
	font-style: italic;
}
strong {
	font-weight: bold;
	color: #EEE;
}
.background {
	position: absolute;
	left: 0;
	top: 0;
	z-index: -1;
	width: 100%;
	height: 100%;
}
.success {
	font-size: 1.3em;
	color: green;
}
.error {
	color: red;
}
.hr {
	margin: 2em auto;
	display: block;
	width: 39.3em;
	height: 0.3em;
}
.center {
	text-align: center;
}
.overflow {
	overflow: hidden;
}

/* index */
	#content_hidden {
		position: fixed;
		left: -53.8em;
		top: 0;
		width: 53.8em;
		min-height: 4.8em;
	}
	#background1 {
		position: fixed;
		left: 0;
		top: 0;
		width: 892px;
		height: 511px;
	}
	#background2 {
		position: fixed;
		right: 0;
		bottom: 0;
		width: 289px;
		height: 115px;
	}
	#secure {
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		height: 3.5em;
	}
	#secure > div {
		width: 77.8em;
		text-align: center;
	}
	#secure > div > img {
		vertical-align: top;
		margin-right: 0.5em;
		width: 2em;
		height: 2.5em;
	}
	#secure > div > img + span {
		line-height: 2.14em;
		font-size: 1.4em;
	}
	#violator {
		position: absolute;
		top: -7.6em;
		display: none;
		width: 17.6em;
		height: 4.6em;
		padding: 1em 1.2em 2em 1.2em;
		text-align: center;
	}
	
	/* panel */
		#panel {
			position: fixed;
			left: 8em;
			top: 7.6em;
			width: 61.8em;
		}
		#panel > * {
			position: relative;
		}
		#panel_top {
			height: 6.1em;
			padding-top: 1.5em;
			padding-left: 2em;
		}
		#panel_middle_top {
			height: 1em;
		}
		#panel_middle_top > div {
			z-index: 2;
		}
		#panel_middle {
			z-index: 1;
			margin: -1em 0 -0.8em 0;
		}
		#panel_middle > img:first-child {
			top: -0.8em;
			clip: rect(1.8em, auto, auto, auto);
		}
		#panel_middle_bottom {
			height: 0.8em;
		}
		#panel_bottom {
			height: 6.6em;
			padding: 0 2.5em;
			line-height: 5em;
		}
	
	/* main_menu */
		#main_menu {
			list-style: none;
			overflow: hidden;
		}
		#main_menu > li {
			float: left;
			margin-right: 1em;
			height: 2em;
			line-height: 2em;
		}
		#main_menu a {
			font-weight: normal;
			color: #454545;
			text-shadow: #E5E5E5 0 0.1em 0;
		}
		#main_menu a:hover .hover {
			display: inline;
		}
		#main_menu a:hover .active, #main_menu a:active .hover, #main_menu a.selected .hover {
			display: none;
		}
		#main_menu a:active, #main_menu a.selected {
			color: #EDEDED;
			text-shadow: #595959 0 0.1em 0;
		}
		#main_menu a:active .active, #main_menu a.selected .active {
			display: inline;
		}
		#main_menu a > span {
			position: relative;
			float: left;
			display: block;
		}
		#main_menu a > span:first-child, #main_menu a > span:first-child + span + span {
			width: 1em;
			height: 100%;
		}
		#main_menu a > span:first-child + span {
			height: 100%;
		}
		#main_menu a img {
			display: none;
		}
		#main_menu a > span > span {
			margin: 0 -0.2em;
			font-size: 1.4em;
		}
		#main_menu + img {
			margin: 0.5em auto;
			display: block;
			width: 52.6em;
			height: 0.2em;
		}
	
	/* sub_menu */
		#sub_menu  {
			position: relative;
			opacity: 0;
			display: none;
			list-style: none;
			overflow: hidden;
		}
		#sub_menu > li {
			float: left;
			margin-right: 1em;
			height: 1.8em;
			line-height: 1.8em;
		}
		#sub_menu a {
			font-weight: normal;
			color: #EDEDED;
			text-shadow: #737373 0 -0.1em 0;
		}
		#sub_menu a:hover .hover {
			display: inline;
		}
		#sub_menu a:hover .active, #sub_menu a:active .hover, #sub_menu a.selected .hover {
			display: none;
		}
		#sub_menu a:active, #sub_menu a.selected {
			color: #454545;
			text-shadow: #D4D4D4 0 0.1em 0;
		}
		#sub_menu a:active .active, #sub_menu a.selected .active {
			display: inline;
		}
		#sub_menu a > span {
			position: relative;
			float: left;
			display: block;
		}
		#sub_menu a > span:first-child, #sub_menu a > span:first-child + span + span {
			width: 0.8em;
			height: 100%;
		}
		#sub_menu a > span:first-child + span {
			height: 100%;
		}
		#sub_menu a img {
			display: none;
		}
		#sub_menu a > span > span {
			margin: 0 -0.2em;
			font-size: 1.2em;
		}
		#sub_menu + img {
			margin: 0.5em auto;
			display: block;
			width: 52.6em;
			height: 0.2em;
		}
	
	#content {
		position: relative;
		height: 4.8em;
		padding: 1em 4em 0.8em 4em;
		overflow: hidden;
	}
	#content > div {
		display: none;
		opacity: 0;
	}
	#section {
		overflow: auto;
	}
	#pinwheel {
		position: absolute;
		left: 50%;
		top: 50%;
		margin-top: -2.4em;
		margin-left: -2.4em;
		width: 4.8em;
		height: 4.8em;
	}
	#digg {
		opacity: 0;
		display: none;
		text-shadow: inherit;
	}
	#digg > img {
		position: relative;
		top: -0.2em;
		vertical-align: middle;
		margin-right: 0.5em;
		width: 2.9em;
		height: 1.9em;
	}
	#digg > span {
		font-size: 1.2em;
	}
	#delicious {
		margin-left: 3em;
		opacity: 0;
		display: none;
		text-shadow: inherit;
	}
	#delicious > img {
		position: relative;
		top: -0.2em;
		vertical-align: middle;
		margin-right: 0.5em;
		width: 1.3em;
		height: 1.5em;
	}
	#delicious > span {
		font-size: 1.2em;
	}
	#inventive {
		position: fixed;
		z-index: -1;
		left: 8em;
		bottom: 0;
		width: 15.4em;
		height: 7.4em;
	}
	/*#inventive > img.hover, #inventive > img.active {
		display: none;
	}
	#inventive:hover > img.hover, #inventive:active > img.active {
		display: inline;
	}
	#inventive:hover > img.normal, #inventive:active > img.hover {
		display: none;
	}*/

/* scrollbar */
	#scrollbar {
		position: absolute;
		top: 1em;
		right: 3em;
		opacity: 0;
		display: none;
		width: 1.2em;
		padding: 1.1em 0 0.7em 0;
	}
	
	#scrollbar > .top {
		position: absolute;
		top: 0;
		height: 1.1em;
	}
	
	#scrollbar > .bottom {
		position: absolute;
		left: 0;
		bottom: 0;
		height: 0.9em;
	}
	
	#scrollbar > div {
		position: absolute;
		top: 0;
		right: 0;
		width: 100%;
		padding: 0.9em 0 0.6em 0;
	}
	
	#scrollbar > div > .top {
		position: absolute;
		top: 0;
		height: 0.9em;
	}
	
	#scrollbar > div > .bottom {
		position: absolute;
		left: 0;
		bottom: 0;
		height: 0.8em;
	}
	
	#scrollbar img {
		width: 100%;
	}

/* columns */
	.columns {
		display: table;
		width: 100%;
	}
	.columns > div {
		display: table-row;
	}
	.columns > div > div {
		display: table-cell;
		vertical-align: top;
	}
	.column {
		width: 50%;
	}
	#side {
		width: 16em;
		padding-left: 1em;
	}
	#sidebar {
		padding-top: 0.8em;
	}
	#sidebar > div {
		position: relative;
	}
	#sidebar > div:first-child, #sidebar > div:first-child + div + div {
		height: 0.4em;
	}
	#sidebar > div:first-child + div {
		padding: 0.4em 1em;
	}

/* home */
	#home {
		display: block;
		text-align: center
	}
	#home > object {
		border: 0.1em solid white;
		width: 53.8em;
		height: 29.0em;
	}
	#home img {
		width: 35.9em;
		height: 26.6em;
	}

/* icliplite */
	#apple_design_award {
		width: 17.6em;
		height: 4.6em;
	}
	#icliplite {
		width: 51.7em;
		height: 14em;
	}
	.feature {
		margin-top: 2em;
		padding-right: 1em;
		overflow: hidden;
	}
	.feature > img {
		float: left;
		vertical-align: top;
		margin-right: 1em;
		width: 7.4em;
		height: 7.4em;
	}
	.feature > p {
		margin-top: 0;
		font-size: 1.3em;
	}
	.quote {
		margin-top: 1.5em;
		padding-right: 1em;
		overflow: hidden;
	}
	.quote > img {
		float: left;
		vertical-align: top;
		margin-right: 1em;
		width: 3.6em;
		height: 3.6em;
	}
	.quote.two > img {
		margin-bottom: 2.2em;
	}
	.quote.three > img {
		margin-bottom: 5.2em;
	}
	.quote > blockquote {
		margin-top: 0;
		font-size: 1.3em;
	}

/* features */
	#scroller {
		position: relative;
		margin: 0 1.9em 2em 1.9em;
		height: 10em;
	}
	#scroller > img:first-child + div + div {
		height: 100%;
		padding-top: 1em;
		padding-left: 2em;
		overflow: hidden;
	}
	#scroller > img:first-child + div + div > div {
		display: table-row;
	}
	#scroller > img:first-child + div + div > div > div {
		display: table-cell;
		width: 12em;
		height: 9em;
		padding-right: 2em;
	}
	#scroller a {
		position: relative;
		display: block;
	}
	#scroller a:hover > img:first-child + img {
		display: inline;
	}
	#scroller a > img {
		width: 12em;
		height: 7em;
	}
	#scroller a > img:first-child + img {
		position: absolute;
		left: 0;
		top: 0;
		display: none;
		width: 12em;
		height: 7em;
	}
	#scroller a.selected > img:first-child + img {
		display: inline;
	}
	#scroller a div {
		margin-top: 0.27em;
		font-size: 1.1em;
		font-weight: normal;
		color: #CCC;
		text-align: center;
		text-shadow: 0 0 0 black;
	}
	#scroller > img:first-child + div {
		position: absolute;
		left: -1.9em;
		top: 0;
		width: 3em;
		height: 100%;
	}
	#scroller > img:first-child + div + div + div {
		position: absolute;
		right: -1.9em;
		top: 0;
		width: 3em;
		height: 100%;
	}
	#scroller > img:first-child + div > *, #scroller > img:first-child + div + div + div > * {
		display: none;
	}
	#scroller > img:first-child + div.disabled > .disabled, #scroller > img:first-child + div + div + div.disabled > .disabled {
		display: inline;
	}
	#scroller > img:first-child + div.enabled > .normal, #scroller > img:first-child + div + div + div.enabled > .normal {
		display: inline;
	}
	#scroller > img:first-child + div.enabled:hover > .normal, #scroller > img:first-child + div + div + div.enabled:hover > .normal {
		display: none;
	}
	#scroller > img:first-child + div.enabled:hover > .hover, #scroller > img:first-child + div + div + div.enabled:hover > .hover {
		display: inline;
	}
	#scroller > img:first-child + div.enabled:active > .hover, #scroller > img:first-child + div + div + div.enabled:active > .hover {
		display: none;
	}
	#scroller > img:first-child + div.enabled:active > .active, #scroller > img:first-child + div + div + div.enabled:active > .active {
		display: inline;
	}

/* love */
	h2.love {
		font-size: 1.6em;
	}
	.love > img:first-child {
		float: left;
		margin-right: 1.5em;
		width: 19em;
		height: 33.2em;
	}
	.love > h2 {
		font-size: 3em;
		font-weight: normal;
	}
	.love + img + span {
		font-size: 1.4em;
		font-weight: bold;
		color: white;
	}
	.love_byline {
		margin-top: 0.91em;
		font-size: 1.1em;
	}
	#reviewers {
		margin-top: 1em;
	}
	#reviewers > a {
		position: relative;
		float: left;
		margin-left: 1.6em;
		display: block;
		width: 6em;
		height: 6em;
	}
	#reviewers > a:first-child {
		margin-left: 0;
	}
	#reviewers > a:hover > img:first-child + img {
		display: inline;
	}
	#reviewers img:first-child + img {
		display: none;
	}
	#reviewers > a.selected > img:first-child + img {
		display: inline;
	}

/* download */
	.version_history {
		margin-right: 0.4em;
		width: 0.8em;
		height: 0.8em;
	}
	.version {
		margin-top: 0.8em;
		margin-bottom: 0.4em;
	}
	.selected {
		font-weight: bold;
		color: #888;
	}
	#history {
		margin-bottom: 1em;
		list-style: none;
		font-size: 1.2em;
	}
	#history a {
		text-shadow: inherit;
	}
	#read_more {
		font-size: 1.2em;
	}
	#download {
		margin-bottom: 1em;
		overflow: auto;
	}
	#download > a > img {
		float: left;
		margin: 0 3em;
	}
	#download > a + div {
		margin-top: 2em;
	}
	#download > a + div > a {
		font-size: 1.5em;
	}
	#download > a + div > a + div {
		margin: 0.67em 0;
		font-size: 1.2em;
		color: #888;
	}
	#download > a + div > a + div + a {
		font-size: inherit;
	}
	#download > a + div > a + div + a > img {
		width: 9.5em;
		height: 6em;
	}
	#whats_new {
		margin-top: 0.38em;
		font-size: 1.4em;
	}
	#whats_new li {
		margin-left: 1.5em;
	}

/* purchase */
	#purchase {
		float: right;
		margin-left: 1em;
		width: 12.4em;
		height: 15.4em;
	}
	#purchase_form {
		margin-top: 0.5em;
		line-height: 3em;
	}
	#purchase_form > fieldset > input, #purchase_form .columns input[type=text] {
		margin-left: 0.77em;
		font-size: 1.3em;
	}
	#purchase_form .columns .column:first-child > input[type=text] {
		width: 13.85em;
	}
	#purchase_form .columns .column:first-child > label {
		float: left;
		width: 4.15em;
	}
	#purchase_form .columns .column:first-child > input + label {
		float: none;
		width: auto;
	}
	#purchase_form .columns .column:first-child + .column > label {
		float: left;
		width: 6.77em;
	}
	#purchase_form .columns select {
		margin-left: 0.77em;
		font-size: 1.3em;
	}
	#quantity {
		width: 2em;
	}
	#discounts {
		margin-top: 1em;
		list-style: none;
	}
	#discounts > li {
		font-size: 1.3em;
	}
	#discounts > li > span {
		color: #00BAFF;
		text-shadow: #00BAFF 0 0 0.08em;
	}
	#coupon {
		width: 6.15em;
	}
	#updates {
		/*margin-right: 0.77em;*/
		margin-left: 3.08em;
		font-size: 1.3em;
	}
	#total {
		font-size: 1.3em;
	}
	#payment_method > input {
		width: 14.8em;
		height: 8.6em;
	}
	#onsite {
		margin-right: 1em;
	}

/* about */
	/* sub_menu */
		#sub_menu > li.about {
			margin-right: 1em;
			height: auto;
		}
		#sub_menu > li.about a {
			position: relative;
			top: -0.4em;
			display: block;
			width: 3.2em;
			height: 3.2em;
		}
		#sub_menu > li.about a .active, #sub_menu > li.about a:active .normal {
			display: none;
		}
		#sub_menu > li.about a .normal, #sub_menu > li.about a:active .active {
			display: inline;
		}
	
	.about_left, .about_right {
		overflow: auto;
	}
	.about_left > img:first-child {
		float: left;
		margin-right: 1.5em;
		width: 12.4em;
		height: 20.7em;
	}
	.about_left > h2, .about_right > h2 {
		font-size: 1.6em;
		font-weight: normal;
	}
	.about_left > h3, .about_right > h3 {
		font-size: 1.4em;
		font-style: italic;
		font-weight: normal;
	}
	.about_right {
		text-align: right;
	}
	.about_right > img:first-child {
		float: right;
		margin-left: 1.5em;
		width: 12.4em;
		height: 20.7em;
	}

/* contact */
	#vcard {
		overflow: hidden;
	}
	#vcard > img {
		float: left;
		margin-right: 1em;
		width: 3.6em;
		height: 2.7em;
	}
	#vcard > span {
		font-size: 1.4em;
	}
	/* contact_methods */
		#contact_methods {
			margin-top: 1.5em;
			overflow: hidden;
		}
		#contact_methods > div {
			position: relative;
			margin-bottom: 1.5em;
			width: 23em;
			height: 9em;
			padding: 1em;
		}
		#contact_methods > div:first-child, #contact_methods > div:first-child + div + div {
			float: left;
		}
		#contact_methods > div:first-child + div, #contact_methods > div:first-child + div + div + div {
			float: right;
		}
		#contact_methods > div > div {
			margin-top: 1.14em;
			font-size: 1.4em;
		}
		#contact_methods h2 {
			font-size: 2.4em;
			font-weight: normal;
		}
	
	/* contact_form */
		#contact_form {
			margin-top: 1.5em;
			line-height: 2.4em;
		}
		#contact_form > fieldset:first-child {
			float: left;
		}
		#contact_form > fieldset:first-child + fieldset {
			float: right;
		}
		#contact_form > fieldset:first-child + fieldset + fieldset {
			clear: left;
		}
		#contact_form input, #contact_form select {
			font-family: inherit;
			font-size: 1.2em;
		}
		#contact_form input[type=text] {
			vertical-align: top;
			width: 13em;
		}
		#contact_form label {
			float: left;
			margin-right: 0.83em;
			width: 7em;
			line-height: 1.67em;
		}
		#contact_form select {
			width: 13em;
		}
		#contact_form textarea {
			font-size: 1.2em;
			width: 100%;
			height: 8.33em;
		}

/* purchase */
	#buy_iclip {
		float: right;
		margin-left: 1em;
		width: 12.4em;
		height: 15.4em;
	}
	
	#buy label {
		margin-right: 0.5em;
	}
	
	#quantity {
		margin-right: 0.5em;
		width: 5em;
	}
	
	#coupon {
		width: 10em;
	}
	
	#buy_methods > input {
		width: 14.8em;
		height: 8.6em;
	}
	
	#buy_methods > #total {
		float: right;
		width: 18em;
		margin-top: 6.3em;
	}
	
	#buy_methods > #total > span {
		font-size: 1.8em;
		color: white;
	}
	
	#buy_methods > #total > span:first-child {
		margin-right: 2em;
		font-weight: bold;
	}
	
	#buy_methods > #total > span:last-child {
		float: right;
	}
	
	#card {
		margin-right: 1em;
	}

/* store */
	#store_columns {
		display: table;
		width: 100%;
	}
	
	#store_columns > div {
		display: table-row;
	}
	
	#store_columns > div > div {
		display: table-cell;
		width: 50%;
		line-height: 3em;
		text-align: right;
	}
	
	#store_columns h2 {
		font-size: 1.6em;
		text-align: left;
	}
	
	#store_columns label {
		margin-right: 0.6em;
	}
	
	#store_columns input, select {
		font-size: 1.3em;
	}
	
	#store1 {
		padding-right: 0.5em;
	}
	
	#store1 > input[type=text] {
		width: 14em;
	}
	
	#updates + label {
		vertical-align: middle;
		margin-left: 0.46em;
		text-align: left;
	}
	
	#store2 {
		padding-left: 1em;
	}
	
	#card_type, #card_number {
		width: 12em;
	}
	
	#expiration_month, #expiration_year {
		width: 12em;
	}
	
	#security_code {
		width: 8.85em;
	}
	
	#security_code + img {
		vertical-align: middle;
		margin-left: 0.6em;
		width: 3.4em;
		height: 3em;
	}
	
	#process {
		font-size: 1.3em;
	}
	
	#error {
		margin-top: 0.5em;
		line-height: 1em;
		font-size: 1.2em;
		color: red;
		text-align: left;
	}

/* blog */
	h2.blog a {
		text-shadow: black 0 0 0;
	}
	h2.blog a:hover {
		text-shadow: black 0 0 0;
	}
	.history {
		margin: 1em 0;
		overflow: auto;
	}
	
	.history img {
		position: relative;
		top: -0.2em;
		vertical-align: middle;
		width: 0.7em;
		height: 0.8em;
	}
	
	.history span {
		font-size: 1.1em;
	}
	
	.newer {
		float: left;
	}
	
	.newer img {
		margin-right: 0.5em;
	}
	
	.older {
		float: right;
	}
	
	.older img {
		margin-left: 0.5em;
	}
	
	.byline {
		font-size: 1.1em;
		color: white;
	}
	
	.content {
		margin-top: 1em;
	}
	
	.content > p:first-child {
		margin-top: 0;
	}
	
	.smilie {
		width: 1.8em;
		height: 1.8em;
		vertical-align: bottom;
	}
	
	p > .smilie {
		width: 1.4em;
		height: 1.4em;
	}
	
	.more {
		margin-top: 0.5em;
		display: block;
		font-size: 1.1em;
		font-style: italic;
	}
	
	#rss {
		margin-top: 0.4em;
		display: block;
		text-shadow: black 0 0 0;
	}
	
	#rss > img {
		margin-right: 1em;
		width: 2.4em;
		height: 3.9em;
		vertical-align: top;
	}
	
	#rss > span {
		position: relative;
		top: 0.42em;
		font-size: 1.2em;
	}
	
	.archive {
		margin: 0.2em 0;
		list-style: none;
	}
	
	.archive span {
		font-size: 1.1em;
	}
	
	.options {
		float: right;
	}
	
	#title {
		margin-left: 0.5em;
		width: 27.5em;
	}
	
	#blog_content {
		margin-top: 0.2em;
		width: 30em;
		height: 15em;
	}
	
	#formatting > * {
		margin-right: 0.2em;
	}