* {
	margin: 0;
	padding: 0;
}
html {
	background: #f0f1f2;
}
body {
	font-family: helvetica, arial, sans-serif;
	padding: 11px 0 0 0;
}
h1 {
	font-size: 64px;
	line-height: 88px;
	letter-spacing: 2px;
	color: #56606c;
	text-shadow: 0px 0px transparent, 0px 1px #fff;
	padding-left: 298px;
}
h1 a {
	color: #56606c;
	text-decoration: none;
}
h2 {
	font-size: 48px;
	font-size: 44px;
	line-height: 72px;
	letter-spacing: 1px;
	color: #f5f5f5;
	text-shadow: 0px 1px #56606c, 0px 0px transparent;
	padding-left: 298px;
}
h3 {
	font-size: 15px;
	line-height: 150%;
	color: #56606c;
	text-shadow: 0px 0px #fff, 0px 1px #fff;
	padding-left: 460px;
	display: block;
}
h3 span {
	font-weight: normal;
}
h4 {
	font-size: 15px;
	padding: 0 0 17px 0;
	color: #56606c;
}
hr {
	clear: both;
	visibility: hidden;
}
q {
	font-style: italic;
}
a {
	color: #56606c;
	text-decoration: underline;
}

a:hover {
	text-decoration: none;
}
a img {
	border: none;
}
.content a {
	color: #333;
/*	text-decoration: none;*/
}
.content a:hover {
	color: #333;
/*	text-decoration: underline;*/
}
ul {
	margin: 0 0 0 26px;
}
ul li {
	margin: 0 0 10px 0;
	line-height: 21px;
	font-weight: bold;
}
ul li ul li {
	margin: 0 0 15px 0;
	line-height: 22px;
	font-weight: normal;
}
/* layout */
#header {
	padding: 20px 0;
	border-bottom: 12px solid #dfe3e8;
}
#projects {
	padding: 45px 0;
	min-height: 270px;
}
#footer {
	padding: 17px 0 15px 0;
	text-shadow: 0px 0px #fff, 0px 1px #fff;
	color: #56606c;
	font-size: 13px;
}
#footer p {
	padding-left: 298px;
}

#footer a {
	color: #56606c;
}
#closer {
	height: 12px;
}
/* other */
.line {
	clear: both;
	width: 320px;
	height: 1px;
	margin: 0 0 21px 300px;
	background: #cfd2d4; /* old browsers */
	background: -moz-linear-gradient(left, #cfd2d4 0%, #f0f1f2 100%); /* firefox */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,#cfd2d4), color-stop(100%,#f0f1f2)); /* webkit */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cfd2d4', endColorstr='#f0f1f2',GradientType=1 ); /* ie */
}
.noline {
	clear: both;
	height: 1px;
}
.row {
	margin: 10px 0;
	padding: 10px 0;
	font-size: 13px;
	color: #333;
	text-shadow: 0px 0px #fff, 0px 1px #fff;
}
.row .content {
	width: 480px;
	margin: 0 0 14px 0;
}
.row .col2 p {
	padding: 0 0 21px 0;
	line-height: 17px;
}
.row h4 a {
	text-decoration: none;
	color: #333;
}
.download {
	color: #56606c;
	text-shadow: 0px 0px #fff, 0px 1px #fff;
}
.download a {
	color:	#56606c;
}
.app-store a img {
	width: 160px;
	height: 48px;
/*	width: 133px;*/
/*	height: 40px;*/
	margin: 14px 0 0 0;
}
.left {
	float: left;
}
.right {
	float: right;
}
.clear {
	clear: both;
	display: block;
}
.inner {
	margin: 0 auto;
	width: 960px;
}
.col1 {
	display: block;
	width: 270px;
	text-align: right;
	float: left;
}
.col2 {
	display: block;
	width: 660px;
	text-align: left;
	float: right;
}
#images img {
	width: 90px;
	height: 56px;
	float: left;
	margin: 7px 5px 10px 0;
}
@-webkit-keyframes pulse {
	from {
		-webkit-transform: scale(1.0);
	}
	50% {
		-webkit-transform: scale(1.1);
	}
	to { 
		-webkit-transform: scale(1.0);
	}
}
#app_store_button:hover,
#snippet_edit_icon:hover,
.row a img:hover {
	-webkit-animation-name: pulse;
	-webkit-animation-duration: 0.35s;
	-webkit-animation-iteration-count: 1;
}
.row img {
	width: 128px;
	height: 128px;
}
/* backgrounds */
body {
/*	10% */
	background-color: #f0f1f2;
}
#footer,
#quote {
/*	25% */
	background-color: #dfe3e8;
}
#header,
#closer {
/*	50% */
	background: #b1b7c0 url(/images/design/NSLinenBackgroundPattern.png);
}
.quotee {
	white-space: nowrap;
}
#app_store_button {
	background-image: url(/images/design/app_store.png);
	display: block;
	width: 160px;
	height: 48px;
	margin: 18px 0 0 0;
	background-size: 100%;
	float: right;
}
#download_now {
	display: block;
	width: 128px;
	height: 20px;
	margin: 0 0 0 20px;
	padding: 10px 4px 10px 0;
	float: right;
	text-align: center;
/*	background: red;*/
}
#snippet_edit_icon {
	background-image: url(/images/content/icon_snippet_edit.png);
	display: block;
	width: 128px;
	height: 128px;
	background-size: 100%;
	float: right;
/*	background: red;*/
}