@charset "utf-8";
/* My Generic CSS Template */


body  {
   margin: 0 0;
   padding: 0;
   background-color: #333333;
   background-image:url(images/bg.jpg);
   font: 11px Arial, Helvetica, sans-serif;
   color: #000000;
 }
 
 p  {
	margin: 0 0 8px 0;
	font:  13px/16px Arial, Helvetica, sans-serif;
	color: #2d3b46;
	text-align: left;
}

h1  {
	font: bold 14pt Arial, Helvetica, sans-serif;
	color:  #0E78C4;
}


#p1home,                    /* Page Identifier -- Goes above Header */
#p2text,
#p3conf
{
	position: relative;
	margin: 15px auto;
	padding: 0;
	width: 760px;
	background-color:  #ffffff;
	color: #2d3b46;
}

#p1home,
#p3conf {
	height: 680px;
}

#p2text {
	height: 698px;
}


/*  --- HEADER --- */

#header  {
	position: absolute;
	margin: 0 auto;
	padding: 0;
	width: 760px;
	height: 105px;
	top: 0px;
	left: 0;
	background-image: url(images/headerbg.gif);
}

#logo  {
	position: absolute;
	margin:0;
	padding:0;
	left: 17px;
	top: 10px;
	width: 275px;
	height: 88px;
 } 

#address {
	position: absolute;
	margin:0;
	padding:0;
	left: 564px;
	top:11px;
	width:169px;
	height: 86px;
	color: #452765;
}

#goldbar {
	position: absolute;
	margin:0;
	padding:0;
	top: 104px;
	width: 760px;
	height: 33px;
	z-index: 5;
}

/* --- MAIN MENU --- */

#menubar  {
	background: url(images/notebook.gif) no-repeat;
	visibility: visible;
	position: absolute;
	left: 29px;
	top: 98px;
	width: 199px;
	height: 219px;
}

#green {
	background: url(images/greenbook.gif) no-repeat;
	position: absolute;
	left: 59px;
	top: 156px;
	width: 105px;
	height: 128px;
	padding-left:0px;
}
 
#green li {
	font: bold 9pt Arial, Helvetica, sans-serif;
	color: #ffffff;
	list-style: none;
	margin-left: 15px;
	margin-top: 3px;
}

#green li a {
	text-decoration: none;
	color: #ffffff;
}

/*  --- BODY --- */
 
#container {                 /*  Holds Menu, Sidebars, Content */
	position: absolute;
	margin: 0 auto;
	padding: 0;
	width: 759px;
	background-image: url(images/bodybg.jpg);
	top: 140px;
	left:0px;
	height: 490px;
}
 
#welcome {
	position: absolute;
	margin: 0;
	padding:0;
	left: 89px;
	top: 21px;
	width: 578px;
}

#tagline {
	position: absolute;
	margin:0;
	padding:0;
	left: 188px;
	top: 434px;
	width: 404px;
}
 
#guy {
	position: absolute;
	margin:0;
	padding:0;
	left: 114px;
	top: 345px;
	width: 105px;
} 

#benefits {
	position:absolute;
	margin:0;
	padding:0;
	width: 389px;
	height: 224px;
	top: 161px;
	left: 337px;
	background-image: url(images/windowbox.jpg);
}

#ulbenefits {
	margin: 23px 5px 5px 5px;
}

#ulbenefits li {
	padding-left:10px;
	font: bold 14pt/22pt "Comic Sans MS";
	list-style-image:url(images/star.gif);
	text-indent: -18px;
}

#fake {
	margin:0;
	padding:0;
	position: absolute;
	left: 247px;
	top:55px;
	width:497px;
	height: 428px;
}

#confirm {
	position:absolute;
	margin:0;
	padding:0;
	left: 254px;
	top: 100px;
	width: 486px;
	z-index: 3;
}

#confirm p {
	font: bold 14pt Arial, Helvetica, sans-serif;
	color: #000000;
}

#face {
	position:absolute;
	margin:0;
	padding:0;
	left:413px;
	top:73px;
}

/* --- FOOTER --- */

#footer  {
	position: absolute;
	margin: 0;
	padding: 0;
	width: 760px;
	height: 68px;
	top: 630px;
	left:0;
	background-image: url(images/footerbar.gif);
}



#copy  {
	margin: 0 auto;
	padding: 0;
	width: 600px;
	height: 50px;
}

#copy p  {
   font: 10pt Arial, Helvetica, sans-serif;
   margin-top: 15px;
   padding: 0;
   color: #ffffff;
   text-align: center;
}

#copy a {
 color: #ffffff;
 text-decoration: none;
 font-style:italic;
 }