@charset "utf-8";

html,body {
height:100%;
}

p {
margin:0px;
padding:0px;
}

body {
min-width:700px;
min-height:650px;
text-align:center;
background-color:#5a0e1b;
}

#outer { /* vertical */
float:left;
height:50%;
margin-top:-340px;
width:100%;
}

#wrapper { /*horizontal */
	position:relative;
	margin:0 auto;
	height:650px;
	overflow:auto;
	text-align: left;
	width:800px;
	background-image:url(hairbrush.jpg);
	clear:both;
	}
	

#textleft {
	position: absolute;
	top:195px;
	width:775px;
	text-align:left;
	padding-left:18px;
	height: 270px;

	}

#textbottom {
	position: absolute;
	top:475px;
	width:770px;
	text-align:left;
	padding-left:18px;
	}
	
.whitebig {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 22px;
	font-weight: bold;
	color: #FFFFFF;
    text-shadow: black 0px 0px 5px;
}

.yellow {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #FFFF00;
    text-shadow: black 0px 0px 5px;
}


.break {
	display:block;
	margin-top:.5em;
}

.breaksmall {
	display:block;
	margin-top:.3em;
}

a.pinklink:link { color: #FFCCCC; text-decoration: none; outline-style:none; }
a.pinklink:active { color: #FFCCCC; text-decoration: none; outline-style:none; }
a.pinklink:visited { color: #FFCCCC; text-decoration: none; outline-style:none; } 
a.pinklink:hover { color: #FFFF00; text-decoration: none; outline-style:none; }

a.yellowlink:link { color: #FFFF00; text-decoration: none; outline-style:none; }
a.yellowlink:active { color: #FFFF00; text-decoration: none; outline-style:none; }
a.yellowlink:visited { color: #FFFF00; text-decoration: none; outline-style:none; }
a.yellowlink:hover { color: #FFFFFF; text-decoration: none; outline-style:none; }