/*---hotpoints css | s.whitted - you know what it is---*/ 
 


/* ---( global/frame stuff )--------- */

* {
	margin: 0;
	padding: 0;
}
img {
	vertical-align: top;
	border: none;
}

body {
     background:  #a90a00 url("../i/bg.jpg") 0 0 repeat-x;
     text-align: center;
     font: 11px  "Lucida Grande", Arial, Verdana, sans-serif; 
     color: #ffffff;
     line-height: 16px;
}

#logo {
	display: block;
	position: relative;
	float: left;
	left: -60px;
	width: 360px;
	background: transparent url("../i/logo.png") 0 0 no-repeat;
	height: 115px;
	text-indent: -9999999px;
}

a:link, a:visited {
	color: #fc6;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

p {
	padding: 10px 25px;
}

/*---(hot menu / navigation )----------*/

#hot #navi { display: none; }


div#hotnavi {
	position: absolute;
	right: 0;
	top: 45px;
	height: 35px;
	width: 555px;
	padding: 0 0 2px;
	border: 0;
	}

div#hotnavi ul#hotmenu	{
	height:35px;
	width: 555px;
	background:  url("../i/nav-links.png") 0 0 no-repeat;
	position: relative;
	}

div#hotnavi ul#hotmenu li {
	list-style: none;
	position: absolute;
	}
	
ul#hotmenu li, ul#hotmenu a {
	height: 35px;
	display: block;
	}
	
div#hotnavi ul#hotmenu li a {
	text-indent: -9999px;
	overflow: hidden;
	text-decoration: none;
	}
div#hotnavi #hot_home { left: 0px; width: 60px; }
div#hotnavi #hot_bio { left: 75px; width: 80px; }
div#hotnavi #hot_products { left: 170px; width: 50px; }
div#hotnavi #hot_order { left: 240px; width: 95px; }
div#hotnavi #hot_guestbook { left: 345px; width: 105px; }
div#hotnavi #hot_friends { left: 455px; width: 90px; }

div#hotnavi #hot_home a:hover { background: transparent url("../i/nav-links.png") 0px -34px no-repeat; }
div#hotnavi #hot_bio a:hover { background: transparent url("../i/nav-links.png")  -75px -34px no-repeat; }
div#hotnavi #hot_products a:hover { background: transparent url("../i/nav-links.png") -170px -34px no-repeat; }
div#hotnavi #hot_order a:hover { background: transparent url("../i/nav-links.png") -240px -34px no-repeat; }
div#hotnavi #hot_guestbook a:hover { background: transparent url("../i/nav-links.png") -345px -34px no-repeat; }
div#hotnavi #hot_friends a:hover { background: transparent url("../i/nav-links.png") -455px -34px no-repeat; }
 
/*---( wrapper )----------*/

#wrap_wrap {
	position: relative;
	margin: 0 auto;
	width: 805px;
}

#wrap {
	float: left;
	text-align: left;
	min-height: 400px;
	padding-bottom: 5px;
	width: 800px;
}

#top-header {
	float: left;
	position: relative;
	margin: 0 auto;
	width: 800px;
}

#btm-footer {
	position: relative;
	float: left;
	width: 805px;
	background:  url("../i/footer-bg.png") top center no-repeat;
	height: 30px;
}

#btm-footer p {
	text-align: center;
	padding: 18px 0 5px 0;
	margin: 0;
	font-size: 9px;
}
	
/*------ [ homepage stuff ] ------*/ 

#screenbg {
	position: absolute;
	height: 185px;
	top: 200px;
	left: 0;
	width: 100%;
	background:  url("../i/wood-screen.png") 0 0 repeat-x;
}

.big-feature {
	margin: 35px 0 5px 0;
}

.wood-pod {
	float: left;
	position: relative;
	width: 245px;
	height: 285px;
	margin: 15px 0 0 8px;
	padding: 5px;
	background: url("../i/wood-pod.png") 0 0 no-repeat;
}

.wood-pod img {
	margin-left: 3px;
}
.wood-pod p {
	padding: 5px 20px;
}

h2 {
	float: left;
	position: relative;
	height: 30px;
	width: 225px;
	text-indent: -9999px;
	margin: 5px 0 10px 0;
}

.welcome {
	background:  url("../i/h2-welcome.png") 33px 0  no-repeat;
}

.goods {
	background:   url("../i/h2-goods.png") 21px 0 no-repeat;
}

.order {
	background:   url("../i/h2-order.png") 33px 0 no-repeat;
}

/*------ [ inner page template ] ------*/ 

#top-box, #btm-box, #mid-box {
	float: left;
	position: relative;
	width:805px;
}  

#top-box {
	background:  url("../i/top-box.png") 0 0 no-repeat;
	margin-top: 30px;
	height: 35px;
}


#mid-box {
   background:  url("../i/mid-box.png") 0 0 repeat-y;
   min-height: 400px;
}

#btm-box {
	background:  url("../i/btm-box.png") 0 0  no-repeat;
	margin-bottom: 15px;
	z-index: 999;
	height:35px;
}

#east-side {
	float: left;
	display: block;
	position: relative;
	left: 15px;
	width: 220px;
}

.photo-frame {
	float: left;
	position: relative;
	display: block;
	margin-bottom: 10px;
	width: 220px;
	height: 170px;
	background: url("../i/photo-frames.png") 0 0 no-repeat;
}

#west-side {
	float: left;
	display: block;
	position: relative;
	left: 30px;
	width: 500px;
}

#west-side img {
	margin-left: 10px;
}

#west-side p span {
	color: #efe6a3;
	font-size: 17px;
}

h3 {
	float: left;
	position: relative;
	height: 45px;
	width: 505px;
	text-indent: -9999px;
	margin: 5px 0 10px 0;

}

h3.menu {
	background:  url("../i/h3-menu.png") -70px 0  no-repeat;	
	width: 220px;
}

.appetizers {
	background:  url("../i/h3-appetizers.png") top center no-repeat;
}

.pizzas {
	background:  url("../i/h3-pizzas.png") top center no-repeat;
}

.salads {
	background:  url("../i/h3-salads.png") top center no-repeat;
}

.sandwiches {
	background:  url("../i/h3-sandwiches.png") top center no-repeat;
}

.calzones {
	background:  url("../i/h3-calzones.png") top center no-repeat;
}

.plates {
	background:  url("../i/h3-plates.png") top center no-repeat;
}

.aboutus {
	background:  url("../i/h3-aboutus.png") top center no-repeat;
}

ul.menu-list  {
	position: relative;
	float: left;
	width: 225px;
	list-style: none;
	margin: 0;
	padding: 0;
}

.menu-list li  {
	line-height: 14px;
	text-transform: uppercase;
	font-size: 12px;
	margin: 0;
	padding: 10px 0 10px 20px;
	background: url("../i/dash-dark.png") bottom left repeat-x;
	text-align: left;
	list-style-type: none;
}

.menu-item {
	display: block;
	position: relative;
	width: 100%;
	margin-top: 15px;
	padding-bottom: 10px;
	background: url("../i/dash-light.png") bottom left repeat-x;
}

.menu-item p {
	padding: 0;
}

.title {
	color: #ffc !important;
	font-size: 15px !important;
}

span.prices {
	color: #c96 !important;
	font-size: 12px !important;
}

.menu-thumb {
	float: left;
	clear: right;
	padding: 0 10px 5px 0;
}
/* for Internet Explorer */
/*\*/
* html  .tall {
height: 400px;
}