/*========================================
	RESET STYLES
----------------------------------------*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
:focus {outline: 0;}
ins {text-decoration: none;}
del {text-decoration: line-through;}
table {
	border-collapse: collapse;
	border-spacing: 0;
}


/*========================================
	GLOBALS
----------------------------------------*/
html {height: 100%}
body
{
	height: 100%;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #fff;
	background: #ddd url(../images/layout/bg_main.png) 0 0 repeat;
	line-height: 1em;
}
a
{
	text-decoration: none;
}
a:hover
{
	text-decoration: underline;
}
strong {font-weight: bold;}
em {font-style: italic;}


/*========================================
	SECTIONS
----------------------------------------*/
.section
{
	width: 220px;
	height: 220px;
}

/*========================================
	HEADER
----------------------------------------*/
#header
{
	margin-left: 50px;
	width: 220px;
	height: 100%;
	background-color: #bbdfee;
}

	/*----------------------------------------
		Logo
	----------------------------------------*/
	#logo
	{
		padding: 80px 0 0;
	}