/* @group Page basics */

body {
	color: #a9b1bb;
	background-color: #0d1014;
	margin: 0;
	padding: 0;
	font: 12px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}


div.wrapper {
	width: 100%;
	margin: 0;
	padding: 0;
}

div#header,
div#content,
div#footer {
	width: 1000px;
	margin: 0 auto;
	padding: 0;
}

div.preheader{
	background: url(../images/background_header.gif) repeat-x;
}

div.precontent{
	background: #161b21 url(../images/background_content.gif) repeat-x;
}

div#header{
	height: 78px;
}

div#content{
	background: url(../images/inquisitiverobotfriend.jpg) no-repeat 0 58px;
	width: 690px;
	padding-left: 310px;
	padding-bottom: 2em;
}

div#content h2{
	padding: 65px 0 0;
	margin: 163px 0 0;
	color: #f1f2f4;
	font-weight: normal;
	font-style: normal;
	font-size: 0;
	float: left;
	width: 520px;
	height: 68px;
}

div.clearboth{
	clear: both;	
}

div#footer{
	text-align: right;
	padding: 10px 10px 5em;
	font-size: 10px;
	color: #55575a;
}

#header h1{
	margin: 0;
	width: 52px;
	height: 78px;
	float: left;
	font-size: 0;
	color: #808b98;
	background-image: url(../images/elenta_caret.gif);
	padding: 0;
}

a{
	text-decoration: none;
	color: white;
	margin: -2px;
	padding: 2px;
	font-weight: bold;
}

a:hover{
	background-color: #4c535d;
}

div#footer a{
	color: #55575a;
	font-weight: normal;
	font-style: normal;
}

div#footer a:hover{
	background-color: #161b21;
}

/* @end */

/* @group Content */

div#content .content_body{
	position: absolute;
	font-size: 11px;
	line-height: 180%;
	top: 400px;
	width: 580px;
}

div.column1{
	width: 275px;
	float: left;
	margin-right: 30px;
}

div.column2{
	width: 275px;
	float: right;
}

/* @end */

/* @group Navigation */

div#navigation{
	padding-top: 20px;
	font-size: 15px;
	color: #40464f;
}

div#navigation ul{
	display: inline-block;
	margin: 0;
	list-style-type: none;
	float: right;
	padding: 10px 0 0;
}

div#navigation ul li{
	display: inline;
}

div#navigation ul li.title,
div#navigation ul li.active{
	margin: 0 0 0 5px;
	padding: 10px;
}

div#navigation ul li a{
	color: #40464f;
	font-weight: normal;
	font-style: normal;
	margin: 0 0 0 5px;
	padding: 10px;
}

div#navigation ul li.active{
	color: white;
	background-color: #616973;
}

div#navigation ul li.title{
	letter-spacing: 2px;
	border-right: 1px solid #636b75;
	color: #575e66;
}

div#navigation ul li a:hover{
	background-color: #616973;
	color: white;
}

/* @end */

/* @group Page-specific */

body.home div#content{
		height: 48em;
	min-height: 48em;
}

body.home div#content h2{
	background: url(../images/h2_whatif.gif) no-repeat;
}

body.development div#content{
		height: 50em;
	min-height: 50em;	
}

body.development div#content h2{
	background: url(../images/h2_development.gif) no-repeat;
}

body.contact div#content{
		height: 48em;
	min-height: 48em;
}

body.contact div#content h2{
	background: url(../images/h2_contact.gif) no-repeat;
}


/* @end */