/*--------------------------------------------------------------

	fiftyfivepixels.com
	Copyright (C) 2011. All rights reserved.
	
-------------------------------------------------------------- */


/* Reset 
-------------------------------------------------------------- */

	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, sub, sup, tt, var,
	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-weight: inherit;
		font-style: inherit;
		font-size: 100%;
		font-family: inherit;
		vertical-align: baseline;
	}


/* Base
-------------------------------------------------------------- */
	
	html { color: #555; }
	
	body 
	{
		background: #ffffff url(images/pixel.jpg)	repeat;
		font: 12px Arial, Tahoma, sans-serif;
		color: #333;
		height: 100%;
		margin: 0;
	}


/* Links
-------------------------------------------------------------- */

	a { text-decoration: none; color: #333; }
	a:link, a:visited, a:active { color: #333; }
	a:hover { text-decoration: underline; }


/* Headers & Paragraphs
-------------------------------------------------------------- */

	h1, h2, h3 { font-family: 'Helvetica', Arial, sans-serif; font-weight: bold; }
	h4, h5, h6 { font-family: Tahoma, Arial, sans-serif; font-weight: 100; }
	
	h1 { font-size: 30px; color: #fff; }
	h2 { font-size: 24px; color: #ccc; }
	h3 { font-size: 18px; color: #999; }
	h4 { font-size: 12px; }
	h5 { font-size: 11px; }
	h6 { font-size: 9px; }
	
	p { font-size: 12px; color: #fff; }
	strong { font-weight: bold; }


/* Container
-------------------------------------------------------------- */

	#container {
		width: auto;
		height: auto!important;
		height: 100%;
		margin: 0;
		padding: 0;
		overflow: hidden;
	}


/* Logo
-------------------------------------------------------------- */

	#logo {
		display: block;
		width: 697px;
		height: 300px;
		background: url(images/fiftyfivepixels_logo.png) no-repeat;
		position: absolute;
		top: 55px;
		left: 55px;
	}

	#logo h1, #logo h2 { display: none; }


/* Content
-------------------------------------------------------------- */

	#content {
		width: 700px;
		position: absolute;
		top: 300px;
		left: 150px;
		display: none;
	}

	#content h2, #content h3 { display: none; }



/* Contact Info footer
-------------------------------------------------------------- */

	#contact_info {
		display: block;
		width: 375px;
		height: 147px;
		background: url(images/contact_info.png) no-repeat;
		position: absolute;
		right: 0;
		bottom: 0;
	}
	
	#contact_info h3 { display: none; }
	#contact_info p { display: none; }	
	
	
/* End
-------------------------------------------------------------- */