/* @override http://benoterodesign.com/css/styles.css */

/* @group GLOBALS */
body			{ 
				  font-size:62.5%; font-family:"Lucida Grande", "Lucida Sans Unicode", helvetica, arial, sans-serif; 
				  background:#030710 url(../pxcr/grn-superhuge.jpg) fixed no-repeat center top;
				  background-size: cover; 
				}
#container		{ width:920px; margin:0 auto; position:relative;}
.hidden			{ display:none; }
.show			{ display:block; }
/* @end */

/* @group HEADER */
#header				{ position:relative; height:165px; margin: 0 25px; }
#header h1,
#header h1 a		{ display:block; width:185px; height:105px; }
#header h1			{ margin:15px 0 10px; padding:0; background:url(../pxcr/hq-logo.png) no-repeat; text-indent:-999em; }
#header p			{ font-size:1.125em; color:#c3d2d8; text-transform:uppercase; margin:0;  }
#header p#services	{ 
					  position:absolute; right:-10px; top:10px; display:block; width:293px; height:12px; 
					  background:url(../pxcr/services_bg.png) no-repeat; text-indent:-999em; 
					}
#header p#services span		{ color:#000; font-style:italic; }
/* @end */

strong {color: #79898e; font-weight: normal;}
em {font-style: normal; color: #4e595c;}

.rim {float: left; width: 96%; /*background:url(../pxcr/underline.gif) repeat-x left bottom;*/ margin: 0 23px; }
#content .row {float: left; margin:0 11px;
width:100%;}
.a,.b,.c,.d,.e,.f,.g { padding: 0; margin: 0;}
.huh {visibility: hidden;}
.nyet {visibility: hidden;}

/* @group CONTENT */
#content			{ float: left; margin: 0; padding: 0;  }
#content h2			{ 
					  color:#E6F9FF;
					  float:left;
					  font-family:verdana,arial,sans-serif;
					  font-weight:normal;
					  text-transform:uppercase;
					  width:100px;
					}
#content h2 span	{ color:#b0d7ca; }
#contact			{ 
					  background:url("../pxcr/req-join-btn.png") no-repeat scroll left bottom transparent;
						color:#E6F9FF;
						display:block;
						float:right;
						font-size:1.125em;
						font-weight:bold;
						height:29px;
						position:relative;
						text-align:center;
						text-decoration:none;
						top:5px;
						width:153px;
					 
					}
					
.mooch {padding:7px 5px 5px 10px; left: 0; position:absolute;}
					  
#contact:hover		{ background-position:left top; }
#contact:focus		{ outline:none; }

/* @group PROJECT */
.project			{ height:219px; padding:25px 0 0; border-bottom:1px solid #151e2e; clear:both; }






.postbox { float:left; /*height:219px;*/ padding:14px; /*border-bottom:1px solid #151e2e; display:block;*/ width: 275px;}
.postbox a.post { float: left; text-decoration: none; border: 0; outline: none;}
.postbox img		{ float:left; border:12px solid #093236; } 
.postbox img:hover	{ border-color:#2d6067; }
.postbox dl			{ margin:0; padding:5px 2px 2px 2px;float: left;}
.postbox dt			{ margin:0; padding:0; font-size:1.5em; color:#e6f9ff; line-height:2em; white-space: nowrap; }
.postbox dd			{ margin:0; padding:0; color:#6E8990;font-size:1.25em;font-weight:normal;  } 

.postbox dt a.tittle {color: #B0D7CA; text-decoration: none; letter-spacing: 0.013em;}
.postbox dt a.tittle:hover { color: #e6f9ff;}

.postbox dd a.user {color: #cc916e; text-decoration: none; font-weight: bold;}
.postbox dd a.user:hover { color: #cd3609;}



.postbox p.dev,
.postbox a.comments	{ 
					  display:block; height:16px; background:url(/pxcr/comments-btn-m.png) no-repeat; background-position: center top; /*text-indent:-999em;*/ 
					  position:relative; /*left:0; bottom:0;*/ margin-right: 0px; margin-top: 28px; float: right; color: #FFF; text-decoration: none; font-size: 0.975em; font-weight: bold; padding: 2px;
					}
.postbox a.comments:hover	{ background-position:center bottom; }

.postbox p.dev		{ margin:0; padding:0; line-height:1; background:url(/pxcr/comments-btn.png) no-repeat; }


.postbox a.post div { background-color:#2D6067;
						border:none;
						color:white;
						display:none;
						height:auto;
						padding:8px;
						position:absolute;
						text-decoration:none;
						-webkit-border-radius:2px;
    					-moz-border-radius:2px;
    					border-radius:2px;
						outline: none;
						font-size: 1.175em; 
						line-height: 1em; 
						}
						
.postbox a.post:hover div {display: block;}





.details			{/* float:left; width:238px; height:197px;position:relative;*/ float: left; width: 100%;}
.project dl			{ width:238px; margin:0; padding:0; }
.project dt			{ margin:0; padding:0 0 8px; font-size:1.4em; color:#e6f9ff; line-height:22px; }
.project dd			{ margin:0; padding:0; font-size:1em; font-weight:bold; color:#505f73; text-transform:uppercase; } 
.details p.dev,
.details a.visit	{ 
					  display:block; width:202px; height:28px; background:url(../pxcr/visit_btn.gif) no-repeat; text-indent:-999em; 
					  position:absolute; left:0; bottom:0;
					}
.details a.visit:hover	{ background-position:left bottom; }

.details p.dev		{ margin:0; padding:0; line-height:1; background:url(../pxcr/dev_visit_btn.gif) no-repeat; }
/*.details span {margin: 0 auto; background:url(../pxcr/comments-btn-un.png); background-position: center top; background-repeat: no-repeat;}*/

.bluehey {float: right; background-image:url(../pxcr/comments-btn-bot.png); background-position: left top; background-repeat: no-repeat; padding-top: 3px; margin-top: -18px;}
.greyhey {float: right; background-image:url(../pxcr/comments-btn-bot-grey.png); background-position: left top; background-repeat: no-repeat; padding-top: 3px; margin-top: -18px;}





#content .comment-blu {padding:0 !important;text-align:left; }
#content .comment-grey {padding:0 !important;text-align:left; }
/* smbutton-too */
.comment-blu {
    /*margin:0 0 8px 0 !important;*/
    -webkit-border-radius:2px;
    text-decoration:none !important;
    display:block;
    display:inline-block;
    text-align:center;
    min-width:20px;
	background:#00A4C6;
    background:-webkit-gradient(linear, left top, left bottom, from(#4EADCC), to(#408FAB) );
    background:-moz-linear-gradient(-90deg, #4EADCC, #408FAB);
    _background:#00A4C6;
    _filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#4EADCC', EndColorStr='#408FAB');
	outline: none;font-size: 1.29em; line-height: 1.27em; clear: left;
	}
	



.comment-blu, .comment-blu span {
    -webkit-border-radius:2px;
    -moz-border-radius:2px;
    border-radius:2px;}
.comment-blu span {
    display:block;
    padding:1px;
	/*font-size: 1em;*/
	color: #fff;
	letter-spacing: .0125em;}
.comment-blu:hover {
    background:#00A4C6;
    background:-webkit-gradient(linear, left top, left bottom, from(#57d0f3), to(#40b2d0) );
    background:-moz-linear-gradient(-90deg, #57d0f3, #40b2d0);
    _background:#00A4C6;
    _filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#57d0f3', EndColorStr='#40b2d0');
	outline: none;}
.comment-blu:active {
    background:#00537A;
    background:-webkit-gradient(linear, left top, left bottom, from(#00537A), to(#0084A6) );
    background:-moz-linear-gradient(-90deg, #00537A, #0084A6);
    _background:#00537A;
    _filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#00537A', EndColorStr='#0084A6');
	outline: none;}


.comment-grey, .comment-grey span {
    -webkit-border-radius:2px;
    -moz-border-radius:2px;
    border-radius:2px;}
	
.comment-grey {
	clear:left;
	display:inline-block;
	font-size:1.29em;
	line-height:1.27em;
	min-width:20px;
	outline:medium none;
	text-align:center;
	text-decoration:none !important;
	background:#00A4C6;
    background:-webkit-gradient(linear, left top, left bottom, from(#9e9e9e), to(#858585) );
    background:-moz-linear-gradient(-90deg, #9e9e9e, #858585);
    _background:#00A4C6;
    _filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#9e9e9e', EndColorStr='#858585');
	}
.comment-grey span {
    display:block;
    padding:1px;
	/*font-size: 1em;*/
	color: #fff;
	letter-spacing: .0125em;}
	
.comment-grey:hover {
    background:#00A4C6;
    background:-webkit-gradient(linear, left top, left bottom, from(#b9b9b9), to(#989898) );
    background:-moz-linear-gradient(-90deg, #b9b9b9, #989898);
    _background:#00A4C6;
    _filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#b9b9b9', EndColorStr='#989898');
	outline: none;}
	
.comment-grey:active {
    background:#00537A;
    background:-webkit-gradient(linear, left top, left bottom, from(#00537A), to(#0084A6) );
    background:-moz-linear-gradient(-90deg, #00537A, #0084A6);
    _background:#00537A;
    _filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#00537A', EndColorStr='#0084A6');
	outline: none;}




.project img		{ float:left; border:12px solid #0f172a; } 
.project img:hover	{ border-color:#1a2642; }
/* @end */
/* @end */

/* @group FOOTER */
#footer				{ clear:both; padding-bottom:50px; }
#footer p#copy		{ font-size:1em; color:#505f73; font-weight:bold; float:left;}
#footer p			{ float:right; font-size:1em; font-weight:bold; color:#505f73; margin:19px 0 0; }
#footer a			{ color:#505f73; text-decoration:none;  }
#footer a.cm		{ color:#88a1ba; }
#footer a:hover		{ text-decoration:underline; }
/* @end */

/* @group CONTACT FORM */
#form				{ 
					  display:block; padding:75px; width:678px; height:200px; background:url(../images/contact_form_bg.png) no-repeat; 
					  position:absolute; top:135px; left:-23px; z-index:1000;
					}
#form.hidden		{ display:none; }
#form form			{ margin:0; padding:0; position:relative; }
#form #close		{ 
					  display:block; width:41px; height:41px; background:url(../js/zoom/closebox.png) no-repeat; text-indent:-999em; 
					  position:absolute; top:-72px; left:-72px;
					}
#form #close:focus	{ outline:none; }
#form fieldset		{ margin: 0; padding:0; border:none; float:left; width:235px; }
#form fieldset.right{ width:419px; position:relative; }
#form label			{ display:block; font-size:1.5em; color:#b5daff; font-family:helvetica, sans-serif; margin-bottom:10px; }
#form #nlabel		{ width:42px; background:url(../pxcr/name_label.gif) no-repeat; text-indent:-999em; }
#form #elabel		{ width:43px; background:url(../pxcr/email_label.gif) no-repeat; text-indent:-999em; }
#form #mlabel		{ width:67px; background:url(../pxcr/message_label.gif) no-repeat; text-indent:-999em; }
#form textarea,
#form input			{ 
					  display:block; background:#0f172b; font:1.3em helvetica, arial, sans-serif; color:#88a1ba; padding:4px; 
					  border:1px solid #404e79; border-right-color:#283352; border-top-color:#03050a; border-left-color:#080c16; 
					  margin-bottom:30px; position:relative; left:-2px;
					}
#form textarea		{ height:130px; width:377px; padding:10px; }
#form #send			{ 
					  display:block; width:127px; height:28px; background:url(/pxcr/send.gif) no-repeat; text-indent:-999em; 
					  position:absolute; right:20px; 
					}
#form #cancel		{ 
					  margin-top:0; margin-right:10px; font-size:1em; color:#88a1ba; text-decoration:none; padding-bottom:3px; 
					  border-bottom:1px solid #88a1ba; position:absolute; right:150px; padding-top:5px;
					}
#form #send:hover	{ background-position:left bottom; }
#form #send:focus	{ outline:none; }

#result				{ padding:10px; background:#e6f9ff; display:none; position:relative; top:-20px; }
#result li,
#result p			{ font-size:1.4em; color:#505f73; font-style:italic; }
#result ul			{ margin:0; padding:0; list-style:none; }

/* @end */