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,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;}fieldsetlegend{display:none;}/*remembertodefinefocusstyles!*/:focus{outline:0;}body{line-height:1;color:black;background:white;}ol,ul{list-style:none;}/*tablesstillneed'cellspacing="0"'inthemarkup*/table{border-collapse:separate;border-spacing:0;}caption,th,td{text-align:left;font-weight:normal;}blockquote:before,blockquote:after,q:before,q:after{content:"";}blockquote,q{quotes:"""";}
.clear 								{ clear: both; }
.clear:after 						{ visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
* html .clear 		          	 	{ zoom: 1; } /* IE6 */
*:first-child+html .clear 			{ zoom: 1; } /* IE7 */
.left								{ float: left; }
.right								{ float: right; }

.box-round {
	-moz-border-radius: 6px; /* FF1+ */
	-webkit-border-radius: 6px; /* Saf3+, Chrome */
	border-radius: 6px; /* Opera 10.5, IE 9 */
}

.box-shadow {
	-moz-box-shadow: 0px 0px 12px #000; /* FF3.5+ */
	-webkit-box-shadow: 0px 0px 12px #000; /* Saf3.0+, Chrome */
	box-shadow: 0px 0px 12px #000; /* Opera 10.5, IE 9.0 */
}

.box_gradient {
	background-image: -moz-linear-gradient(top, #444444, #999999); /* FF3.6 */
	background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #444444),color-stop(1, #999999)); /* Saf4+, Chrome */
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#444444', endColorstr='#999999'); /* IE6,IE7 */
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#444444', endColorstr='#999999')"; /* IE8 */
}

.divider-small						{ background: url(../_images/divider-small.png) no-repeat; height: 2px; padding: 12px 0px; }

body 								{ background: url(../_images/bg-body.png) #2a2c36 left top repeat-x; font-size: 14px; font-family: Helvetica, Arial, sans-serif; color: #eee; font-size: 14px; }
h1, h2								{ color: #4eaced; font-weight: normal; font-size: 20px; margin-bottom: 12px; text-shadow: #000 0px 1px 2px; text-align: right; }
p, ul								{ line-height: 1.5em; margin-bottom: 1em; text-shadow: #000 0px 1px 0px; }
a									{ color: #4eaced; text-decoration: none; }
ul									{  }
ul li								{ list-style: disc; margin-left: 24px; }

#container							{ width: 730px; margin: 0 auto; }

#masthead							{ margin: 56px 0px 20px 0px; }
#logo								{ float: left; width: 390px; height: 85px; background: url(../_images/logo.png) no-repeat; margin: 12px 0px 0px 44px; }
#logo a								{ display: block; height: 100%; text-indent: -9999px; overflow: hidden; position: relative; }
#icon								{ float: left; width: 225px; height: 128px; background: url(../_images/icon.png) 50% 0% no-repeat; margin-left: 36px; }

#store-link							{ background: url(../_images/divider.png) 50% 0% no-repeat; }
#app-store							{ width: 310px; height: 46px; margin: 0 auto; background: url(../_images/app-store.png) 50% 0% no-repeat; text-indent: -9999px; overflow: hidden; position: relative; }
#app-store:hover					{ background-position: 50% 100%; }
#app-store a						{ display: block; width: 310px; margin: 0 auto; height: 100%; }

#content							{ background: url(../_images/bg-content.png) #33384e repeat-x; border: 1px solid #6a7b9f; padding: 38px; }

#col-1								{ float: left; width: 390px; }
#description						{  }
#credits							{  }
#credits a							{ display: block; float: left; width: 182px; height: 55px; text-indent: -9999px; overflow: hidden; position: relative; margin-right: 12px; }
#credits a.ice						{ background: url(../_images/ice-logo.png) 50% 50% no-repeat; }
#credits a.boxkite					{ background: url(../_images/boxkite-logo.png) 50% 50% no-repeat; }

#col-2								{ float: left; width: 225px; }
#dots								{ float: left; width: 225px; margin-left: 36px; margin-bottom: 6px; }
#dots .dot							{ float: left; width: 20px; height: 20px; background: url(../_images/dot-off.png) 50% 50% no-repeat; padding-right: 8px; }
#dots .dot.active					{ background-image: url(../_images/dot-on.png); }
#dots .dot a						{ display: block; height: 100%; }
#dots .dot div						{ display: none; position: relative; right: 36px; bottom: 35px; width: 0px; height: 0px; }
#dots .dot div p					{ width: 100px; text-align: center; padding: 6px; font-size: 11px; background: #000; background: rgba(0, 0, 0, .5); -webkit-border-radius: 12px; -moz-border-radius: 12px; border-radius: 12px; -webkit-box-shadow: 0px 0px 4px #000; -moz-box-shadow: 0px 0px 4px #000; box-shadow: 0px 0px 4px #000; border: 1px solid #999;  }

#features							{ width: 250px; }
#features h2						{ text-align: left; padding: 12px 0px 0px 36px; }
#features ul li						{ margin-bottom: .75em; font-size: 12px; }
#features ul						{ margin-left: 36px; }

#screenshots						{ float: left; width: 225px; height: 329px; margin-left: 36px; background: url(../_images/bg-screenshots.png) no-repeat; }
#screenshots ul						{ width: 200px; height: 300px; overflow: hidden; position: relative; margin: 12px 10px; }
#screenshots ul li					{ position: absolute; margin-left: 0px; }

#bottom								{ margin-top: 38px; }
#bottom p							{ text-align: justify; }
#info								{ float: left; width: 390px; margin-left: 44px; }
#updates							{ float: left; width: 225px; margin-left: 32px; }

#footer								{ padding: 24px 0px 32px 0px; }
#footer p							{ text-align: center; font-size: 12px; margin-bottom: 0px; color: #bbb; }
#footer p.legal						{  }
#footer p.boxkite					{  }
#footer a							{  }