@charset "utf-8";
/* CSS Document */

html, body {
	height:				100%;
	margin:				0;
	padding:			0;
}

body {
	background-color:	#eef;
	color:				#aaa;
	font-family:		Calibri, Arial, Helvetica, Sans-serif;
	font-size:			9pt;
	min-height:			400px;
	min-width:			648px;
	text-align:			center;
}

#wrapper {
	background-image:	url('background.png');
	height:				400px;
	left:				50%;
	margin-left:		-324px;
	margin-top:			-200px;
	overflow:			hidden;
	position:			absolute;
	top:				50%;
	width:				648px;
}

#logo {
	height:				108px;
	left:				20px;
	margin:				0;
	padding:			0;
	position:			absolute;
	text-align:			center;
	top:				20px;
	width:				108px;
}

#logo img {
	border:				1px solid #ccc;
	margin-left:		8px;
	padding:			1px;
}

#main {
	border-left:		1px solid #ccc;
	height:				340px;
	left:				148px;
	margin:				0;
	padding:			0 20px;
	position:			absolute;
	text-align:			left;
	top:				20px;
	width:				500px;
}

#info {
	bottom:				0px;
	height:				30px;
	left:				20px;
	margin:				0;
	padding:			0;
	position:			absolute;
	text-align:			left;
	width:				608px;
}

#info i:after {
	content: 'wobith.com';
}

#social {
	height:				360px;
	margin:				0;
	padding:			0;
	position:			absolute;
	right:				10px;
	text-align:			center;
	top:				10px;
	width:				32px;
}

#social img {
	margin:				5px 0;
}

h1 {
	color:				#346;
	font-size:			45pt;
	font-weight:		bold;
	padding:			0;
	margin:				0;
}

p {
	color:				#346;
	font-size:			15pt;
	vertical-align:		top;
}


a {
	color:				#aaa;
	text-decoration:	none;
}

a:hover {
	color:				#346;
	text-decoration:	none;
}

a img {
	border:				none;
}