/* CSS SUPREME PIZZA WEBSITE */

body {

	background:#b1202f url(../images/bg-pizza.gif) repeat top;

	background-position:0% 0%;

	font-family:Verdana,Geneva,sans-serif;

	font-size:15px;

	color:#000;

	margin:0;

	padding:0;

	text-align:left;

	width:100%;

	height:100%;

	z-index:0;

	position:relative;

	overflow-x:hidden;

}

.clear {

	clear:both;

}

ol,ul,li {

	margin:0;

	padding:0;

	list-style:none;

	list-style-image:none;

}

h1,h2,h3,h4,h5,h6 {

	font-size:14px;

	margin:10px 0;

}

a {

	color:#b1202f;

	text-decoration:underline;

	cursor:pointer;

}

a:hover {

	text-decoration:blink;

}

a img {

	border:0;

}

p {

	margin:10px 0;

	padding:0;

}

#white-line{

	z-index:10;

	position:absolute;

	left:0;

	top:0;

	width:100%;

	height:420px;

	background:url(../images/bg-body.png) repeat-x top;

}

#floreal {

	z-index:10;

	position:absolute;

	left:50%;

	top:310px;

}

#floreal-left {

	background:url(../images/bg-floreal_l.png) no-repeat left;

	width:553px;

	height:457px;

	position:absolute;

	left:-895px;

	z-index:10;

}

#floreal-right {

	background:url(../images/bg-floreal_r.png) no-repeat right;

	width:372px;

	height:334px;

	position:absolute;

	left:400px;

	z-index:10;

}

#page-content {

	width:968px;

	height:auto;

	position:relative;

	z-index:20;

	background:#F00;

	margin:0 auto;

	background:url(../images/bg-box-shade.png) top repeat-y;

}

#header #logo {

	margin-left:56px;

}

#header {

	background:url(../images/bg-header.jpg) no-repeat top;

	width:100%;

	height:208px;

}

#header #call-us {

	position:absolute;

	top:0;

	right:0;

}

#bg-box {

	width:960px;

	margin:0 auto;

	padding:10px 0;

	background:url(../images/bg-box.jpg) top repeat-y;

	position:relative;

}

#footer {

	background:url(../images/bg-footer.png) no-repeat top;

	width:968px;

	height:55px;

	margin:0 auto;

	z-index:20;

	position:relative;

}

#footer p,#ziller a {

	color:#FFF;

	margin:0;

	padding:17px;

}

#ziller {

	width:968px;

	height:55px;

	margin:5px auto;

	z-index:20;

	position:relative;

}

#click-here-img{

	position:absolute;

	top:145px;

	right:300px;

	z-index:25;

}

#pizza,#pizza-menu {

	position:absolute;

	top:-95px;

	right:-4px;

	float:right;

	height:0pt;

	width:414px;

	padding-top:355px;

	overflow-x:hidden;

	overflow-y:hidden;

	background-image:url(../images/pizza-1.jpg);

	background-repeat:no-repeat;

}

#pizza:hover,#pizza-menu {

	background:url(../images/pizza-2.jpg) no-repeat;

}

#top-pizza {

	height:270px;

	padding-left:34px;

}

#home-title {

	clear:both;

	margin-top:45px;

}

#experience {

	margin-top:15px;

}

.padding-horiz {

	padding:0 34px;

}

#deals-area {

	position:relative;

	height:580px;

}

#heart-fundation h2 {

	font-size:22px;

	font-family:Arial,Helvetica,sans-serif;

	margin:20px 0;

}



.recommend-us{

    clear:both;

}

.recommend-us .left{

    float:left;

    width:180px;

}

.recommend-us .right{

    float:left;

}

.recommend-us .right .clear{

    margin:0 0 15px 0;

}

.location-box{

    background:url("../images/hor-seperator.png") repeat-x scroll left bottom transparent;

    clear:both;

    margin-top:20px;

    padding-top:5px;

}

.location-box .wrapper{

    background:url("../images/hor-seperator.png") repeat-x scroll left top transparent;

    padding:2px 0 0;

}

.location-box .left{

    float:left;

    background:url("../images/vertical-seperator.png") repeat-y scroll right top transparent;    

    padding:15px 46px 15px 56px;

    width:375px;

}

.location-box .right{

    float:left;    

    padding:15px 0px 15px 55px;

}

.location-box h2{

    color:#000000;

}

.location-box .left div, .location-box .right div{
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left:20px;
	padding-right:0px;
}

.location-box p{

    line-height:2.0em;

}

.location-box .left-map{

    background: url("../images/vertical-seperator.png") repeat-y scroll right top transparent;

    float: left;

    padding: 50px 18px;

    width: 441px;

}

.location-box .right-map{

    float:left;

    padding: 50px 18px;

}



/*#heart-fundation img {

	margin:30px 0 0 0;

}*/



#heart-fundation p{

    margin:10px 0 15px 0;

}

#heart-fundation .coming-soon{

    padding-top:10px;

}  

#deals-2pizzas-coke {

	position:absolute;

	top:15px;

	left:15px;

}

#free-delivery {

	position:absolute;

	top:20px;

	right:-150px;

}

#heart-fundation {

	position:absolute;

	left:34px;

	top:262px;

	width:290px;

	height:265px;

	/*background-image:url(../images/christmas_tree.png);

	background-repeat:no-repeat;

	background-position:top right;*/

	background-image:url(../images/tomatoes.png);

	background-repeat:no-repeat;

	background-position:top right;

	padding-right:220px;

	padding-top:10px;

}

#new-opening {

	position:absolute;

	left:34px;

	top:262px;

	width:450px;

	height:500px;

	padding:10px;

}

#new-opening h2 {

	font-size:22px;

	font-family:Arial,Helvetica,sans-serif;

	margin:20px 0;

	text-decoration:blink;

	color:#F00;

	text-transform:uppercase;

}

#franchise {

	position:absolute;

	top:318px;

	right:20px;

}

#downlaod-menu {

	position:absolute;

	top:85px;

	left:-65px;

}

#menu-p {

	margin-top:120px;

}

#menu-list h3, #red-big, .subheading {

	margin:10px 0 0 0;

	padding:0;

	font-weight:bold;

	font-size:16px;

	color:#b1202f;

}

#menu-list h2 {

	margin:20px 0 0 0;

	padding-top:10px;

	height:35px;

}

#menu-list h2 .medium-pizza {

	background-image:url(../images/large-medium.png);

	background-repeat:no-repeat;

	background-position:0 0;

	width:150px;

	height:18px;

	padding-left:22px;

	margin-left:5px;

	display:inline;

}

#menu-list h2 .large-pizza {

	background-image:url(../images/large-medium.png);

	background-repeat:no-repeat;

	background-position:0 -28px;

	width:150px;

	height:20px;

	padding-left:22px;

}

#contact-page {

	font-size:18px;

	font-weight:bold;

	margin:25px 0 0 0;

}

#contact-page a {

	font-size: 24px;

}

/* Sitewide Navigation */

#header #top-menu {

	position:absolute;

	top:115px;

	left:30px;

	margin:0;

	padding:0;

	zoom:1;

	width:540px;

	height:48px;

}

#header #top-menu:after {

	content:".";

	display:block;

	height:0;

	clear:both;

	visibility:hidden;

}

#header #top-menu li {

	display:inline;

}

#header #top-menu {

	background-image:url(../images/top-menu.png);

	_background-image:url(../images/top-menu.png);

	background-repeat:no-repeat;

}

#header #top-menu li a {

	float:left;

	height:0pt;

	padding-top:48px;

	overflow:hidden;

	background-image:url("../images/top-menu.png");

	background-repeat:no-repeat;

}

#header #top-menu li#home a {

	background-position:0pt 0pt;

	width:107px;

}

#header #top-menu li#menu a {

	background-position:-108px 0pt;

	width:196px;

}

#header #top-menu li#about a {

	background-position:-303px 0pt;

	width:109px;

}

#header #top-menu li#contact a {

	background-position:-412px 0pt;

	width: 119px;

}

/* header button classes */

#header #top-menu li#home .menu-active {

	background-position:0pt -59px;

}

#header #top-menu li#menu .menu-active {

	background-position:-108px -59px;

}

#header #top-menu li#about .menu-active {

	background-position:-303px -59px;

}

#header #top-menu li#contact .menu-active {

	background-position: -412px -59px;

}

/* header button active and over */

#header #top-menu li#home .menu-active:hover {

	background-position:0pt -59px;

}

#header #top-menu li#menu .menu-active:hover {

	background-position:-108px -59px;

}

#header #top-menu li#about .menu-active:hover {

	background-position:-303px -59px;

}

#header #top-menu li#contact .menu-active:hover {

	background-position: -412px -59px;

}

/* Button hover states */

#header #top-menu li#home a:hover {

	background-position:0pt -131px;

}

#header #top-menu li#menu a:hover {

	background-position:-108px -131px;

}

#header #top-menu li#about a:hover {

	background-position:-303px -131px;

}

#header #top-menu li#contact a:hover {

	background-position: -412px -131px;

}

#orderOnlineEnmore {
	float:right;
	width:172px;
}

#orderOnlineEarlwood {
	float:right;
	width:172px;
}
/* Sitewide Navigation */