* {
margin:0px;
padding:0px;
}

p,h1,pre {
margin:0 30px 10px;
}

h1 {
font-size:24px;
padding-top:10px;
padding-left:5px;

}

h2 {
font-size:18px;
padding-top:10px;
padding-left:5px;

}

h3 {
font-size:14px;
padding-top:10px;
padding-left:5px;

}

img, td {
border:none;
}

body {
text-align:left;
font-family:'Arial', 'trebuchet ms', 'Lucida Grande', 'tahoma';
font-size:12px;
color:#000000;
background-color: #00668E;
background-repeat: no-repeat;
background-position: 0% 0%;
}

#links {
color:#be0111;
}

#links a {
color:#be0111;
}

#links a:hover {
color:#000;
}

p {
font-size:12px;
padding:10px;
padding-left:5px;
}

#frame {
width:1000px;
min-height:516px;
background-color: #00668E;
margin-right:auto;
margin-left:auto;
margin-top:0px;
text-align:left;
padding:0;
}


#header {
height:82px;
width:1024px;
text-align:center;
}

#header_nav {
height:167px;
width:785px;
}

#inline {
height:65px;
display:inline;
}

#topnav_water {
display:inline;
height:167px;
width:785px;}

#topnav_water a {
text-decoration:none;
display:inline;
float:left;
height:167px;
position:relative;
top:0px;
padding-right:9px;
padding-left:9px;
text-transform:none;
font-weight:700;
padding-top:-20px;
color:#ffffff;
background-image:url(images/bg_off.jpg);
background-position:bottom;
}



#topnav_water a:hover {
text-decoration:none;
top:0px;
background:#ffffff;
background-position:bottom;
background-image:url(images/bg_on.jpg);
color:#ffffff;
}


#topnav_water ul {
margin:0 0 0 200px;
padding:0;
}

#topnav_water li {
display:inline;
}

#topnav {
display:inline;
height:167px;
width:785px;
}

#topnav a {
text-decoration:none;
display:inline;
float:left;
height:167px;
position:relative;
top:0px;
padding-right:0px;
padding-left:0px;
text-transform:none;
font-weight:700;
padding-top:0px;
color:#ffffff;
background-image:url(images/bg_off.jpg);
background-position:bottom;
}



#topnav a:hover {
text-decoration:none;
top:0px;
background:#ffffff;
background-position:bottom;
background-image:url(images/bg_on.jpg);
color:#ffffff;
}


#topnav ul {
margin:0 0 0 200px;
padding:0;
}

#topnav li {
display:inline;
}


#faq {
height:167px;
width:185px;
}

#faq a {
text-decoration:none;
display:inline;
float:left;
height:167px;
position:relative;
top:0px;
padding-right:9px;
padding-left:9px;
text-transform:none;
font-weight:700;
padding-top:-20px;
color:#ffffff;
background-image:url(images/WaterWebDesignBIG_NEW_02.jpg);
background-position:bottom;
}



#faq a:hover {
text-decoration:none;
top:0px;
background:#ffffff;
background-position:bottom;
background-image:url(images/rollover_position1.png);
color:#ffffff;
}


#faq ul {
margin:0 0 0 200px;
padding:0;
}

#faq li {
display:inline;
}

#why {
height:167px;
width:193px;

}

#why a {
text-decoration:none;
display:inline;
float:left;
height:167px;
position:relative;
top:0px;
padding-right:9px;
padding-left:9px;
text-transform:none;
font-weight:700;
padding-top:-20px;
color:#ffffff;
background-image:url(images/WaterWebDesignBIG_NEW_03.jpg);
background-position:bottom;
}



#why a:hover {
text-decoration:none;
top:0px;
background:#ffffff;
background-position:bottom;
background-image:url(images/rollover_position1.png);
color:#ffffff;
}


#why ul {
margin:0 0 0 200px;
padding:0;
}

#why li {
display:inline;
}

#coolers {
height:167px;
width:206px;
}

#coolers a {
text-decoration:none;
display:inline;
float:left;
height:167px;
position:relative;
top:0px;
padding-right:9px;
padding-left:9px;
text-transform:none;
font-weight:700;
padding-top:-20px;
color:#ffffff;
background-image:url(images/WaterWebDesignBIG_NEW_04.jpg);
background-position:bottom;
}



#coolers a:hover {
text-decoration:none;
top:0px;
background:#ffffff;
background-position:bottom;
background-image:url(images/rollover_position2.png);
color:#ffffff;
}


#coolers ul {
margin:0 0 0 200px;
padding:0;
}

#coolers li {
display:inline;
}


#contact {
height:167px;
width:201px;
}

#contact a {
text-decoration:none;
display:inline;
float:left;
height:167px;
position:relative;
top:0px;
padding-right:9px;
padding-left:9px;
text-transform:none;
font-weight:700;
padding-top:-20px;
color:#ffffff;
background-image:url(images/WaterWebDesignBIG_NEW_05.jpg);
background-position:bottom;
}



#contact a:hover {
text-decoration:none;
top:0px;
background:#ffffff;
background-position:bottom;
background-image:url(images/rollover_position3.png);
color:#ffffff;
}


#contact ul {
margin:0 0 0 200px;
padding:0;
}

#contact li {
display:inline;
}

#photos {
height:76px;
width:71px;
}

#photos a {
text-decoration:none;
display:inline;
float:left;
height:76px;
position:relative;
top:0px;
padding-right:9px;
padding-left:9px;
text-transform:none;
font-weight:700;
padding-top:-20px;
color:#ffffff;
background-image:url(images/nav_photos_off.jpg);
background-position:bottom;
}



#photos a:hover {
text-decoration:none;
top:0px;
background:#ffffff;
background-position:bottom;
background-image:url(images/rollover_position4.png);
color:#ffffff;
}


#photos ul {
margin:0 0 0 200px;
padding:0;
}

#photos li {
display:inline;
}

#application {
height:76px;
width:71px;
}

#application a {
text-decoration:none;
display:inline;
float:left;
height:76px;
position:relative;
top:0px;
padding-right:9px;
padding-left:9px;
text-transform:none;
font-weight:700;
padding-top:-20px;
color:#ffffff;
background-image:url(images/nav_application_off.jpg);
background-position:bottom;
}



#application a:hover {
text-decoration:none;
top:0px;
background:#ffffff;
background-position:bottom;
background-image:url(images/nav_application_on.jpg);
color:#ffffff;
}


#application ul {
margin:0 0 0 200px;
padding:0;
}

#application li {
display:inline;
}

#career {
height:76px;
width:71px;
}

#career a {
text-decoration:none;
display:inline;
float:left;
height:76px;
position:relative;
top:0px;
padding-right:9px;
padding-left:9px;
text-transform:none;
font-weight:700;
padding-top:-20px;
color:#ffffff;
background-image:url(images/nav_career_off.jpg);
background-position:bottom;
}



#career a:hover {
text-decoration:none;
top:0px;
background:#ffffff;
background-position:bottom;
background-image:url(images/nav_career_on.jpg);
color:#ffffff;
}


#career ul {
margin:0 0 0 200px;
padding:0;
}

#career li {
display:inline;
}

#circle {
height:76px;
width:71px;
}

#circle a {
text-decoration:none;
display:inline;
float:left;
height:76px;
position:relative;
top:0px;
padding-right:9px;
padding-left:9px;
text-transform:none;
font-weight:700;
padding-top:-20px;
color:#ffffff;
background-image:url(images/circle_off.jpg);
background-position:bottom;
}



#circle a:hover {
text-decoration:none;
top:0px;
background:#ffffff;
background-position:bottom;
background-image:url(images/circle_on.jpg);
color:#ffffff;
}


#circle ul {
margin:0 0 0 200px;
padding:0;
}

#circle li {
display:inline;
}


#main {
width:100%;
height:600px;
background-image:url(images/stainless_large.jpg);
background-attachment:fixed;
background-repeat: no-repeat;
background-position: 0% 0%;
background-color:#4E505C;
float:left;
min-height:300px;
padding:0;
}

#main a {
color:#ffffff;
font-style:normal;
text-decoration:underline;
}

#main a:visited {
color:#ffffff;
font-style:normal;
text-decoration:underline;
}

#main a:hover {
text-decoration: none;
color: #ff0000; 
}



#footer {
padding-top:10px;
width:100%;
float:none;
font-weight:bold;
height:100%;
text-align:center;
color:#ffffff;
background-color:#00668E;
background-repeat:repeat-y;
}



#footer a {
text-decoration:none;
display:inline;
float:none;
height:15px;
position:relative;
padding-top:5px;
color:#008FC5;
}

#footer a:hover {
text-decoration: none;
background:#00668E;
background-repeat:repeat-x;
color:#000000;
}

#footer ul {
margin:0 0 0 0px;
padding:0;
}

#footer li {
display:inline;
}







#footer3 {
padding-top:10px;
width:100%;
float:none;
font-weight:bold;
height:100%;
text-align:center;
color:#ffffff;
background-color:#00668E;
background-repeat:repeat-y;
}



#footer3 a {
text-decoration:none;
display:inline;
float:none;
height:15px;
position:relative;
padding-top:5px;
color:#008FC5;
}

#footer3 a:hover {
text-decoration: none;
background:#00668E;
background-repeat:repeat-x;
color:#000000;
}

#footer3 ul {
margin:0 0 0 0px;
padding:0;
}

#footer3 li {
display:inline;
}














.footer2 {
width:100%;
float:none;
height:100%;
font-size:1.0em;
text-align:center;
background-color:#84B6DC;
background-repeat:repeat-y;

}



.footer2 a {
text-decoration:none;
display:inline;
float:none;
height:15px;
position:relative;
color:#ffffff;
}

.footer2 a:hover {
text-decoration: none;
background:#84B6DC;
color:#000000;
}

#leftnav {
width:244px;
height:600px;
background-image:url(images/stainless_large2.jpg);
background-attachment:fixed;
background-repeat: no-repeat;
background-position: 0% 0%;
background-color:transparent;
min-height:1000px;
font-size:12px;
float:left;
padding:0;
}

#leftnav ul {
list-style: none;
margin:0px;
padding-left:11px;
}

#leftnav li {
margin:0px;
padding:0px;
}


#leftnav a {
color:#ffffff;
font-size:12px;
font-weight:bold;
font-style:normal;
text-decoration:none;
}

#leftnav a:visited {
color:#ffffff;
font-size:12px;
font-style:normal;
text-decoration:none;
}

#leftnav a:hover {
text-decoration: none;
color: #FF0000; 
font-size: 12px;
}

.funkyblue {
color:#339999;
font-size:16px;
font-weight:bold;
}


#rightnav {
width:175px;
font-size:16px;
float:right;
padding:0;
}

#faq2 {
width:675px;
heigth:100%;
padding-left:50px;
}

#faq2 a {
color:#095AA5;
font-size:12px;
font-weight:bold;
font-style:normal;
text-decoration:underline;
}

#faq2 a:visited {
color:#095AA5;
font-size:12px;
font-style:normal;
text-decoration:underline;
}

#faq2 a:hover {
text-decoration: underline;
background-color: #fff;
color: #8FCA18; 
font-size: 12px;
}

#flash {
width:325px;
height:168px;
float:left;
background:#00668E;
}

#top {
width:675px;
height:91px;
float:right;
background:#00668E;
}

#bottom {
width:675px;
height:50px;
float:right;
}

#frame2 {
width:832px;
background-color:#FFFFFF;
min-height:516px;
margin-right:auto;
margin-left:94px;
margin-top:0px;
text-align:left;
padding:0;
}

#big_frame {
width:832px;
background-color:#FFFFFF;
margin-right:auto;
margin-left:auto;
margin-top:0px;
text-align:left;
padding:0;
}

#padding {
width:730px;
background-color:#FFFFFF;
margin-right:50px;
margin-left:50px;
margin-top:0px;
text-align:left;
padding:0;
}

#frame22 {
width:1000px;
min-height:516px;
margin-right:74px;
margin-left:auto;
margin-top:0px;
text-align:left;
padding:0;
}

#frame3 {
width:851px;
background-color:#FFFFFF;
min-height:516px;
margin-right:auto;
margin-left:auto;
padding-left:0px;
margin-top:0px;
text-align:left;
}

#sandwitch {
width:400px;
height:340px;
margin-right:auto;
margin-left:auto;
padding-left:0px;
margin-top:0px;
text-align:left;
float:right;
}



#sandwitch2 {
width:400px;
height:74px;
margin-right:auto;
margin-left:auto;
padding-left:0px;
margin-top:0px;
text-align:left;
float:right;
}

#icecream {
width:422px;
height:213px;
margin-right:auto;
margin-left:auto;
padding-left:10px;
padding-right:0px;
margin-top:0px;
text-align:left;
float:left;
}

#icecream a {
text-decoration:none;
color:#BA1521;
}

#makingicecreamtext {
width:200px;
height:80px;
margin-right:auto;
margin-left:auto;
padding-left:10px;
padding-right:0px;
margin-top:0px;
text-align:left;
float:left;
}

#gretahome {
width:200px;
height:80px;
margin-right:auto;
margin-left:auto;
padding-left:10px;
padding-right:0px;
margin-top:0px;
text-align:left;
float:right;
}

#slideshow {
width:422px;
height:194px;
margin-right:auto;
margin-left:auto;
padding-left:0px;
margin-top:0px;
text-align:left;
float:left;
}

#producttext {
width:422px;
height:213px;
font-family:"Times New Roman", Times, serif;
font-size:medium;
line-height:normal;
margin-right:auto;
word-spacing:normal;
text-align:center;
margin-left:auto;
padding-left:0px;
margin-top:0px;
text-align:left;
float:right;
}

#producttext2 {
width:285px;
height:213px;
font-family:"Georgia", "Times New Roman", Times, serif;
font-size:medium;
line-height:normal;
margin-right:auto;
word-spacing:normal;
text-align:center;
margin-left:auto;
padding-left:0px;
margin-top:0px;
text-align:left;
float:right;
}

#producttext3 {
width:430px;
height:253px;
font-family:"Georgia", "Times New Roman", Times, serif;
font-size:medium;
line-height:normal;
margin-right:auto;
word-spacing:normal;
text-align:center;
margin-left:auto;
padding-left:0px;
margin-top:0px;
text-align:left;
float:right;
}

#producttext3a {
width:430px;
height:213px;
font-family:"Georgia", "Times New Roman", Times, serif;
font-size:medium;
color:#a59c94;
line-height:normal;
margin-right:auto;
word-spacing:normal;
text-align:center;
margin-left:auto;
padding-left:0px;
margin-top:0px;
text-align:left;
float:right;
}

#producttext4 {
width:350px;
height:213px;
font-family:"Georgia", "Times New Roman", Times, serif;
font-size:medium;
line-height:normal;
margin-right:auto;
word-spacing:normal;
text-align:center;
margin-left:auto;
padding-left:0px;
margin-top:0px;
text-align:left;
float:right;
}

#producttext5 {
width:350px;
height:213px;
font-family:"Georgia", "Times New Roman", Times, serif;
font-size:medium;
line-height:normal;
margin-right:auto;
word-spacing:normal;
text-align:center;
margin-left:auto;
padding-left:0px;
margin-top:0px;
text-align:left;
float:right;
}

#producttext6 {
width:280px;
height:213px;
font-family:"Georgia", "Times New Roman", Times, serif;
font-size:medium;
line-height:normal;
margin-right:auto;
word-spacing:normal;
text-align:center;
margin-left:auto;
padding-left:0px;
margin-top:0px;
text-align:left;
float:right;
}


#bottomnav {
background-color:#FFFFFF;
padding-top:0px;
width:832px;
margin-left:auto;
float:none;
font-weight:bold;
height:85px;
text-align:center;
color:#7BACDC;
}



#bottomnav a {
text-decoration:none;
display:inline;
float:none;
height:15px;
position:relative;
padding-top:5px;
padding-right:22px;
padding-left:22px;
color:#7BACDC;
}

#bottomnav a:hover {
text-decoration: none;
background-repeat:repeat-x;
color:#000000;
}

#bottomnav ul {
margin:0 0 0 0px;
padding:0;
}

#bottomnav li {
display:inline;
}


#seasonal {
width:250px;
float:right;
}

#seasonal_text {
float:left;
line-height:18px;

}

#seasonal_text a {
color:#BA1521;
text-decoration:none;
}

#gray_box_padding {
width:182px;
height:208px;
background-color:#fff;
float:left;
}

#gray_box {
width:162px;
height:196px;
text-align:center;
padding-top:10px;
background-image:url(images/gray_box.jpg);
background-repeat:no-repeat;
float:left;
}

#gray_box_text {
width:144px;
line-height:16px;
text-align:left;
padding-left:18px;
}

#gray_box_text a {
color:#BA1521;
text-decoration:none;
}

#gray_box_wide {
width:794px;
height:35px;
background-image:url(images/gray_box_wide.jpg);
text-align:center;
margin-left:20px;
font-size:13px;
line-height:13px;

}
#gray_box_wide a {
color:#BA1521;
text-decoration:none;
}

#treatofthemonth {
width:350px;
height:213px;
margin-right:auto;
margin-left:auto;
padding-left:00px;
padding-right:0px;
margin-top:0px;
text-align:left;
float:right;
}

#treatofthemonth a {
text-decoration:none;
color:#BA1521;
}

#treatofthemonth2 {
width:200px;
height:213px;
margin-right:auto;
margin-left:auto;
padding-left:0px;
padding-right:0px;
margin-top:0px;
text-align:left;
float:right;
}

#treatofthemonth2 a {
text-decoration:none;
color:#BA1521;
}

#togo_left {
width: 360px;
float:left;
}

#togo_right {
width: 360px;
float:right;
}

#newyear09a {
width:200px;
float:right;
text-align:right;
padding-right:25px;
}

#newyear09b {
width:50px;
float:left;
text-align:left;
}

#newyear09c {
width:100px;
float:left;
text-align:left;
}

.newslinks {
color:#000000;
}

.newslinks a {
color:#ba0004;
text-decoration:underline;
}

.newslinks a:hover {
color:#00668E;
text-decoration:underline;
}



#info {position:relative;}
p.bold {padding-left:15px; color:#c00;}
a.linkup {position:relative;}
a.buttonup {position:absolute; top:200px; left:650px; border:0;}
a.buttonup img {border:0;}
.gleft {float:left; margin:25px 0 10px 0;}
.gright {float:right; margin:25px 5px 10px 0;}
.grc {margin:20px 0 0 10px;}


/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/final_drop.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */

.menu {width:675px; height:27px; font-size:0.85em; position:relative; z-index:100; float:right; background:#00668E;}
/* hack to correct IE5.5 faulty box model */
* html .menu {width:675px; w\idth:675px;}
/* remove all the bullets, borders and padding from the default list styling */
.menu ul {padding:0;margin:0;list-style-type:none;}
.menu ul ul {width:120px;}
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu li {float:left;width:120px;position:relative;}
/* style the links for the top level */
.menu a, .menu a:visited {display:block;font-size:10px;text-decoration:none; color:#ffffff; width:120px; height:27px; border:1px solid #ffffff; border-width:0px 0px 0px 1px; background:#9DCB3B; padding-left:0px; line-height:27px;}
/* a hack so that IE5.5 faulty box model is corrected */
* html .menu a, * html .menu a:visited {width:119px; w\idth:119px;}

/* style the second level background */
.menu ul ul a.drop, .menu ul ul a.drop:visited {background:#9DCB3B  bottom right no-repeat;}
/* style the second level hover */
.menu ul ul a.drop:hover{background:#74C043  bottom right no-repeat;}
.menu ul ul :hover > a.drop {background:#74C043 bottom right no-repeat;}
/* style the third level background */
.menu ul ul ul a, .menu ul ul ul a:visited {background:#9DCB3B;}
/* style the third level hover */
.menu ul ul ul a:hover {background:#74C043;}


/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {visibility:hidden;position:absolute;height:0;top:27px;left:0; width:149px;}
/* another hack for IE5.5 */
* html .menu ul ul {top:27px;t\op:27px;}

/* position the third level flyout menu */
.menu ul ul ul{left:120px; top:-1px; width:120px;}

/* position the third level flyout menu for a left flyout */
.menu ul ul ul.left {left:-120px;}

/* style the table so that it takes no ppart in the layout - required for IE to work */
.menu table {position:absolute; top:0; left:0; border-collapse:collapse;;}

/* style the second level links */
.menu ul ul a, .menu ul ul a:visited {background:#9DCB3B; color:#000000; height:auto; line-height:1em; padding:5px 0px; width:120px;border-width:1px 0px 0px 0px; border-color:#ffffff;}
/* yet another hack for IE5.5 */
* html .menu ul ul a, * html .menu ul ul a:visited {width:120px;w\idth:120px;}

/* style the top level hover */
.menu a:hover, .menu ul ul a:hover{color:#ffffff; background:#9DCB3C;}
.menu :hover > a, .menu ul ul :hover > a {color:#fff;background:#74C043;}

/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul,
.menu ul a:hover ul{visibility:visible; }
/* keep the third level hidden when you hover on first level list OR link */
.menu ul :hover ul ul{visibility:hidden;}
/* make the third level visible when you hover over second level list OR link */
.menu ul :hover ul :hover ul{ visibility:visible;}





	
#nav {
	text-align:left;
}
	
#nav ul{
	margin:0;
	padding:0;
	list-style: none;
	}
#nav li {
float:right;
	background:#ffffff; /* This is to preload the hover state */
	background-repeat: no-repeat; 
	margin-top: 33px; /* For IE5 Mac only - reset to 0 below */
	margin-bottom: 65px; /* For IE5 Mac only - reset to 0 below */
		font-size:20px;
	}
	
#nav a { /* if background is on a:link IE6 won't display properly  */
	background:#ffffff; /*can be just background */
	background-repeat: no-repeat; /* height and or width in here will stop main image change in IE5 */
	padding-top: 32px; /* For IE5 Mac only - reset to 0 below */
	padding-left: 5px; 
	padding-bottom: 32px; /* For IE5 Mac only - reset to 0 below */
	padding-right: 32px; /* For IE5 Mac only - reset to 10 below */
	color: black;
	font-family: "Arial", sans-serif;
	color:#a59c94;
	font-size:20px;
	font-weight:bold;
	text-align: center;
	text-decoration:none;
	/*height or width in here will stop main image change in IE5 Win
	luckily, line-height is OK! - hidden from IE5 Mac see below
	a must be block to display background-image in IE Win
	 - but also needs to be hidden from IE5 Mac see below */
	}

#nav a/*Comment hack to hide this from IE5 - needed to extend link over button image in IE6 */{
	height:40px;
	}
 
#nav a:hover {
	background: url(images/hack.jpg) no-repeat; /* no background-x styles work here */
	color: black; 
	text-decoration:none;
	}
#nav a img {
	width: 272px; /* IE5 Win can't dynamically change size - don't use 0px to hide */
	height: 437px;
	position: absolute;
	top: 220px;
	left: 30%;
	border:none;
	visibility: hidden;
	}

 /* commented backslash hack v2 - hide rules from IE5 Mac \*/
#nav a {
	padding-top: 0; 
	padding-bottom: 0;
	padding-right: 0px; 
	display: inline;
	line-height: 30px;
	}	
#nav li {
	margin-top:0;
	margin-bottom:0;
	width: 285px;
	}
/* end hack */


#nav a:hover img {
	visibility:visible;
	}






#nav2 {
	text-align:left;
}
	
#nav2 ul{
	margin:0;
	padding:0;
	list-style: none;
	}
#nav2 li {
float:right;
	background:#ffffff; /* This is to preload the hover state */
	background-repeat: no-repeat; 
	margin-top: 33px; /* For IE5 Mac only - reset to 0 below */
	margin-bottom: 65px; /* For IE5 Mac only - reset to 0 below */
	}
	
#nav2 a { /* if background is on a:link IE6 won't display properly  */
	background:#ffffff; /*can be just background */
	background-repeat: no-repeat; /* height and or width in here will stop main image change in IE5 */
	padding-top: 32px; /* For IE5 Mac only - reset to 0 below */
	padding-left: 5px; 
	padding-bottom: 32px; /* For IE5 Mac only - reset to 0 below */
	padding-right: 32px; /* For IE5 Mac only - reset to 10 below */
	color: black;
	font-family: "Arial", sans-serif;
	color:#a59c94;
	font-size:20px;
	font-weight:bold;
	text-align: center;
	text-decoration:none;
	/*height or width in here will stop main image change in IE5 Win
	luckily, line-height is OK! - hidden from IE5 Mac see below
	a must be block to display background-image in IE Win
	 - but also needs to be hidden from IE5 Mac see below */
	}

#nav2 a/*Comment hack to hide this from IE5 - needed to extend link over button image in IE6 */{
	height:40px;
	}
 
#nav2 a:hover {
	background: url("images/hack.jpg") no-repeat; /* no background-x styles work here */
	color: black; 
	text-decoration:none;
	}
#nav2 a img {
	width: 300px; /* IE5 Win can't dynamically change size - don't use 0px to hide */
	height: 219px;
	position: absolute;
	top: 280px;
	left: 30%;
	border:none;
	visibility: hidden;
	}

 /* commented backslash hack v2 - hide rules from IE5 Mac \*/
#nav2 a {
	padding-top: 0; 
	padding-bottom: 0;
	padding-right: 0px; 
	display: inline;
	line-height: 30px;
	}	
#nav2 li {
	margin-top:0;
	margin-bottom:0;
	width: 285px;
	}
/* end hack */


#nav2 a:hover img {
	visibility:visible;
	}
	
	
#imageleft {
float:left;

}


a.rollover1 {
    display: block;
	width: 243px;
	height: 248px;
    text-decoration: none;
    background: url('images/menu_foodb.jpg');
}

a.rollover1:hover {
    background-position: -243px 0;
}

a.rollover2 {
    display: block;
	width: 243px;
	height: 248px;
    text-decoration: none;
    background: url('images/menu_dessertb.jpg');
}

a.rollover2:hover {
    background-position: -244px 0;
}

a.rollover3 {
    display: block;
	width: 243px;
	height: 248px;
    text-decoration: none;
    background: url('images/menu_cateringb.jpg');
}

a.rollover3:hover {
    background-position: -243px 0;
}

#hand	{
	height: 385px;
	width: 261px;
	margin-top: -198px;
	margin-bottom: 0px;
	position: relative;
	visibility:visibile;
	}
	
#coupon	{
	height:186px;
	width:495px;
	position: relative;
	margin-top: -195px;
	left: 265px;
	margin-bottom: 0px;
	}
	
a.rollover4 {
    display: block;
	width: 140px;
	height: 28px;
    text-decoration: none;
    background: url('images/bistro_rbi.gif');
}

a.rollover4:hover {
    background-position: -140px 0;
}

a.rollover5 {
    display: block;
	width: 140px;
	height: 28px;
    text-decoration: none;
    background: url('images/bistro_grb.gif');
}

a.rollover5:hover {
    background-position: -140px 0;
}

a.rollover6 {
    display: block;
	width: 140px;
	height: 28px;
    text-decoration: none;
    background: url('images/bistro_cig.gif');
}

a.rollover6:hover {
    background-position: -140px 0;
}

a.rollover7 {
    display: block;
	width: 153px;
	height: 26px;
    text-decoration: none;
    background: url('images/mexicanroastbeef_roll.jpg');
}

a.rollover7:hover {
    background-position: -153px 0;
}

#bistrologo	{
	float: right;
}

#bistromenu	{
	float:left;
	margin-top: 5px;
	}
	
#bistrosandwich	{
	position: absolute;
	width: 345px;
	margin-top: 45px;
	margin-left: 85px;
	}
	
#flavoroftheday	{
	font-size:14px;
	width: 220px;
	float:right;
	}
	
#flavoroftheday a {
	color:#00668E;
	}
	
#flavoroftheday a:hover {
	text-decoration:none;
	color:#8fca18;
	}
	
#schoolspirit {
width:365px;
height:335px;
float:left;
}

#schoolspiritright {
width:355px;
height:362px;
float:right;
}

#redletter {
width:30px;
height:30px;
font-size:28px;
color:red;
float:left;
padding-left:10px;
}

#triviabox {
text-align:left;
background-color:#f3f2f2;
width:378px;
height:132px;
float:right;
margin-right:50px;
padding-left:25px;
}