html {
	height: 100%;
}
body {
	height: 100%;
}
#nonFooter {
	min-height: 100%;
	position: relative;
}
* html #nonFooter {
	height: 100%;
}
#footer {
	margin: -30px auto 0 auto;
	position: relative;
}
* html #footer {
	margin-top: -34px;
}
/*body {
	background-attachment: fixed;
	background-image: url(../images/bkgd01.jpg);
	background-position: center top;
	background-repeat: no-repeat;
	color: #4C4C4C;
	font-size: 75%;
	line-height: 1.4em;
	text-align: center;
}*/
#page {
	margin: 0 auto;
	min-height: 100%;
	text-align: left;
	width: 500px;
	background-color: #e6b77b;
}
* html #page {
	height: 100%;
}
.clearer {
	clear: both;
	display: block;
	font-size: 1px;
	height: 1px;
	line-height: 1px;
	margin-bottom: -1px;
}

/*#container {
	width: 100%;
	height: 100%;
}*/
body {
/*	background-image: url(images/stripbkgd.jpg);
	background-repeat:repeat-y;
	background-position:center;
	background-color: #000;*/ 
	background: url(images/Capiz-Shells_bkgd4.png) center center #000;
	background-repeat:repeat-x;
	background-attachment:fixed;
	font-family: Arial, Helvetica, sans-serif;
	margin:0;
}
h1 {
	font-size: 18px;
	border-bottom-width: thin;
	border-bottom-style: dashed;
	border-bottom-color: #999999;
}

p {
	font-size: 12px;
	line-height: 20px;
}

td {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

 #contents {
	width: 500px;
	margin-left: 50%;
	float: left;
	position: relative;
	left: -250px;
	min-height: 100%;
	/*top:-300px;*/
	/*margin-top: 50%;*/
	background-image: url(images/bambubkgd.gif);
	background-repeat: repeat-y;

}
#header {
	padding:10px;
}
#logo {
	margin-left:160px;
	float: left;
	position: absolute;
}

#container #contents #topcontent {
	background-repeat: no-repeat;
	height: 560px;
	width: 800px;
}
#container #contents #bottomcontent {
	float: left;
	position: absolute;
	top: 280px;
	width: 300px;
	margin-left: 40px;
	background-color: #F6F3EA;
	padding: 10px;
}
a:link {
	color: #CA5A24;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #993300;
}
a:hover {
	text-decoration: underline;
}
a:active {
	text-decoration: none;
}

#navcontainer {
	background-image: url(images/nav.png);
	background-repeat:no-repeat;
	height:50px;
	float: left;
	position: relative;
	width:480px;
	padding:0;
	margin-top: 20px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
}
#navlist {
	list-style: none;
	margin-top: 10px;
}

#navlist ul
{
margin: 0;
padding: 0;
list-style: none;
/*text-align: center;
font-family: arial; */
/*font-size: 14px;*/
/*height: 50px; */
text-align: left;
}

#navlist ul li { 
display: inline; 
float:left;
}

#navlist span {
	display: none;
	position: absolute;
	}


#navlist ul li a
{
text-decoration: none;
padding-top: 5px;
padding-right: 20px;
padding-bottom: 5px;
color: #fff;
width: 80px;
height: 50px;
}

#navlist a {
	display: block;
	outline: none;
	position: absolute;
	text-indent: -900%;
}
#navlist a:hover {
	background-position: left bottom;
}
#navlist a:hover span {
	display: block;
}

#navlist .home {
	background: url(images/nav_Home.gif) no-repeat top left;
	height: 26px;
	width: 71px;
	left: 5px;
}
#navlist .home span {
	background: url(images/nav_Home_o.gif) no-repeat top left;
	height: 26px;
	top: 0px;
	width: 71px;
}

#navlist .menu {
	background: url(images/nav_Menu.gif) no-repeat top left;
	height: 26px;
	width: 71px;
	left:77px;
}
#navlist .menu span {
	background: url(images/nav_Menu_o.gif) no-repeat top left;
	height: 26px;
	top: 0px;
	width: 71px;
}

#navlist .pizza {
	background: url(images/nav_PizzaMenu.gif) no-repeat top left;
	height: 26px;
	width: 126px;
	left:150px;
}
#navlist .pizza span {
	background: url(images/nav_PizzaMenu_o.gif) no-repeat top left;
	height: 26px;
	top: 0px;
	width: 126px;
}

#navlist .classes {
	background: url(images/nav_Classes.gif) no-repeat top left;
	height: 26px;
	width: 93px;
	left:276px;
}
#navlist .classes span {
	background: url(images/nav_Classes_o.gif) no-repeat top left;
	height: 26px;
	top: 0px;
	width: 93px;
}

#navlist .contact {
	background: url(images/nav_Contact.gif) no-repeat top left;
	height: 26px;
	width: 96px;
	left: 373px;
}
#navlist .contact span {
	background: url(images/nav_Contact_o.gif) no-repeat top left;
	height: 26px;
	top: 0px;
	width: 96px;
}

/*#navcontainer ul li a:hover
{
color: #F60;
background-position: 0 -50px;
width: 80px;
height: 50px;
}*/
#phonehours {
	float: right;
	margin-left: 200px;
	position: relative;
	}

#pagecontent {
	float: left;
	position: relative;
	width: 460px;
	margin: 10px 20px;
	padding-bottom: 40px;
}
#pagecontent ul li {
	font-family: Arial, Helvetica, sans-serif;
	font-style: italic;
	font-size: 14px;
	line-height: 18px;
	padding-bottom: 8px;
}

.menuitem {
	font-size: 16px;
	font-weight: bold;
}

.menuprice {
	font-size: 14px;
	font-weight: normal;
}

#footer {
	background-image: url(images/footerbkgd.png);
	background-repeat: no-repeat;
	/*background-color:#000;*/
	color: #fff;
	font-size: 12px;
	text-align: center;
	width: 500px;
}
#bottomLinks {
	list-style: none;
	margin-left: 0;
	margin-top: 0;
	padding-top: 5px;
	position: relative;
	top: 10px;
}
#bottomLinks li {
	border-left: 1px solid #87746a;
	display: inline;
	padding-left: 1em;
	padding-right: 1em;
	position: relative;
}
#bottomLinks li.first {
	border-left: 0 none transparent;
}
#bottomLinks a {
	color: #ccc;
	text-decoration: none;
}
#bottomLinks a:hover {
	color: orange;
	text-decoration: underline;
}
.smalltext {
	font-size: 75%;
	padding-top: 10px;
		color: #666;
}

h2 {
line-height:1px;
margin: 0 0 0 -5px;
padding: 0;
}

#colbox1 {
float:left;
height:300px;
margin-left:0;
padding:0px;
position:relative;
width:140px;
}

#colbox2, #colbox3 {
float:left;
height:300px;
margin-left:10px;
padding:0px;
position:relative;
width:140px;
}

.imgright img{
padding-left:10px;
}

#maillist {
width:200px;
background:#c8e9ee;
padding:10px;
border: 1px solid #87746a;
}

#maillist h4, #maillist p {
	margin:0;
}