/* --------------------------------------------------------------
RESET CSS
-------------------------------------------------------------- */

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
font-weight: inherit;
font-style: inherit;
font-size: 100%;
font-family: inherit;
vertical-align: baseline;
}

body {
	text-align: center;
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Arial", "Verdana", "sans-serif";
}

#wrapper {
	width: 960px;
	margin: 0 auto;
	height: 500px;
	display: none;
}

body.pink {
	color: #ED1E6F;  
}
body.pink #wrapper {
	background: url("../images/background/pink-background.png") center no-repeat;  
}

body.blue {
	color: #3cc0f0;  
}
body.blue #wrapper {
	background: url("../images/background/blue-background.png") center no-repeat;  
}

body.yellow {
	color: #feca3e;  
}
body.yellow #wrapper {
	background: url("../images/background/yellow-background.png") center no-repeat;  
}

body.green {
	color: #3bb54b;  
}
body.green #wrapper {
	background: url("../images/background/green-background.png") center no-repeat;  
}

#c {
	position: absolute;
	margin-top: 206px;
	margin-left: 398px;
	height: 77px;
	width: 77px;
	background: url("../images/c.png") center no-repeat;
	display: none;
}

#h {
	position: absolute;
	margin-top: 206px;
	margin-left: 485px;
	height: 77px;
	width: 77px;
	background: url("../images/h.png") center no-repeat;
	display: none;
}

#a {
	position: absolute;
	margin-top: 292px;
	margin-left: 398px;
	height: 77px;
	width: 77px;
	background: url("../images/a.png") center no-repeat;
	display: none;
}
#z {
	position: absolute;
	margin-top: 292px;
	margin-left: 485px;
	height: 77px;
	width: 77px;
	background: url("../images/z.png") center no-repeat;
	display: none;
}

#text {
	display: none;
}
  
h1 {
	font-size: 1.7em;
}

p {
	font-size: 1em;
}