@charset "UTF-8";
/* CSS Document */

/* START CSS Reset */
html, body, h1, h2, h3, h4, h5, h6, p, ol, ul, li, pre, code, address, variable, form, fieldset, blockquote {
 padding: 0;
 margin: 0;
 font-size: 100%;
 font-weight: normal;
}

table { border-collapse: collapse; border-spacing: 0; }

td, th, caption { font-weight: normal; text-align: left; }

ol { padding-left: 1.4em; list-style: decimal; }

ul { padding-left: 1.4em; list-style:square; }

q:before, q:after { content:''; }

a:link { border:none; text-decoration:none; color:#00A; }
a:visited { border:none; text-decoration:none; color:#000; }
a:hover { border:none; text-decoration:none; color:#C00; }
a:active { border:none; text-decoration:none; color:#F00 }
/* END CSS Reset */

.centeredPage {
	position: relative;
	height:auto;
	width: 800px;
	margin-left:auto;
	margin-right:auto;
	margin-top:20px;
	margin-bottom:10px;
	background-color:#fff;
	background-repeat:no-repeat;
	border-bottom-left-radius:15px;
	border-bottom-right-radius:15px;
	border-top-left-radius:15px;
	border-top-right-radius:15px;
	box-shadow: 5px 5px 10px 0px #770000;
	text-align:center;
}

.centeredPage2 {
	position: relative;
	height:auto;
	width: 800px;
	margin-left:auto;
	margin-right:auto;
	margin-top:20px;
	margin-bottom:10px;
	background-color:#fff;
	background-repeat:no-repeat;
	border-bottom-left-radius:15px;
	border-bottom-right-radius:15px;
	border-top-left-radius:15px;
	border-top-right-radius:15px;
	box-shadow: 5px 5px 10px 0px #770000;
}


.yellowBKGD {
	position: relative;
	height: 2000px;
	width: 800px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom:50px;
	background-color:#FC0;
	background-repeat:no-repeat;
	text-align:center;
	z-index:-2;
}

#PlateBKGD {
	position: relative;
	background-image:url(ThePiePlace_WebLogo.png);
	margin-left: auto;
	margin-right: auto;
	margin-top:0px;
	height: 720px;
	width: 800px;
	top:35px;
	z-index:2;
}

body {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 75%;
	background-image: url(redcheckPattern150.jpg);
	margin-right: auto;
	margin-left: auto;
}

h1, h2, h3, h4, h5, h6 {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight:bold;
	line-height: 1.1em;
	margin-bottom: 0.5em;
	margin-top: 0em;
	}

h1 {font-size:3em;}
h2 {font-size:2.5em;}
h3 {font-size:2em;}
h4 {font-size:1.8em;}
h5 {font-size:1.4em;}
h6 {font-size:1em;}

p {
	font-size:1.4em;
	margin-bottom:.5em;
	margin-top:0em;
}

ul {
	font-size:1.4em;
	margin-bottom:.5em;
	margin-top:0em;
}

#piePlaceLogo {
	position: absolute;
	height: 350px;
	width: 400px;
	left: 220px;
	top: 60px;
	z-index:100;
}

#pizzaPhotos {
	position: absolute;
	height: 184px;
	width: 752px;
	left: 24px;
	top: 290px;
	z-index:100;
}

#pizzaNames {
	position: absolute;
	height: auto;
	width: 650px;
	left: 75px;
	top: 485px;
	text-align:center;
	z-index:100;
}

#hpText {
	position: relative;
	float:left;
	min-height: 400px;
	padding-bottom:20px;
	width: 500px;
	margin-left: 150px;
	margin-top: 25px;
	text-align:center;
	z-index:100;
}

#page2Text {
	position: relative;
	float:left;
	min-height: 400px;
	padding-bottom:20px;
	width: 600px;
	margin-left: 164px;
	margin-top: 25px;
	text-align:left;
	text-indent:50px;
	z-index:100;
}

/* ~~ clearFooter to force centeredPage Div to expand~~ */
#clearFooter {
	padding: 5px 5px;
	margin-top:5px;
	margin-bottom:5px;
	height:4px;
	clear: both; /* this clear property forces the .container to understand where the columns end and contain them */
	z-index: 100;
}

/* ~~ clearFooter to force centeredPage Div to expand~~ */
#clearFooterMENU {
	padding: 0px 0px 0px 0px;
	margin-top:5px;
	margin-bottom:0px;
	height:auto;
	clear: both; /* this clear property forces the .container to understand where the columns end and contain them */
	background-color:#D00;
	color:#DDD;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:12px;
	border-bottom-left-radius:15px;
	border-bottom-right-radius:15px;
	z-index: 100;
}

#clearFooterMENU a:link { border:none; text-decoration:none; color:#DDD; }
#clearFooterMENU a:visited { border:none; text-decoration:none; color:#DDD; }
#clearFooterMENU a:hover { border:none; text-decoration:none; color:#000; }
#clearFooterMENU a:active { border:none; text-decoration:none; color:#000 }


#copyright {
	position: relative;
	top:20px;
	color:#666;
	text-align:center;
	font-size:10px;
	letter-spacing:2px;
	padding-bottom:6px;
	height: auto;
	width: 800px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom: 40px;
	margin-top:10px;
	z-index: 100;
}

#circleHome {
	text-align: right;
	position: fixed;
	height: 60px;
	width: 75px;
	left: 50px;
	top: 300px;
	z-index:200;
}

#navHeader {
	background-color: #FFF;
	height: 164px;
	width: 800px;
	border-top-left-radius:15px;
	border-top-right-radius:15px;
}

#navHeaderCircleLogo {
	position: absolute;
	height: 164px;
	width: 164px;
	left: 0px;
	top: 0px;
	border-top-left-radius:15px;
}

#navHeaderTPPRedBar {
	position: absolute;
	height: auto;
	width: 450px;
	left: 164px;
	top: 40px;
}

#navHeaderNavBar {
	position: absolute;
	height: 24px;
	width: 600px;
	left: 164px;
	top: 135px;
}