@charset "utf-8";

/*Joe Carter sample css for custom flash animation
*/
body{
	
	text-align: center;
	padding:0;
	margin:0;
	}

.titleLine {
width:75%;
display:block;
padding:10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
	font-style: normal;
	font-weight: bold;
	text-align:left;
	color: #666666;
	
	
	
}

a.link2:link{
	font-family: Arial, Helvetica, sans-serif;
	font-size: .6em;
	font-style: normal;
	font-weight: normal;
	color: #000000;
}




A{
font-family:Verdana, Arial, "Imprint MT Shadow", Impact;
font-size:.9em;
color:#000;
font-weight:normal;
text-decoration:none;
}


A:HOVER{
font-family:Verdana, Arial, "Imprint MT Shadow", Impact;
font-size:.9em;
color:#fff;
font-weight:normal;
background-color:#000000;
}



.menu{
	margin:auto;
	width:750px;
    position:relative;
	}



.container {
	margin-left:auto;
	margin-right:auto;
	height: 450px;
	width: 750px;
	background-image: url(background.jpg);
	background-repeat:no-repeat;
	}



.flashBox{
	position:relative;
	width:350px;
	height:350px;
	margin:1px;
	border:thin;
	border-bottom-width:1px;	
	bottom:452px;
	right:-199px;
	}

.dripBox{
	position:relative;
	width:350px;
	height:100px;
	margin:1px;
	background-image:url(drips.png);
	background-position:center;
	background-repeat:no-repeat;
	bottom:450px;
	right:-199px;
	}


.textBox{
	position:relative;
	height: 450px;
	width: 750px;
	margin: 0 auto;
	border:thin;
	border-bottom-width:1px;
	padding:1px;
	top:-850px;	
	clear: both;
	}



#p1, #p2, #p3, #p4, #p5{
	white-space: nowrap;
	float: inherit;
	visibility: visible;
	}

#p1, #p2, #p3, #p4, #p5{
	text-indent: 0;
	}
	
#p1 A, #p2 A, #p3 A, #p4 A, #p5 A{
  text-decoration: none;
	}


#p1, #p1 A   {color: #FFF; font: italic 34px/1 "Georgia", serif}
#p2, #p2 A   {color: #080; font: 40px/1 "Verdana", sans-serif}
#p3, #p3 A {color: #F73; font: bold 60px/1 "Verdana", sans-serif}
#p4, #p4 A   {color: #FFFF99; font: bold 25px/1 "Verdana", sans-serif}
#p5, #p5 A   {color: #F3F; font: italic 20px/1 "Verdana", sans-serif}


#p1  {text-align: left;   margin: 5px 0 150px 0} 
#p2  {text-align: right;  margin: -150px 50% 50px 0}
#p3{text-align: left;   margin: 65px 0 70px 0}
#p4 {text-align: left;   margin: -40px 0 15px 10%}
#p5  {text-align: left;   margin: 75px 0 20px 3%}

  
  
h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	color: #000000;
	text-align: center;
	font-weight: lighter;
}



a.link1:link {
	color: #666666;
	text-decoration: none;
	font-size:.9em;
	font-family: Verdana;
	font-weight:bold;
}
a.link1:visited {
	color: #666666;
	text-decoration: none;
	font-size: .8em;
	font-family: Verdana;
	font-weight:bold;
}
a.link1:hover {
	color: #666666;
	font-size:.9em;
	font-family: Verdana;
	font-weight:bold;
}
a.link1:active {
	color: #666666;
	text-decoration: none;
	font-size: .9em;
	font-family: Verdana;
	font-weight:bold;
}

h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: .6em;
	font-style: normal;
	font-weight: normal;
	color: #000000;
}