/*BASIC*/ 	html { height:100%;}body {height:100%;line-height:130%; background-color: #2B2F34; margin:0; padding:0; color:#999; font-size:17px; font-family:helvetica, arial, sans-serif;}
/*LINKS*/   a:link {color:#f90;} 
			a:hover {color:#fc0;} 
			a:active {color:#ffc;} 
			a:visited{color:#f90;}
			#content {width:100%; margin:0 auto;
		  }
a img {border: none;}
h3 {font-size:17px; text-transform:uppercase; margin:35px 0 10px 0;}
h4 {font-size:17px; color:#fff; margin:0;}
h5 {font-size:55px; color:#FFF; margin:5px 0 40px 0; font-style:normal; white-space: nowrap; -webkit-font-smoothing: antialiased;}
h5 span {font-weight: normal;}
.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:#fefefe; border:solid #666 1px;}
form input {-webkit-border-radius: 5px; -moz-border-radius: 5px; background:#999 url(images/backgroundbutton.png) top left repeat-x; border:solid #666 1px; padding:2px 10px;}

#header {padding:0 0 35px 0;  overflow:auto; width:800px; margin:0 auto;}
#header h2{text-indent:-10000px; background: transparent  url(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 {padding:0 0 8px 25px; margin:0; font-size:15px; color:#ccc; }
#header li.mail { background: transparent url(images/sprites-gris.gif) 0 -45px no-repeat; padding-left:22px;}
#header li.phone { background: transparent url(images/sprites-gris.gif) 0 -95px no-repeat; padding-left:22px;}

#explanation {background-color:#00B5E8; 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 5px; width:285px; height:280px; position:relative; cursor:pointer;}
#work .item {clear:both; }
#work .item .info { width:470px; float:right;}
#work .screenshot img {display: none; position:absolute;}
#work .left a {float:left; display:block; background-color:#272B30; text-decoration:none; color:#CCC; margin:0 5px 25px 0; padding:5px 10px; outline:none;}
#work .left a:hover {color:#fff;}
#work .left a.current {background-color:#1F2126; color:#fff;}
#work .screendescription {width:265px; background-color:#000; font-size:13px; position:absolute; bottom:0; height:20px; padding:4px 10px; opacity:0.7;}
#work .screendescription div {opacity:1.0; color:#fff;}

#team {background-color:#272B30; padding:10px 0 15px 0; width:100%; clear:both; }
#team .wrapper {width:800px; margin:0 auto;}
#team .cosmonaut { clear:both;}
#team .cosmonaut img {float:left; margin:0 25px 40px 0;}
#team h4 {font-size:13px; color:#666; 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 5px; width:285px; height:280px; position:relative; cursor:pointer;}
#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; opacity:0.7;}
#store .screendescription div {opacity:1.5; color:#fff;}
#store .soldout {padding: 10px 20px; border: solid #c00 3px; color: #c00; text-transform: uppercase; font-weight: bold; font-size: 24px; margin-left: 100px; width: 150px; text-align: center; clear: both; margin-top: 15px; 
  -webkit-transform: rotate(-5deg);
  -moz-transform: rotate(-5deg);
  -o-transform: rotate(-5deg);
  }


#footer {background-color:#00B5E8; padding:25px 0 0 0; width:100%; clear:both;}
#footer .wrapper {overflow:auto; color:#004D73; width:800px; margin:0 auto; background: transparent url(images/gatito.png) bottom right no-repeat; padding-bottom:25px;}
#footer .wrapper p {width:500px; float:left;}
#footer .wrapper ul {float:right; color:#fff; margin:20px 0 0 0; padding:0; float:right; list-style-type:none;}
#footer li.mail { background: transparent url(images/sprites-azul.gif) 0 -45px no-repeat; padding-left:22px;}
#footer li.phone { background: transparent url(images/sprites-azul.gif) 0 -95px no-repeat; padding-left:22px;}
#footer a {color:#fff;}