/* --- Webdesign: Nemes Zsófia - kazerniel[kukac]gmail[pont]com | MoonLink - http://moonlink.renybt.hu/ --- */

@charset "utf-8";

/* ----- LAYOUT
---------------------------- */

/* --- General --- */

body
{
	margin: 0;
	padding: 0;
}

img
{
	border: 0 none;
}

/* --- Wrapper --- */

div#wrapper
{
	width: 500px;
	height: 533px;
	margin: 27px auto 0 auto;
}

div#logo
{
	position: relative;
	width: 376px;
	height: 146px;
	left: 84px;
}

div#s,
div#a,
div#m
{
	position: relative;
	float: left;
	width: 140px;
	height: 320px;
	top: 67px;
	overflow: hidden;
}

div#s
{
	left: 0;
}

div#a
{
	left: 40px;
}

div#m
{
	left: 80px;
}

div#float-clear
{
	clear: both;
}

img#img_s,
img#img_a,
img#img_m
{
	position: relative;
	left: 0;
}

img#img_s:hover,
img#img_a:hover,
img#img_m:hover
{
	left: -140px;
}

div#s:hover
{
	outline: 7px solid #283373;
}

div#a:hover
{	
	outline: 7px solid #734428;
}

div#m:hover
{	
	outline: 7px solid #8a96d1;
}


/* ----- FONTS
---------------------------- */

/* --- General --- */

body
{
	text-align: center;
}

/* ----- IMAGES & COLORS
---------------------------- */

body
{
	background-color: #252526;
}

div#logo
{
	background: url(images/index_logo.jpg);
}

div#s
{
	background: url(images/index_s.jpg);
}

div#a
{
	background: url(images/index_a.jpg);
}

div#m
{
	background: url(images/index_m.jpg);
}


/* ----- CUSTOM
---------------------------- */