/*BASIC*/ 	html { height:100%;}body {height:100%;line-height:130%; background-color: #2B2F34; margin:0; padding:0; color:#aaaaaa; font-size:17px; font-family:helvetica, arial, sans-serif;}
/*LINKS*/   a:link {color:#284;} 
			a:hover {color:#fc0;} 
			a:active {color:#ffc;} 
			a:visited{color:#284;}
			#content {width:100%; margin:0 auto;
		  }
h3 {font-size:17px; text-transform:uppercase; margin:35px 0 10px 0;}
h4 {font-size:17px; color:#fff; margin:0;}
.clear {clear:both;}
.float {float:left; color:#666; font-size:13px; margin-right:15px;}
.left {float:left;}

form select, form input {font-size:28px; margin-right:10px; background-color:#999999; border:solid #666 1px;}
form textarea {font-size:20px; margin-right:10px; background-color:#999999; border:solid #666 1px;}
form input {-webkit-border-radius: 5px; -moz-border-radius: 5px; zzbackground:##2B2F34 url(images/backgroundbutton.png) top left repeat-x; border:solid #666 1px; padding:2px 10px;}

#header {padding:0 0 35px 0;  overflow:hidden; width:800px; margin:0 auto;}
#header h2{text-indent:-10000px; background: transparent  xurl(images/sprites-gris.gif) 0 0 no-repeat; position:absolute; height:40px; width:150px; margin-top:35px;}
#header ul {margin:30px 0 0 0; padding:0; float:right; list-style-type:none;}
#header li a {color:#ccc;}
#header li a:hover {color:#fff;}
#header li {padding:0 0 8px 25px; margin:0; font-size:15px; color:#ccc; }
#header li.mail { background: transparent xurl(images/sprites-gris.gif) 0 -45px no-repeat; padding-left:22px;}
#header li.phone { background: transparent xurl(images/sprites-gris.gif) 0 -95px no-repeat; padding-left:22px;}

#explanation {background-color:#228844; padding:20px 0 30px 0; width:100%;}
#explanation h2 {margin:0 auto; padding:0; color:#fff; font:37px/130% 'Lucida Sans', 'Lucida Grande', sans-serif; font-weight:normal; width:800px; margin:0 auto;}
#explanation p {color:#004D73; margin:0; padding:0;  margin:0 auto; width:800px;}
#explanation p a {color:#ff9;}

#work {margin:0 auto; width:800px; padding:0 0 25px 0; }
#work h4 {margin-top:13px;}
#work .screenshot {margin:15px 0 7px 0; border:solid #ccc 0px; width:285px; height:300px; position:relative;}
#work .item {clear:both; }
#work .item .info { width:470px; float:right;}
#work .screenshot img {position:absolute;}
#work .left a {float:left; display:block; background-color:#2B2F34; text-decoration:none; color:#888; margin:0 0px 0px 0; padding:0px 0px; outline:none;}
#work .left a:hover {color:#fff;}
#work .left a.current {background-color:#1F2126; color:#fff;}
#work .screendescription { width:265px; background-color:#2B2F34; font-size:15px; position:absolute; bottom:0; height:75px; padding:0px 00px; zopacity:0.7;}
#work .screendescription div {zopacity:1.0; color:#fff;}

#team {background-color:#2B2F34; padding:10px 0 15px 0; width:100%; clear:both; }
#team .wrapper {width:800px; margin:30px auto; position:relative;}
#team .wrapper a {color:#FFF; font-family:helvetica,arial,sans-serif; font-size:33px; line-height:130%; text-decoration:none;} 
#team .wrapper a:hover {color:#aaa;}
#bottomsearch {position:absolute; top:0; right:0;}

#team .cosmonaut { clear:both;}
#team .cosmonaut img {float:left; margin:0 25px 40px 0;}
#team h4 {font-size:13px; color:#2B2F34; font-weight:normal;}
#team h4 a {font-size:17px; }
#team h3 {margin-bottom:25px;}


#store .wrapper {width:800px; margin: 0 auto;}
#store {background-color:#1F2226; padding:10px 0 55px 0; width:100%; }
#store .screenshot img {display: none; position:absolute;}
#store .screenshot {margin:15px 0 7px 0; border:solid #ccc 0px; width:285px; height:20px; position:relative;}
#store .item {clear:both; }
#store .item .info { width:470px; float:right; padding-top:10px;}
#store .left a {float:left; display:block; float:left; background-color:#272B30; text-decoration:none; color:#CCC; margin:0 5px 25px 0; padding:5px 10px; outline:none;}
#store .left a:hover {color:#fff;}
#store .left a.current {background-color:#17181C; color:#fff;}
#store .screendescription {width:265px; background-color:#000; font-size:13px; position:absolute; bottom:0; height:20px; padding:4px 10px; zopacity:0.7;}
#store .screendescription div {zopacity:1.5; color:#fff;}


#footer {background-color:#284; padding:25px 0 0 0; width:100%; clear:both;}
#footer .wrapper {overflow:auto; color:#110011; width:800px; margin:0 auto; background: transparent xurl(images/gatito.png) bottom right no-repeat; padding-bottom:25px;}
#footer .wrapper p {text-align: center; color:#8b8; font-size:12px;}
#footer .wrapper ul {zzfloat:right; color:#000; margin:20px 0 0 0; padding:0; zzfloat:right; list-style-type:none;}
#footer li.mail { background: transparent 0 -45px no-repeat; padding-left:22px;}
#footer li.phone { background: transparent 0 -95px no-repeat; padding-left:22px;}
#footer a {color:#000; text-decoration:none;}
#footer a:hover {color:#000; text-decoration:underlineze;}
#footer p a {color:#8b8; text-decoration: underline;}
#footer a:hover {color:#cfc; cursor:pointer;}
#footer h1 {font-size:17px; font-weight:normal;}


#footergrey {background-color:##2B2F34; padding:25px 0 0 0; width:100%; clear:both;}
#footergrey .wrapper { border-top:1px solid #284;  overflow:auto; color:#aaa; width:800px; margin:0 auto; background: transparent bottom right no-repeat; padding-bottom:25px;}
#footergrey .wrapper p {zwidth:500px; zxfloat:left; text-align:center; color:#555; font-size:12px;}
#footergrey p a {color:#555; text-decoration: underline;}
#footergrey a {color:#ccc; text-decoration:none;}
#footergrey a:hover {color:#fff; cursor:pointer; text-decoration:underline;}
#footergrey .wrapper ul {zzfloat:right; color:#000; margin:20px 0 0 0; padding:0; zzfloat:right; list-style-type:none;}
#footergrey li.mail { background: transparent 0 -45px no-repeat; padding-left:22px;}
#footergrey li.phone { background: transparent 0 -95px no-repeat; padding-left:22px;}
#footergrey h1 {font-size:17px; font-weight:normal;}