html {
	background: #fff url('/images/html.png') repeat-x 0 -90px;
}

html.home {
	background: #fff url('/images/html.png') repeat-x top left;
}

html.grey {
	background: #fff url('/images/html-grey.png') repeat-x top left;
}

body {
	background: none;
	width: 100%;
	min-height: 100%;
	margin: 0;
	text-align: center;
	font-family: Helvetica, Verdana, Arial, sans-serif;
	font-size: 12px;
	color: #525252;
}

#content p {
	font-size: 1.1em;
}

.home body {
	background: none;
}

a {
	text-decoration: none;
	color: #15a600;
}

a:hover {
	text-decoration: underline;
	color: #15a600;
}

#wrap {
	position: relative;
	width: 960px;
	margin: 0 auto;
	text-align: left;
}

#header {
	position: relative;
	background: url('/images/header.png') no-repeat bottom right;
	height: 320px;
	color: #fff;
}

.grey #header {
	background: url('/images/header-grey.png') no-repeat bottom right;
}

.home #header {
	background: url('/images/header-high.png') no-repeat bottom right;
	height: 410px;
}

#header h1 {
	background: url('/images/logo.png') no-repeat bottom left;
	width: 170px;
	margin: 0;
	padding: 40px 0 0 0;
	text-indent: -500em;
}

#header h1 a {
	display: block;
	height: 40px;
}

#header ul#mainnav {
	position: absolute;
	top: 40px;
	right: 0;
	margin: 0;
	text-transform: capitalize;
}

#header ul#mainnav li {
	display: inline;
	list-style-type: none;
	background: url('/images/mainnav-left.png') no-repeat bottom left;
	margin-left: 10px;
	padding: 8px 0 6px 10px;
	font-size: 1.15em;
}

#header ul#mainnav li a {
	background: url('/images/mainnav-right.png') no-repeat bottom right;
	padding: 8px 10px 6px 0;
	color: #fff;
}

#header ul#mainnav li:hover,
#tour #header ul#mainnav li.tour,
#publishers #header ul#mainnav li.publishers,
#advertisers #header ul#mainnav li.advertisers,
#about #header ul#mainnav li.about,
#contact #header ul#mainnav li.contact,
#media #header ul#mainnav li.media {
	background: url('/images/mainnav-left-on.png') no-repeat bottom left;
}

#header ul#mainnav li a:hover,
#tour #header ul#mainnav li.tour a,
#publishers #header ul#mainnav li.publishers a,
#advertisers #header ul#mainnav li.advertisers a,
#about #header ul#mainnav li.about a,
#contact #header ul#mainnav li.contact a,
#media #header ul#mainnav li.media a {
	background: url('/images/mainnav-right-on.png') no-repeat bottom right;
	text-decoration: none;
}

#footer {
	clear: both;
	padding: 55px 0;
	text-align: right;
	color: #868686;
}

#footer ul {
	float: left;
	margin: 0;
	padding-left: 0;
}

#footer ul li {
	display: inline;
	list-style-type: none;
	margin-right: 35px;
}

#footer ul li a {
	color: #0c0c0c;
}

/* Content Blocks */

ul#subnav {
	margin: 0;
	padding:  0;
}

ul#subnav li {
	display: inline;
	list-style-type: none;
	text-transform: capitalize;
	font-size: 1.4em;
}

ul#subnav li a {
	float: left;
	display: block;
	margin-right: 35px;
	padding-top: 12px;
	font-weight: bold;
	color: #0c0c0c;
}

ul#subnav li a:hover,
#about ul#subnav li.about a,
#team ul#subnav li.team a,
#press ul#subnav li.buzz a,
#publishers ul#subnav li.publishers a,
#how ul#subnav li.how a {
	color: #15a600;
}

#about ul#subnav li.about a,
#team ul#subnav li.team a,
#press ul#subnav li.buzz a,
#publishers ul#subnav li.publishers a,
#how ul#subnav li.how a {
	background: url('/images/subnav-on.png') no-repeat top center;
	text-decoration: none;
}

#leftcol {
	float: left;
	width: 740px;
	margin-top: 40px;
}

.home #leftcol {
	width: 575px;
}

#leftcol.grey {
	background: #f5f5f5 url('/images/leftcol-740-top.png') no-repeat top left;
}

#leftcol.grey .bottom {
	position: relative;
	background: #f5f5f5 url('/images/leftcol-740-bottom.png') no-repeat bottom left;
	padding: 50px 65px;
}

#leftcol.grey .bottom .subright {
	position: absolute;
	top: 50px;
	right: 65px;
	width: 190px;
	font-size: 1.2em;
}

#contactform {
	float: right;
	width: 480px;
	margin-top: -10px;
}

#header .leftcol {
	float: left;
	width: 525px;
}



.home #header .leftcol p {
	font-size: 1.3em;
}

#rightcol {
	float: right;
	width: 185px;
}

#rightcol.grey {
	background: #f5f5f5 url('/images/rightcol-185-top.png') no-repeat top left;
	margin-top: 40px;
	padding-top: 25px;
	text-align: center;
}

#rightcol.grey div {
	background: #f5f5f5 url('/images/rightcol-185-bottom.png') no-repeat bottom left;
	padding: 0 10px 10px 10px;
}

.home #rightcol {
	width: 345px;
}

.home #rightcol.grey {
	background: #f5f5f5 url('/images/rightcol-345-top.png') no-repeat top left;
}

.home #rightcol.grey div {
	background: #f5f5f5 url('/images/rightcol-345-bottom.png') no-repeat bottom left;
	padding: 0 25px 10px 25px;
}

#praizes {
	float: right;
	width: 345px;
	margin-top: 30px;
	text-align: center;
	font-size: 1em;
}

.thirds {
	float: left;
	width: 180px;
	margin-right: 17px;
}

.last {
	margin-right: 0;
}

.thirds .logo {
	background-color: #f5f5f5;
	margin-bottom: 18px;
	padding: 8px;
}

.withthumb {
	margin-top: 45px;
	padding-left: 200px;
}

.withthumb .thumb {
	float: left;
	margin-left: -200px;
}

#tour .withthumb .thumb {
	border: 10px solid #f5f5f5;
}

.subright .logo {
	padding: 6px 0;
	border-bottom: 1px solid #d4d4d4;
}

.subright .top {
	border-top: 1px solid #d4d4d4;
}

.widegrey {
	height: 225px;
	min-height: 225px;
	background: #f5f5f5 url('/images/leftcol-740-top.png') no-repeat top left;
}

.widegrey div {
	position: relative;
	background: #f5f5f5 url('/images/leftcol-740-bottom.png') no-repeat bottom left;
	padding: 25px 25px 25px 265px;
	font-size: 1.1em;
}

.widegrey div .button {
	float: left;
	clear: left;
	margin: 0 0 20px -240px;
}

.downloadlink a {
	background: url('/images/icons-download.png') no-repeat 100% 0;
	padding: 5px 35px 5px 0;
}


/* Forms */

/* Api form */
form span.required {}
form span.descriptor { display: block; }
form input { margin: 3px 0 10px 0; }
form fieldset { border: none; }
form span.centered-field { display: block; }

#contactform form label {
	display: block;
}

#contactform form input {
	margin: 3px 0 10px 0;
}

form#signup {
	width: 355px;
	margin: 0;
	text-align: right;
}

form#signup label {
	display: block;
	clear: right;
	position: relative;
	padding: 5px 205px 15px 0;
}

form#signup label.check {
	padding-right: 0;
}

form#signup label input {
	position: absolute;
	right: 0;
	top: 0;
	width: 190px;
}

form#signup label input#mailinglist {
	position: static;
	width: auto;
}


/* Typography */

#header h2 {
	margin: 45px 0 0 0;
	line-height: 100%;
	font-family: "Helvetica Neue", Helvetica, Verdana, Arial, sans-serif;
	font-size: 4.15em;
	font-weight: 600;
	letter-spacing: -1.5px;
}

#header h3 {
	margin: 0;
	line-height: 100%;
	font-family: "Helvetica Neue", Helvetica, Verdana, Arial, sans-serif;
	font-size: 2.5em;
	font-weight: normal;
	letter-spacing: -0.5px;
}

#leftcol h2 {
	margin: 0 0 15px 0;
	font-size: 1.75em;
	color: #0c0c0c;
}

#rightcol h3 {
	margin: 0 7px 0 7px;
	line-height: 125%;
	font-weight: normal;
	font-size: 1.3em;
	color: #0c0c0c;
}

#rightcol h3 em {
	font-style: normal;
	font-weight: bold;
}

#rightcol h3 em a {
	display: block;
	margin-top: 5px;
}

#leftcol.grey .bottom .subright h3 {
	margin: 0;
	font-size: 1.3em;
}

#leftcol h3 {
	margin: 0 0 10px 0;
	font-size: 1.5em;
	color: #0c0c0c;
}

#contactform h3 {
	margin: 0 0 8px 0;
	font-size: 1.2em;
}

h4 {
	margin: 30px 0 10px 0;
	font-size: 1.25em;
	color: #0c0c0c;
}

#leftcol.grey .bottom .subright h4 {
	margin: 20px 0 10px 0;
	font-size: 1em;
}

.home #header p {
	font-size: 1em;
}

#header p {
	font-size: 1.5em;
}

#leftcol.grey .bottom .subright p {
	margin: 0;
	line-height: 130%;
}

.home #rightcol p {
	font-size: 1.7em;
	color: #0c0c0c;
}

#praizes h3 {
	margin: 0;
	font-size: 1.5em;
	color: #000;
}

#praizes div.logo {
	float: left;
}

#praizes blockquote {
	margin: 0 25px;
}

#praizes p {
	margin-bottom: 0;
}

#praizes p.source {
	line-height: 150%;
	font-weight: bold;
	color: #000;
}

#praizes p.source a {
	font-weight: normal;
}

p {
	line-height: 150%;
}

p.l {
	font-size: 1.2em;
}

p.link {
	margin: 0;
	line-height: 100%;
}

p.right {
	text-align: right;
}

ul, ol {
	margin: 0;
	padding-left: 15px;
}

ul li, ol li {
	line-height: 150%;
}

ol li {
	margin-bottom: 3px;
}

ul.points li {
	font-size: 1.2em;
}


/* Misc */
img {
	border: none;
}

hr {
	clear: both;
	background-color: #e2e2e2;
	margin: 25px 0;
	height: 1px;
	border: none;
	color: #e2e2e2;
}

hr.clear { background: transparent; }

#needium-preview-link, embed { position: absolute; top: 100px; right:20px; width:350px; height: 270px;}
p.notice { font-weight: bold; }
#content.errorPage{width:300px;float:left;text-align:left;margin-left:50px;}
#content.errorPage h3{font-size:20px;}

/*
Added for publishers button mods 
*/
.publishers{position:relative;}
.publishers a{margin-right:-5px;}
.publishers-sub{
position:absolute;top:31px;left:0px;width:230px;z-index:9999;margin:0;padding:0;
}
.publishers-sub *{
margin:0  !important;padding:0 !important;}
.publishers-sub li{display:block;float:left;width:200px;background:#000 !important;border:1px solid #333;padding:0.25em !important;margin-top:3px !important;}
.publishers-sub li a{background:#000 !important;font-size:12px;display:block;width:100%;height:100%;line-height:1.25em;}
.publishers-sub li a:hover{color:#0c0 !important;background:#222 !important}



/* tweaks */
#content #leftcol .buttons{text-align:left;display:block;float:left;width:100%;margin-bottom:1em;}
#content #leftcol .buttons br{display:none;}
#content #leftcol .buttons a{display:block;float:left;margin-right:1em;}