html
{
	margin:0;
	padding:0;
	height:100%;
	border:none
}

body
{
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
    margin:0;
    padding:0;
    height:100%;
    border:none;
	background-color: black;
}

body#pixels
{
	background-color:black;
	background-image:none;
	background-image:url(images/pixels/body-back-890.gif);
	background-position:top center;
	color:white;
}

ul
{
	padding: 0;
	margin: 0;
}

input
{
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
}

textarea
{
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
}

select
{
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
}

.smalltext {font-size: 11px}
.mediumtext {font-size: 16px; }
.mediumtextbold {font-size: 14px; font-weight: bold; }
.bigtext {font-size: 18px; }
.bigtextbold {font-size: 18px; font-weight: bold; }
.copyright {font-size: 11px; color: #CCCCCC; }
.copyrightblack {font-size: 11px; color: #000000; }
.light { color: #888888; }
.slogan { color: #888888; padding: 4px; }
.bigheadertext {font-size: 18px; font-weight: bold; color:#999999; }
.headertext {font-weight: bold; color:#999999; }

.screenshot-table
{
	width: 90%;
}

.logo-image
{
	vertical-align: bottom;
}

a:visited
{
	color: blue;
}
a:hover
{
	color: red;
}

a.black
{
	color: black;
}
a.black:visited
{
	color: black;
}
a.black:hover
{
	color: red;
}

a.rollover-spacetime
{
	display: block;
	width: 126px;
	height: 64px;
	text-decoration: none;
	background: url(images/spacetime-frames.gif);
	vertical-align: bottom;
}
a.rollover-spacetime:hover
{
	background-position: -126px 0;
}

a.rollover-mycalculator
{
	display: block;
	width: 155px;
	height: 64px;
	text-decoration: none;
	background: url(images/mycalculator-frames.gif);
	vertical-align: bottom;
}
a.rollover-mycalculator:hover
{
	background-position: -155px 0;
}

a.rollover-mycalculatorpro
{
	display: block;
	width: 155px;
	height: 64px;
	text-decoration: none;
	background: url(images/mycalculatorpro-frames.gif);
	vertical-align: bottom;
}
a.rollover-mycalculatorpro:hover
{
	background-position: -155px 0;
}

a.rollover-fractals
{
	display: block;
	width: 94px;
	height: 64px;
	text-decoration: none;
	background: url(images/fractals-frames.gif);
	vertical-align: bottom;
}
a.rollover-fractals:hover
{
	background-position: -94px 0;
}

a.rollover-realms
{
	display: block;
	width: 85px;
	height: 64px;
	text-decoration: none;
	background: url(images/realms-frames.gif);
	vertical-align: bottom;
}
a.rollover-realms:hover
{
	background-position: -85px 0;
}

a.rollover-arcs
{
	display: block;
	width: 55px;
	height: 64px;
	text-decoration: none;
	background: url(images/arcs-frames.gif);
	vertical-align: bottom;
}
a.rollover-arcs:hover
{
	background-position: -55px 0;
}

a.rollover-arithmetick
{
	display: block;
	width: 145px;
	height: 64px;
	text-decoration: none;
	background: url(images/arithmetick-frames.gif);
	vertical-align: bottom;
}
a.rollover-arithmetick:hover
{
	background-position: -145px 0;
}

a.white
{
	color:white;
}

div#pixels-top
{
	background-image:url(images/pixels/top-890.gif);
	background-position:top left;
	background-repeat:no-repeat;
	width:890px;
	height:99px;
	display:block;
	position:relative;
}

div#pixels-bottom
{
	background-image:url(images/pixels/bottom-890.gif);
	background-position:bottom left;
	background-repeat:no-repeat;
	width:890px;
	height:99px;
	display:block;
}

div#pixels-left
{
	background-image:url(images/pixels/left-890.gif);
	background-repeat:repeat-y;
	background-position:left top;
	width:890px;
	display:block;
	padding:0px;
	margin:0px;
}

div#pixels-right
{
	background-image:url(images/pixels/right-890.gif);
	background-repeat:repeat-y;
	background-position:right top;
	width:890px;
	display:block;
	padding:0px;
	margin:0px;
}

div#pixels-body
{
	width:700px;
	background-color:white;
	color:black;
	display:block;
}

div.pixels-header
{
	width:610px;
	height:88px;
	background-image:url(images/pixels/header.gif);
	background-repeat: no-repeat;
	text-align: left;
}

div.pixels-header-small
{
	width:610px;
	height:40px;
	line-height:40px;
	background-image:url(images/pixels/header-small.gif);
	background-repeat: no-repeat;
	text-align: center;
	vertical-align: middle;
}

div.pixels-line
{
	background-image:url(images/pixels/line.gif);
	width:596px;
	height:8px;
	display:block;
}

div.pixels-spacer
{
	height: 7px;
	display: block;
}

div.pixels-spacer4
{
	height: 28px;
	display: block;
}

div.pixels-on
{
	background-image:url(images/pixels/menu-on.gif);
	width:36px;
	height:22px;
}

div.pixels-off
{
	background-image:url(images/pixels/menu-off.gif);
	width:36px;
	height:22px;
}

div.iphone-screenshot-container
{
	width:243px;
	height:449px;
	background-image:url(/images/iphone200x300.jpg);
	margin-left:auto;
	margin-right:auto;
}

div.iphone-screenshot
{
	position:relative;
	left:22px;
	top:75px;
	text-align:left;
}

div.ipad-screenshot-container
{
	width:614px;
	height:476px;
	background-image:url(/images/ipad500x375.jpg);
	margin-left:auto;
	margin-right:auto;
}

div.iphone-thumbnail-container
{
	width:121px;
	height:224px;
	background-image:url(/images/iphone100x150.jpg);
	margin-left:auto;
	margin-right:auto;
}

div.iphone-thumbnail
{
	position:relative;
	left:12px;
	top:36px;
	text-align: left;
}

div.ipad-screenshot-status-bar
{
	position:relative;
	left:57px;
	top:59px;
	text-align:left;
}

div.ipad-screenshot
{
	position:relative;
	left:57px;
	top:49px;
	text-align:left;
}

a#pixels-home
{
	display: block;
	width: 76px;
	height: 22px;
	text-decoration: none;
	background: url(images/pixels/home2.gif);
	vertical-align: bottom;
}
a#pixels-home:hover { background-position: -80px 0; }

a#pixels-iphone
{
	display: block;
	width: 100px;
	height: 22px;
	text-decoration: none;
	background: url(images/pixels/iphone2.gif);
	vertical-align: bottom;
}
a#pixels-iphone:hover { background-position: -104px 0; }

a#pixels-ipad
{
	display: block;
	width: 64px;
	height: 22px;
	text-decoration: none;
	background: url(images/pixels/ipad2.gif);
	vertical-align: bottom;
}
a#pixels-ipad:hover { background-position: -68px 0; }

a#pixels-mac
{
	display: block;
	width: 56px;
	height: 22px;
	text-decoration: none;
	background: url(images/pixels/mac2.gif);
	vertical-align: bottom;
}
a#pixels-mac:hover { background-position: -60px 0; }

a#pixels-reviews
{
	display: block;
	width: 118px;
	height: 22px;
	text-decoration: none;
	background: url(images/pixels/reviews2.gif);
	vertical-align: bottom;
}
a#pixels-reviews:hover { background-position: -122px 0; }

a#pixels-support
{
	display: block;
	width: 130px;
	height: 22px;
	text-decoration: none;
	background: url(images/pixels/support2.gif);
	vertical-align: bottom;
}
a#pixels-support:hover { background-position: -134px 0; }