/*

Vostok Website styles
	
Author: Ruben Lozano
  Mail: contacto@rubenlozano.com
   URI: www.rubenlozano.com

*/

@import "reset.css";

html, body {
	background: #2F2F2F;
}

h1 {
	background: url(../img/logo.gif) no-repeat;
	display: block;
	height: 23px;
	padding: 0 0 .5em 0;
	text-indent: -99999px;
	width: 122px;
}

p {
	margin: 0 0 1em 0;
}

a:link,
a:visited {
	color: #F90;
}

a:hover,
a:active,
a:focus {
	color: #FFF;
}

a.download:link,
a.download:visited {
	background: url(../img/bt-download.gif) left top no-repeat;
	display: block;
	height: 27px;
	margin: 2em auto;
	text-indent: -99999px;
	width: 110px;
}

a.download:hover,
a.download:active,
a.download:focus {
	background: url(../img/bt-download.gif) 0px -27px no-repeat;	
}

	
#wrapper {
	background: #2F2F2F;
	color: #999;
	font-family: "Lucida Grande", Helvetica, Arial, sans-serif;
	font-size: 1.3em;
	height: 460px;
	left: 50%;
	line-height: 1.5em;
	margin-left: -380px; /*set to a negative number 1/2 of your width*/
	margin-top: -230px; /*set to a negative number 1/2 of your height*/
	position:absolute;
	top: 50%;
	width:760px;
}

#header {
	padding: 0 0 30px 0;
}

#content {
	background: #3C3C3C;
	padding: 40px;
}

#content #c1 {
	float: right;
	width: 293px;
}

#content #c2 {
	float: left;
	width: 347px;
}

#footer {
	font-size: .8em;
	padding: 10px 0;
}

#footer a:link,
#footer a:visited {
	color: #999;
	text-decoration: underline;
}

#footer a:hover,
#footer a:active,
#footer a:focus {
	color: #FFF;
}

/*
Clearing Floats
More info: http://www.positioniseverything.net/easyclearing.html
*/
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */