/**********************************************/
/*  XHTML This ********************************/
/*  @url http://www.xhtmlthis.com *************/
/**********************************************/
/*  Code is not to be redistributed or sold.  */
/**********************************************/

/* @group CSS Reset */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	margin: 0; padding: 0;
	}
html, body {
	height: 100%;
	}
body {
	background: #fff;
	font: 12px/18px "Helvetica Neue", Arial, sans-serif;
	color: #9f9f9f;
	}
img, a img { 
	border: 0;
	outline: none;
	}
a, a:hover {
	color: #e07e00;
	outline: none;
	text-decoration: none;
	}
	a:hover {
		text-decoration: underline;
		}
h2 span {
	display: none;
	}
ol,ul {
	list-style: none;
	}
q:before,q:after {
	content: '';
	}
.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
	}
.clearfix {
    display: inline-block;
	}
html[xmlns] .clearfix {
    display: block;
	}
* html .clearfix {
    height: 1%;
	}

/* @end */

/* @group Wrapper */

.wrapper {
	width: 956px;
	margin: 0 auto;
	}

/* @end */

/* @group Top */

#top {
	background: #fff url('images/background.gif') repeat-x top;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -75px; /* the bottom margin is the negative value of the footer's height */	}

#city {
	background: url('images/city.jpg') no-repeat top center;
	height: 300px;
	height: auto !important;
	min-height: 300px;
	padding: 0 0 15px;
	}

/* @end */

/* @group Header/Navigation */

#logo {
	height: 125px;
	padding: 0 0 0 310px;
	}
#logo a, #logo a:hover {
	text-decoration: none;
	width: 304px; height: 125px;
	float: left;
	text-indent: -100000px;
	}
#navigation {
	height: 26px;
	padding: 18px 0 0 151px;
	}
* html #navigation { padding-top: 14px; }
	
#navigation li {
	float: left;
	height: 12px;
	margin: 0 18px;
	}
#navigation li a {
	text-decoration: none;
	text-indent: -100000px;
	background-position: left;
	float: left;
	height: 12px;
	}
#navigation li a:hover, #navigation li.active a {
	background-position: right;
	}
#n_manifesto, #n_manifesto a {
	background: url('images/manifesto.gif') no-repeat left;
	width: 77px;
	}
#n_philosophy, #n_philosophy a {
	background: url('images/our-philosophy.gif') no-repeat left;
	width: 115px;
	}
#n_p-beta, #n_p-beta a {
	background: url('images/pyrx-beta.gif') no-repeat left;
	width: 78px;
	}
#n_labs, #n_labs a {
	background: url('images/piryx-labs.gif') no-repeat left;
	width: 78px;
	}
#n_politix, #n_politix a {
	background: url('images/real-politics.gif') no-repeat left;
	width: 120px;
	}

/* @end */

/* @group Foot */

#foot {
	background: url('images/footer.gif') no-repeat;
	width: 955px; height: 187px;
	margin: 0 auto;
	padding: 10px;
	}
#f_blog {
	width: 513px;
	float: left;
	padding: 15px 10px;
	}
h3.date {
	background: url('images/date.gif') no-repeat;
	float: left;
	width: 37px; height: 35px;
	margin: 0 15px 0 0; padding: 0;
	text-align: center;
	font-size: 0;
	}
.date small {
	color: #fff;
	font-size: 9px;
	font-weight: normal;
	position: absolute;
	width: 37px;
	text-align: center;
	margin: -3px 0 0 -18px;
	text-transform: uppercase;
	}
.date strong {
	color: #0b2348;
	font-size: 15px;
	position: absolute;
	width: 37px;
	text-align: center;
	margin: 13px 0 0 -17px;
	}
#rss {
	float: right;
	margin: 0 15px 0 0;
	}
.entry {
	padding: 8px 0;
	}
.entry h2 a {
	font-size: 16px;
	text-decoration: none;
	color: #000;
	}
.entry h2 a:hover {
	font-size: 16px;
	color: #000;
	text-decoration: underline;
	}
#f_login {
	width: 193px;
	float: left;
	padding: 15px 0;
	}
html>body #f_login {
	padding: 15px 5px;
	}
#f_login p, #f_labs p {
	margin: 0 0 0; padding: 0 0 0;
	font-size: 11px;
	text-align: center;
	line-height: 1.3em;
	}
input.text, .contactform {
	background: white url('images/input-bg.gif') repeat-x top;
	border: 1px solid #b7b7b7;
	color: #797979;
	outline: none;
	font-size: 12px;
	padding: 5px;
	margin: 0 0 5px 10px;
	}
select 
{
	background: #efefef url('images/input-bg.gif') repeat-x top;
	border: 1px solid #b7b7b7;
	color: #797979;
	outline: none;
	font-size: 12px;
	padding: 1px;
}
html>/**/body #name, html>/**/body #password, html>/**/body input.text {
	margin: 3px 0 5px 20px;
	}
#loginhelp {
	float: left;
	font-size: 0.75em;
	font-weight: bold;
	margin: 4px 0 0 11px;
	}
html>/**/body #loginhelp {
	margin-left: 21px;
	}
#submit {
	background: url('images/login.gif') no-repeat;
	width: 65px; height: 21px;
	margin: 2px 15px 0 0;
	float: right;
	border: 0;
	cursor: pointer;
	}
#f_labs {
	width: 193px;
	float: left;
	padding: 15px 0 15px 25px;
	text-align: center;
	}
html>body #f_labs {
	padding-left: 15px;
	}
#f_labs img {
	margin: 2px 0 0;
	}
.homedivider {
	text-align: left;
	margin: 0 0 0 -10px;
	}
.homelabslogan {
	color: #797979;
	}
#f_labs .homedivider {
	margin: -3px 0 0 -10px;
	}

/* @end */

/* @group Misc */

#blog-entries {
	background: url('images/blog-entries.gif') no-repeat;
	width: 272px; height: 18px;
	}
#beta-title {
	background: url('images/beta-title.gif') no-repeat;
	width: 79px; height: 18px;
	margin: 0 auto 8px;
	}
#labs-title {
	background: url('images/piryx-labs-title.gif') no-repeat;
	width: 79px; height: 18px;
	margin: 0 auto;
	}

/* @end */

/* @group Footer */
#footer, #push {
	height: 75px;
	}
#footer {
	background: #020619 url(images/bluefoot_bg.jpg) no-repeat top center;
	padding: 0;
	}	
#footer .wrapper {
	padding-top: 10px;
	}
#footer p {
	padding: 3px 0;
	}
#top-links a {
	text-decoration: none;
	color: #a2a2a2;
	}
#top-links a:hover {
	text-decoration: underline;
	color: #a2a2a2;
	}
#main-links a {
	text-decoration: none;
	color: #297caa;
	}
#main-links a:hover, #main-links a strong {
	color: #fbe1b7;
	font-weight: normal;
	}
#footlinks {
	float: right;
	margin: 13px 0 0 0;
	}
#footlinks a {
	margin: 0 0 0 6px;
	}
/* @end */

#darkbluewrap {
	width: 967px;
	background: #fff url(images/darkblue_bg.jpg) no-repeat top center;
	margin: 7px 0 0 0;
	min-height: 480px;
	height: 480px;
	}
#lightbluewrap 
{
	width: 967px;
	height: 512px;
	min-height: 512px;
	background: #fff url(images/lightblue_bg.jpg) no-repeat top center;
	margin: 7px 0 0 0;
	}
html[xmlns] #darkbluewrap, html[xmlns] #lightbluewrap { height: auto; }	
#title {
	text-align: center;
	padding: 24px 0 0 0;
	}
#darkbluewrap h2, #lightbluewrap h2 {
	font-size: 2.5em;
	color: #fffabe;
	font-weight: normal;
	margin: 20px 0 15px 45px;
	}
#corpimg {
	margin: 0 0 0 45px;
	}
#darkbluewrap h3, #lightbluewrap h3 {
	width: 873px;
	color: #11356d;
	font-size: 1.2em;
	font-weight: normal;
	margin: 10px 0 10px 50px;
	}
html>/**/body #darkbluewrap h3, html>/**/body #lightbluewrap h3 {
	margin-left: 45px;
	}
#lightbluewrap h3 {
	color: #fff;
	}
#contact, #community, #join {
	width: 912px;
	color: #505050;
	margin: 0 0 20px 45px;
	}
#contact h4, #community h4, #join h4 {
 	color: #FFFABE;
	font-size: 1.6em;
	margin-bottom: -6px;
	padding: 6px 0 0 0;
	}
#contact #lefttitle {
	margin: 0 130px 0 0;
	}
#contactleft {
	width: 320px;
	float: left;
	margin: -5px 0 320px 0;
	}
#contactleft h5 {
 	color: #11356d;
	font-size: 1.1em;
	margin: 10px 0 0 0;
	}
#contactright {
	margin: 5px 0 0 0;
	}
#contactright .contactform {
	color: #505050;
	margin-left: 0;
	}
#contactright .bluetext {
 	color: #11356d;
	font-weight: bold;
	padding-top: 5px;
	}
#contactright textarea, #join textarea {
	color: #505050;
	background: #fff url(images/messagebox_bg.jpg) repeat-x top;
	font-family: "Helvetica Neue", Arial, sans-serif;
	border: 1px solid #b7b7b7;
	outline: none;
	font-size: 12px;
	padding: 5px;
	overflow: auto;
	}
#entercap {
	float: right;
	margin: 0 90px 0 0;
	}
#contactsubmit {
	margin-top: 15px;
	padding: 1px;
	}
#phil1 {
	text-align: center;
	color: #505050;
	}
#phil1 h4 {
 	color: #11356d;
	font-size: 6em;
	margin: 40px 0 25px 0;
	}
#phil1 p {
	width: 553px;
	font-size: 1.12em;
	font-weight: bold;
	line-height: 1.2em;
	}
html>/**/body #phil1 p {
	margin-left: 210px;
	}
#philleft, #philmid, #philright {
	color: #505050;
	width: 275px;
	float: left;
	margin: 10px 15px;
	}
html>body #philleft, html>body #philmid, html>body #philright {
	margin: 10px 20px;
	}
#philleft {
	padding-left: 10px;
	}
#philleft h5, #philmid h5, #philright h5 {
 	color: #11356d;
	font-size: 5em;
	text-align: center;
	margin: 20px 0;
	}
#philleft p, #philmid p, #philright p {
	margin: 0 0 30px 0;
	line-height: 1.6em;
	}	
.phildivider {
	width: 2px;
	float: left;
	}
.clear {
	clear: both;
	}
#topnav {
	float: right;
	margin: 13px 25px 0 -130px;
	display: inline;
	}
#topnav a {
	color: #fff;
	font-weight: bold;
	}
#topnav a:hover, #topnav .selected {
	color: #fffabe;
	text-decoration: none;
	}
#topnav img {
	margin: 0 5px -15px 5px;
	}
#stories2 {
	width: 207px;
	height: 379px;
	min-height: 379px;
	float: right;
	display: inline;
	background: url(images/bio_bg.jpg) no-repeat;
	margin: 15px 0 0 0;
	}
html>body #stories2 {
	height: auto;
	}
#stories2 .story {
	display: none;
	}
#stories2 .largepic {
	text-align: center;
	background: url(images/largepic_bg.jpg) no-repeat center;
	margin: 18px 0 0 0;
	}
#stories2 .largepic img {
	width: 115px;
	height: 116px;
	margin: 1px 0 0 1px;
	}
html>/**/body #stories2 .largepic img {
	margin: 2px 0 0 0;
	}
#stories2 ul {
	text-align: center;
	font-size: 13px;
	margin: 5px 0 0 0;
	}
#stories2 ul .name {
	font-size: 16px;
 	color: #11356d;
	font-weight: bold;
	clear: left;
	}	
#stories2 ul .orangebold {
	color: #e07e00;
	font-weight: bold;
	}
#stories2 p {
	margin: 5px 0 0 18px;
	font-size: 12px;
	}	
#stories2 a {
	font-weight: bold;
	}
#community h4 {
	margin-left: 5px;
	}
#community #lefttitle {
	margin: 0 126px 0 0;
	}
#community #midtitle {
	margin: 0 137px 0 0;
	}
#founders, #advisors, #partners {
	width: 210px;
	float: left;
	margin: 5px 15px 0 0;
	line-height: 1;
	}
#partners {
	margin-right: 0;
	}
.link {
	margin: 20px 0 0 0;
	margin: 0 0 0 0;
	clear: left;
	}
.linkimg {
	width: 61px;
	height: 60px;
	background: url(images/com_thumb_bg.jpg) no-repeat;
	float: left;
	clear: both;
	margin: 0 5px 10px 0;
	}
.linkimg img {
	width: 56px;
	height: 55px;
	margin: 2px 0 0 2px;
	}	
.link a, .bold {
	font-weight: bold;
	}
.link a:hover, .current a {
 	color: #11356d;
	text-decoration: none;
	}
#join {
	width: 895px;
	}
#join .method {
	width: 287px;
	height: 263px;
	float: left;
	margin: 5px 7px 10px 0;
	}
#join .method h5, #join .method p {
	width: 234px;
	color: #fff;
	margin: 10px 0 0 30px;
	}
#join .method h5 {
	color: #fffabe;
	font-size: 1.4em;
	text-align: center;
	margin-top: 30px;
	margin-bottom: 10px;
	}
#update {
	background: url(images/join_update_bg.jpg) no-repeat;
	}
#blog {
	background: url(images/join_blog_bg.jpg) no-repeat;
	}
#develope {
	background: url(images/join_develope_bg.jpg) no-repeat;
	margin-right: 0;
	}
#join p.checkbox {
	text-align: center;
	padding: 65px 0 0 0;
	color: #000;
	font-size: 1.1em;
	}
#join h6 {
 	color: #11356d;
	font-size: 1.4em;
	}
#join table {
	margin: 5px 0 0 0;
	}	
#join table tr th {
	text-align: left;
	}
#join table tr td {
	padding: 0 20px 5px 0;
	}
#join table input {
	margin: 0;
	}
#join .captext {
	float: left;
	padding: 2px 20px 10px 0;
	}
#join table tr td#joinbutton {
	text-align: center;
	padding-top: 20px;
	}
#beta {
	background: url(images/beta_bg.jpg) no-repeat 35px 48px;
	padding-bottom: 140px;
	}
#beta #topnav {
	margin: 20px 15px 0 -15px;
	}
html>body #beta #topnav {
	margin: 20px 25px 0 -25px;
	}
#beta .btext, #manifesto .btext {
	width: 873px;
	color: #fff;
	font-size: 1.2em;
	padding: 5px 0 10px 45px;
	}
#beta h3, #manifesto h3 {
	color: #fffabe;
	font-size: 1.8em;
	margin: 10px 0 10px 45px;
	}	
#invite {
	margin: 5px 0 0 45px;
	}
#invite p {
	color: #fff;
	font-weight: bold;
	margin: 0;
	}
#invite .contactform {
	margin: 0;
	}
#invitebutton {
	margin: 0 0 -3px 10px;
	}
html>/**/body #invitebutton {
	margin-bottom: -9px;
	}
#invite .invitemessage {
	color: #fffabe;
	margin-top: 5px;
	}
#manifesto {
	padding-bottom: 140px;
	}
#manifesto #topnav {
	margin: 20px 25px 0 -135px;
	display: inline;
	}	
#manifesto #manright {
	float: right;
	margin: -8px 13px 0 0;
	display: inline;
	}
#manifesto .btext {
	width: 480px;
	}
#manifesto h3 {
	width: 480px;
	margin: 10px 0 10px 45px;
	padding: 0 0 10px 0;
	}
	
label.overlabel {
}

label.overlabel-apply {
	position:absolute;
	top:5px;
	left:5px;
	z-index:1;
}
html>/**/body label.overlabel-apply { left: 25px; }

#thebuttons .linktext { font-size: 14px; padding-top: 10px; }

#stories2 ul.sm { padding: 0 46px 0 47px; margin: 0; }

ul.sm li { list-style: none; float: left; margin: 3px 6px 0 0; }

#darkbluewrap.beta-signup h3.section-title { color: #11356D; font-size: 21px; font-weight: bold; }
#darkbluewrap.beta-signup label, #darkbluewrap.beta-signup p { color: #11356D; font-size: 14px; }
#darkbluewrap.beta-signup label { font-weight: bold; }
#darkbluewrap.beta-signup label.error { color: red; }
#darkbluewrap.beta-signup input.text { margin: 0; }

.field { margin: 0 6px 8px 0; }
.float-row { }
.float-row .field { float: left;  }

html > body #darkbluewrap.beta-signup input.text { margin: 0; }

#darkbluewrap.beta-signup h3.tos-title { color: #11356D; font-size: 16px; font-weight: bold; text-align: center; margin-right: 45px; }

#tos-box 
{
	background: url('images/input-bg.gif') repeat-x top;
	border: 1px solid #b7b7b7;
	color: #797979;
	outline: none;
	font-size: 12px;
	padding: 5px;
	overflow: auto;
	height: 110px;
	font-size: 11px;
	margin: 8px 0;
}

#darkbluewrap.beta-signup #tos-box h1 { font-size: 1.25em; margin-left: 0; padding-left: 0; color: #797979; }
#darkbluewrap.beta-signup #tos-box h2 { font-size: 1em; margin: 1em 0 0.5em; padding-left: 0; color:#11356D; font-weight: bold; }
#darkbluewrap.beta-signup #tos-box p { font-size: 11px; }

#intro 
{
	position: relative; width: 352px; height: 221px; 
	background: transparent url(images/intro-bk.jpg) no-repeat top left; 
	margin: 0 0 0 2px; padding: 134px 45px 0 570px; 
}
#intro h2 { display: none; }
#intro .video { position: absolute; top: 35px; left: 34px; }
#intro p { font-size: 12px; line-height: 22px; font-family: Arial, sans-serif; color: white; }
#intro p.links { font-size: 14px; text-align: center; margin-top: 22px; font-weight: bold; }
#intro p.links a { color: #FFDA99;  }
#intro p.links a:hover { text-decoration: none; color: #cbddff; }

ul.bullets { margin: 0 0 0 15px; }

.legal a { text-decoration: underline; }

.legal h1 { font-size: 1.25em; }
.legal h2 { font-size: 1em; margin: 1.5em 0 0; }
.legal p { line-height: 1.5em; margin: 1em 0; }

.legal ol, .legal ul { margin-top: 1em; margin-bottom: 1em; margin-left: 25px; }

.legal ul.bullets li { list-style: disc; }
.legal ol li { list-style: none; }

.legal ol.decimal li { list-style: decimal;  }
.legal ol.lower-roman li { list-style: lower-roman;  }
.legal ol.lower-alpha li { list-style: lower-alpha;  }


/* SITE EDITS 01.05.09 */
#n_about, #n_about a {
	background: url('images/about-us.gif') no-repeat left;
	width: 67px;
	}
#n_philosophy, #n_philosophy a {
	background: url('images/our-philosophy.gif') no-repeat left;
	width: 115px;
	}
#n_p-products, #n_p-products a {
	background: url('images/piryx-products.gif') no-repeat left;
	width: 113px;
	}
#n_news, #n_news a {
	background: url('images/news-updates.gif') no-repeat left;
	width: 116px;
	}
#n_contact, #n_contact a {
	background: url('images/contact-us.gif') no-repeat left;
	width: 81px;
	}

#newslinks {
 width: 833px;
 height: 61px;
 background: url(images/news_links_bg.jpg) no-repeat top;
 margin: 5px 0 0 5px;
 padding: 12px 0 0 130px;
}

#news .article {
 padding: 15px 0 0 50px;
 clear: both;
}

#news .article h3 {
 width: 645px;
 padding-left: 180px;
 margin-bottom: 3px;
 font-size: 1.3em;
}

#news h3 a { color: #11356d; font-weight: bold; }

html>/**/body #news .article h3 {
 padding-left: 135px;
}

#news .article .articlelogo {
 width: 165px;
 float: left;
 text-align: center;
 margin: -10px 15px 10px 0;
}

#news .article p {
 width: 645px;
 float: left;
 font-size: 1.1em;
 color: #505050;
}

#news .article a {
 font-weight: bold;
}
 
#products {
 padding-left: 45px;
}

#producttypes img {
 padding-right: 2px;
}

#producttitles {
 width: 874px;
 height: 53px;
 background: #ebebeb;
 border: 1px solid #fff;
}

html>/**/body #producttitles {
}

#producttitles div {
 width: 267px;
 float: left;
 margin: 10px 3px 0 14px;
 display: inline;
}

html>body #producttitles div {
 margin: 10px 3px 0 20px;
}

#producttitles div p {
 font-size: 0.8em;
 text-transform: uppercase;
 margin: 0;
}

html>/**/body #producttitles div p {
 margin-bottom: -2px;
}

#producttitles div.clear { margin: 0; height: 1px; display: none; }

#productlist {
 width: 866px;
 background: url(images/products_bg.jpg) repeat-x top;
 border-left: 1px solid #fff;
 border-right: 1px solid #fff;
 padding-left: 8px;
 clear: both;
}

#productlist .product {
 width: 267px;
 float: left;
 display: inline;
 padding: 10px 0;
 margin: 0 -7px 0 12px;
 margin: 0 9px;
 color: #505050;
}

/*
html>body #productlist .product {
 margin: 0 0 0 13px;
}
*/

#productlist .productimages {
 border: 1px solid #c6c6c6;
}

#productlist #midproduct {
 width: 290px;
 margin: 0;
}

#productlist #midproduct #leftborder {
 width: 2px;
 float: left;
 margin: -5px 9px 0 0;
}

#productlist #midproduct #rightborder {
 width: 2px;
 float: right;
 margin: -5px 0 0 9px;
}

html>body #productlist #midproduct #rightborder {
 margin: -5px 0 0 9px;
}

#productlist #midproduct .productimages {
 float: right;
 display: inline;
 margin-bottom: 5px;
 margin-right: 0;
}

html>body #productlist #midproduct .productimages {
 float: none;
 margin-right: 0;
}

#productlist .product .trybutton {
 margin-top: 5px;
 text-align: center;
}

#productlist .product p {
 margin: 5px 0;
}

#productlist table td {
 padding-bottom: 3px;
}

#productlist table td.arrow {
 vertical-align: top;
 padding-top: 5px;
}

html>/**/body #productlist table td.arrow {
 padding-top: 0;
}

#myOnPageContent {
 display: none;
}

#userName, #password { width: 150px; }

#request-invite
{
	background: url(images/popup_bg.jpg) no-repeat;
	text-align:left;
	line-height: 1.4em;
}

#request-invite img {
	display:block;
	margin: 15px 0 0 15px;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #666;
	border-left: 1px solid #666;
}

#request-invite 
{
 text-align: left;
 color: #fff;
 font-size: 1.2em;
 padding: 50px 35px 0;
}

#request-invite h2 {
	font-size: 1.8em;
	color: #fffabe;
	margin-bottom: 10px;
}

#request-invite p {
 width: 600px;
 
}

#request-invite table {
 width: 500px;
}

#request-invite table td {
 padding-bottom: 3px;
}

#request-invite table th 
{
	text-align: left;
}

#request-invite table td.tryemail input {
	background: white url('images/input-bg.gif') repeat-x top;
	border: 1px solid #b7b7b7;
	color: #797979;
	outline: none;
	font-size: 12px;
	padding: 5px;
}

#request-invite table th {
 padding-top: 10px;
 color: #fffabe;
}

#request-invite table td.requestinvite {
 padding-top: 10px;
}