/* CSS Document */

html, body {
height:100%;
margin: 0;
padding: 0;
}
html {
overflow-x: hidden;
overflow-y: scroll;
}
#page-container {
width: 800px;
margin: auto;
min-height: 100%;
height: auto !important;
height: 100%;
margin: 0 auto -100px;
background-image:url(../Graphics/Elements/faux_bkg.jpg);
}
#header {
height: 200px;
background-image:url(../Graphics/Elements/PB_header.jpg);
}
#main-nav {
float:left;
width: 300px;
}
#main-nav h1{
font-family: Palatino Linotype, serif;
color: #e0d7bf;
padding-left: 15px;
font-size: 180%;
text-align: center;
}
#main-nav p{
font-family: Palatino Linotype, serif;
color: #e0d7bf;
padding-left: 45px;
font-size: 110%;
}
#main-nav h2{
font-family: Palatino Linotype, serif;
color: #e0d7bf;
padding-left: 15px;
font-size: 140%;
text-align: center;
}

.navigation {
margin-top: 5px;
margin-right: 20px;
margin-bottom: 10px;
margin-left: 45px;
}
/* Main Navigation */
.navigation dl {
margin: 0;
padding: 0;
}
.navigation dt a {
display: block;
height: 0px !important;
height /**/:50px; /* IE 5/Win hack */ 
padding: 50px 0 0 0;
overflow: hidden;
background-repeat: no-repeat;
}
.navigation dt a:hover {
background-position: 0 -50px;
}
.navigation #Home a  {width: 235px; height: 50px; background-image:url(../Graphics/Navigation/home.gif); }

.navigation #About a { width: 235px; height: 50px; background-image:url(../Graphics/Navigation/about_us.gif); }

.navigation #Menu a { width: 235px; height: 50px; background-image: url(../Graphics/Navigation/menu.gif); }

.navigation #Contact a { width: 235px; height: 50px; background-image: url(../Graphics/Navigation/Contact_us.gif); }

/* Sub Navigation */
.sub-navigation dl {
margin: 0;
padding: 0;
}
.sub-navigation dt a {
display: block;
height: 0px !important;
height /**/:25px; /* IE 5/Win hack */ 
padding: 25px 0 0 0;
overflow: hidden;
background-repeat: no-repeat;
}
.sub-navigation dt a:hover {
background-position: 0 -25px;
}

.sub-navigation dt#Pizza a { width: 235px; height: 25px; background-image:url(../Graphics/Navigation/sub_nav/pizzas.gif); }

.sub-navigation dt#Calzones a { width: 235px; height: 25px; background-image:url(../Graphics/Navigation/sub_nav/calzones.gif); }

.sub-navigation dt#Salads a { width: 235px; height: 25px; background-image:url(../Graphics/Navigation/sub_nav/Salads.gif); }

.sub-navigation dt#Beverages a { width: 235px; height: 25px; background-image:url(../Graphics/Navigation/sub_nav/Beverages.gif); }

.sub-navigation dt#New a { width: 235px; height: 25px; background-image:url(../Graphics/Navigation/sub_nav/New.gif); }

/* Pizza Navigation */
.pizza-navigation dl {
margin: 0;
padding: 0;
}
.pizza-navigation dt a {
display: block;
height: 0px !important;
height /**/:25px; /* IE 5/Win hack */ 
padding: 25px 0 0 0;
overflow: hidden;
background-repeat: no-repeat;
}
.pizza-navigation dt a:hover {
background-position: 0 -25px;
}

.pizza-navigation dt#Oliveoil a { width: 235px; height: 25px; background-image:url(../Graphics/Navigation/pizza_nav/olive_oil_button.gif); }

.pizza-navigation dt#Marinara a { width: 235px; height: 25px; background-image:url(../Graphics/Navigation/pizza_nav/marinara_button.gif); }

.pizza-navigation dt#Pesto a { width: 235px; height: 25px; background-image:url(../Graphics/Navigation/pizza_nav/pesto_button.gif); }

.pizza-navigation dt#Specialty a { width: 235px; height: 25px; background-image:url(../Graphics/Navigation/pizza_nav/specialty_button.gif); }

.pizza-navigation dt#Design a { width: 235px; height: 25px; background-image:url(../Graphics/Navigation/pizza_nav/design_button.gif); }


#photo {
float:right;
width: 500px;
height: 300px;
}
#sub-header {
float:right;
width: 500px;
height: 100px;
}
#body {
float:right;
width: 500px;
}
.body-text {
font-family: "Palatino Linotype";
font-size:100%;
color:#756152;
line-height: 25px;
margin-top: 0px;
margin-right: 35px;
margin-bottom: 5px;
margin-left: 25px;
}
.body-text h1 {
font-size:16px;
color:#71213c;
}
.push {
clear:both;
height:125px;
}
#footer {
clear:both;
margin:auto;
height: 125px;
width: 800px;
background-image:url(../Graphics/Elements/footer.jpg);
background-repeat: no-repeat;
padding-top:2px;
}
#footer p{
font-family: Palatino Linotype, serif;
text-align: center;
color: #71213c;
font-weight: bold;
}
#footer a{
color: #71213c;
font-weight: bold;
}
#footer a:hover{
color: #756152;
font-weight: bold;
}
#footer img {
padding-right: 10px;
}
.facebook  a{
font-size:120%;
color: #71213c;
font-weight: bold;
}
.facebook  a:hover{
font-size:120%;
color: #756152;
font-weight: bold;
}