pre { 
font-family: monospace; 
}
body {
background-image: url(images/swirlbgrd2.gif);
font-family: verdana, arial, sans-serif;
font-size: small;
}
h1,h2,h3,h4,h5,p,ul { 
font-family: verdana, arial, sans-serif; 
}
#leftnav {
position:absolute; top: 0px; left: 0px;
background-image: url(images/07haikutakeout.jpg);
background-repeat: no-repeat;
margin-left: 0; margin-right: 0;
height: 500px;
width: 100%;
border:0 solid #3399cc;
z-index: 1;
}

#leftnavrest {
position:absolute; top: 0px; left: 0px;
background-image: url(images/07haikurestaurant.jpg);
background-repeat: no-repeat;
margin-left: 0; margin-right: 0;
height: 500px;
width: 100%;
border:0 solid #3399cc;
z-index: 1;
}

#leftnavcat {
position:absolute; top: 0px; left: 0px;
background-image: url(images/07haikucatering.jpg);
background-repeat: no-repeat;
margin-left: 0; margin-right: 0;
height: 500px;
width: 100%;
border:0 solid #3399cc;
z-index: 1;
}

#leftnavdir {
position:absolute; top: 0px; left: 0px;
background-image: url(images/07haikudirections.jpg);
background-repeat: no-repeat;
margin-left: 0; margin-right: 0;
height: 500px;
width: 100%;
border:0px solid #3399cc;
z-index: 1;
}

#lefthomelink {
position:absolute; top: 0px; left: 0px;
border:0px solid #3399cc;
z-index: 5;
}
#dropcap {
float: left;
font: normal 60pt/0.8em Helvetica, Verdana, Arial, sans-serif;
color: #000;
margin-right: 3px;
}
.takeout {
float:left;
width:154px;
height:124px;
background: url(images/07haikutakeoutclick2.jpg) no-repeat 0 0;
}
a.takeout:link, a.takeout:visited, a.takeout:active {
background: url(images/07haikutakeoutclick2.jpg) no-repeat 0 0;
}
a.takeout:hover {
background: url(images/07haikutakeoutclick2.jpg) no-repeat -154px 0;
}
#photodiv {
position: relative; top: 20px; left: 420px;
border:0px solid #000;
width:176px; 	height:176px;
text-align: left;
background: none;
background-repeat: no-repeat;
background-position: top center;
z-index: 4;
}

#sushipix {
float:right;
position: relative; top: 200px; left: -120px;
width:288px;
height:320px;
border:0px solid #f56cc3;
z-index: 4;
}
#map {
position:relative; top:0px; right:0; left:50%; width:352px; height:292px; margin-left: -176px; margin-right: 0px;
}
#menu { 
position: relative; top: 0px; left: 80px;
border:0px solid #000;
max-width: 600px;
padding: 80px 40px 0 80px;
background: url();
background-repeat: no-repeat;
background-position: center;
z-index: 3;
}
#menudir { 
position: relative; 
top: 20px;
left:0; 
right:0;
border:0px solid #000;
margin-left: 25%;
margin-right: 25%;
margin-top: 30px;
max-width: 600px;
min-width:352px;
width:auto;
height:1000px;
z-index: 3;
}
html>body div {
width: 600px
}

#map {
 position: absolute;
width:352px;
height:292px;
left: 50%;
top: 0px;
margin-bottom: 300px;
border:2px solid #000;
padding: 0px 0px 0px 0px;
}

#textdir {
position: absolute; 
top: 310px;
left:0;
right:0;
border:2px solid #000;
width: auto;
min-width:352px;
}


#menurest {
position: relative; top: 0px; left: 80px;
border:0px solid #000;
max-width: 600px;
padding: 80px 40px 0 80px;
background: url();
background-repeat: no-repeat;
background-position: center;
z-index: 3;
}

#menucat {
position: relative; top: 140px; left: 80px;
border:0px solid #000;
max-width: 600px;
height: auto;
padding: 0px 40px 0 80px;
z-index: 3;
}

.takeout {
float:left;
width:154px;
height:124px;
background: url(images/07haikutakeoutclick2.jpg) no-repeat 0 0;
}
a.takeout:link, a.takeout:visited, a.takeout:active {
background: url(images/07haikutakeoutclick2.jpg) no-repeat 0 0;
}
a.takeout:hover {
background: url(images/07haikutakeoutclick2.jpg) no-repeat -154px 0;
}

.restaurant {
float:left;
width:154px;
height:124px;
background: url(images/07haikurestaurantclick2.jpg) no-repeat 0px 0;
}
a.restaurant:link, a.restaurant:visited, a.restaurant:active {
background: url(images/07haikurestaurantclick2.jpg) no-repeat 0 0;
}
a.restaurant:hover {
background: url(images/07haikurestaurantclick2.jpg) no-repeat -154px 0px;
}

.catering {
float:left;
width:154px;
height:124px;
background: url(images/07haikucateringclick2.jpg) no-repeat 0 0;
}
a.catering:link, a.catering:visited, a.catering:active {
background: url(images/07haikucateringclick2.jpg) no-repeat 0 0;
}
a.catering:hover {
background: url(images/07haikucateringclick2.jpg) no-repeat -154px 0;
}

.directions {
float:left;
width:154px;
height:124px;
background: url(images/07haikudirectionsclick2.jpg) no-repeat 0 0;
}
a.directions:link, a.directions:visited, a.directions:active {
background: url(images/07haikudirectionsclick2.jpg) no-repeat 0 0;
}
a.directions:hover {
background: url(images/07haikudirectionsclick2.jpg) no-repeat -154px 0;
}

ul {
font-size: small;
list-style-type: none;
font-style: normal;
font-weight: normal;
font-family: Palatino, Times, serif;
}
.listultrahead {
font-weight: bolder;
font-size: medium;
list-style-type: none;
line-height:100%;
margin-top: 1em;
font-family: Palatino, Times, serif;
text-indent:47%;
}
.listhead1 {
font-weight: bolder;
font-size: small;
list-style-type: none;
line-height:100%;
margin-top: 1em;
text-transform: uppercase;
font-family:  Palatino, Times, serif;
text-align:left;
}
.headnote {
font-style: italic;
font-size: smaller;
font-weight: normal;
line-height:150%;
list-style-type: none;
text-transform: none;
font-family:  verdana, arial, sans-serif;
}
.listsubhead {
font-weight: bold;
font-size: small;
list-style-type: none;
line-height:100%;
margin-top: .5em;
text-transform: capitalize;
font-family:  Palatino, Times, serif;
}
.sublist {
list-style-type: none;
line-height:100%;
margin-top: .25em;
text-transform: none;
font-family:  verdana, arial, sans-serif;
text-indent:20px;
}

.caps {
text-transform: uppercase;
font-family: Arial, Helvetica, sans-serif;
}
#footer {
position: relative; top: 0px; left: 80px;
border:0px solid #000;
max-width: 600px;
padding: 40px 80px 0 120px;
z-index: 6;
}
a.footer:link {
color: #0000ff; text-decoration: underline; 
}
a.footer:active {
color: #0000ff; text-decoration: underline; 
}
a.footer:visited {color: #3333ff; text-decoration: underline; }
a.footer:hover {color: #000099; text-decoration: underline; }

#footershort {
position: absolute; top: 300px; left: 210px;
border:0px solid #000;
max-width: 600px;
padding: 0px 80px 0 0px;
z-index: 6;
}
a.footer:link {
color: #0000ff; text-decoration: underline; 
}
a.footer:active {
color: #0000ff; text-decoration: underline; 
}
a.footer:visited {color: #3333ff; text-decoration: underline; }
a.footer:hover {color: #000099; text-decoration: underline; }

#footerdir {
position: absolute; bottom: 20px;
border:2px solid #000;
margin-right: 20%;
margin-left: 20%;
width: 520px;

}
a.footer:link {
color: #0000ff; text-decoration: underline; 
}
a.footer:active {
color: #0000ff; text-decoration: underline; 
}
a.footer:visited {color: #3333ff; text-decoration: underline; }
a.footer:hover {color: #000099; text-decoration: underline; }

.smaller {
font-size:smaller;
line-height:170%;
letter-spacing: .0em;
font-family:  verdana, arial, sans-serif;
}