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

/* ----------------------------------------------------------------------------
Starts out with a 'clean' document, without standard whitespace
---------------------------------------------------------------------------- */
/* 	Taken From: http://developer.yahoo.com/yui/reset/
	RESETS ALL DEFAULT STYLING ON ALL ELEMENTS: so even 'bold' on STRONG, etc...
	THIS MEANS THAT WE CAN (MUST!) DEFINE ALL STYLES EXPLICITELY OURSELVES...*/
img{border: 0;}
li{list-style-type: none;}
a:active{outline: none;}
a:focus{-moz-outline-style: none;}
/* ----------------------------------------------------------------------------
The code below is needed for clearing floats...
LINK: http://www.positioniseverything.net/easyclearing.html

Add a .clearfix class to the element you need to have expand: (the 'container')
---------------------------------------------------------------------------- */
.clearfix:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
.clearfix {display:inline-block;}
/* Hide from IE Mac \*/
.clearfix {display:block;}
/* End hide from IE Mac */
/* ----------------------------------------------------------------------------
End Clearing code
---------------------------------------------------------------------------- */


*{margin: 0;padding: 0;}

body{
	background: #010103 url('img/bg_body.gif') repeat-x top left;
	font-family: Arial, Verdana, sans-serif;
	font-size: 62.5%;
}

	.wrapper{
		width: 600px;
		margin: 0 auto;
		text-align: center;
	}
		#slogan{
			margin: 0 auto;
		}
		#container{
			background: #fff url('img/bg_container.gif') no-repeat bottom left;
			padding: 35px 20px 50px 20px;
			margin-top: 10px;
			width: 560px;
		}
p{
	font-size: 1.3em;
	line-height: 1.7em;
	margin-bottom: 30px;
}
a{color: #336699;}
a:hover{color: #3399cc;}


h3{
	font-size: 1.8em;
	margin-bottom: 1.5em;
	color: #333366;
	font-weight: normal;
}