/* Beebe Bahrami navigation rollover styles  */



 .rolloversplashbooks
{
position: relative;
font-family: arial, helvetica, sans-serif;
background: url(images-splash/splash-books-rollover.gif) no-repeat;
white-space: nowrap;
display: block;
width: 260px;
height: 200px;
margin: 0;
padding: 0;
}

 .rolloversplashbooks a
{
display: block;
color: #000000;
font-size: 11px;
width: 260px;
height: 200px;
display: block;
float: left;
color: black;
text-decoration: none;
}

 .rolloversplashbooks img
{
width: 260px;
height: 200px;
border: 0
}

* html a:hover
{
visibility:visible
}

 .rolloversplashbooks a:hover img
{
visibility:hidden
}

 .rolloversplashbooks span
{
position: absolute;
left: 35px;
top: 15px;
margin: 0px;
padding: 0px;
cursor: pointer;
}



 .rolloversplashfood
{
position: relative;
font-family: arial, helvetica, sans-serif;
background: url(images-splash/splash-food-rollover.gif) no-repeat;
white-space: nowrap;
display: block;
width: 251px;
height: 200px;
margin: 0;
padding: 0;
}

 .rolloversplashfood a
{
display: block;
color: #000000;
font-size: 11px;
width: 251px;
height: 200px;
display: block;
float: left;
color: black;
text-decoration: none;
}

 .rolloversplashfood img
{
width: 251px;
height: 200px;
border: 0
}

* html a:hover
{
visibility:visible
}

 .rolloversplashfood a:hover img
{
visibility:hidden
}

 .rolloversplashfood span
{
position: absolute;
left: 35px;
top: 15px;
margin: 0px;
padding: 0px;
cursor: pointer;
}






 .rolloversplashtravel
{
position: relative;
font-family: arial, helvetica, sans-serif;
background: url(images-splash/splash-travel-rollover.gif) no-repeat;
white-space: nowrap;
display: block;
width: 247px;
height: 200px;
margin: 0;
padding: 0;
}

 .rolloversplashtravel a
{
display: block;
color: #000000;
font-size: 11px;
width: 247px;
height: 200px;
display: block;
float: left;
color: black;
text-decoration: none;
}

 .rolloversplashtravel img
{
width: 247px;
height: 200px;
border: 0
}

* html a:hover
{
visibility:visible
}

 .rolloversplashtravel a:hover img
{
visibility:hidden
}

 .rolloversplashtravel span
{
position: absolute;
left: 35px;
top: 15px;
margin: 0px;
padding: 0px;
cursor: pointer;
}




 .rolloversplashpaintings
{
position: relative;
font-family: arial, helvetica, sans-serif;
background: url(images-splash/splash-paintings-rollover.gif) no-repeat;
white-space: nowrap;
display: block;
width: 194px;
height: 166px;
margin: 0;
padding: 0;
}

 .rolloversplashpaintings a
{
display: block;
color: #000000;
font-size: 11px;
width: 194px;
height: 166px;
display: block;
float: left;
color: black;
text-decoration: none;
}

 .rolloversplashpaintings img
{
width: 194px;
height: 166px;
border: 0
}

* html a:hover
{
visibility:visible
}

 .rolloversplashpaintings a:hover img
{
visibility:hidden
}

 .rolloversplashpaintings span
{
position: absolute;
left: 35px;
top: 15px;
margin: 0px;
padding: 0px;
cursor: pointer;
}



 .rolloversplashcafe
{
position: relative;
font-family: arial, helvetica, sans-serif;
background: url(images-splash/splash-cafe-rollover.gif) no-repeat;
white-space: nowrap;
display: block;
width: 194px;
height: 166px;
margin: 0;
padding: 0;
}

 .rolloversplashcafe a
{
display: block;
color: #000000;
font-size: 11px;
width: 194px;
height: 166px;
display: block;
float: left;
color: black;
text-decoration: none;
}

 .rolloversplashcafe img
{
width: 194px;
height: 166px;
border: 0
}

* html a:hover
{
visibility:visible
}

 .rolloversplashcafe a:hover img
{
visibility:hidden
}

 .rolloversplashcafe span
{
position: absolute;
left: 35px;
top: 15px;
margin: 0px;
padding: 0px;
cursor: pointer;
}







 .rollovernav3
{
position: relative;
font-family: arial, helvetica, sans-serif;
background: url(tpwc/images/goto-writing-rollover.gif) no-repeat;
white-space: nowrap;
display: block;
width: 180px;
height: 130px;
margin: 0;
padding: 0;
}

 .rollovernav3 a
{
display: block;
color: #000000;
font-size: 11px;
width: 180px;
height: 130px;
display: block;
float: left;
color: black;
text-decoration: none;
}

 .rollovernav3 img
{
width: 180px;
height: 130px;
border: 0
}

* html a:hover
{
visibility:visible
}

 .rollovernav3 a:hover img
{
visibility:hidden
}

 .rollovernav3 span
{
position: absolute;
left: 35px;
top: 15px;
margin: 0px;
padding: 0px;
cursor: pointer;
}


 .rollovernav1
{
position: relative;
font-family: arial, helvetica, sans-serif;
background: url(tpwc/images/goto-painting-rollover.gif) no-repeat;
white-space: nowrap;
display: block;
width: 180px;
height: 130px;
margin: 0;
padding: 0;
}

 .rollovernav1 a
{
display: block;
color: #000000;
font-size: 11px;
width: 180px;
height: 130px;
display: block;
float: left;
color: black;
text-decoration: none;
}

 .rollovernav1 img
{
width: 180px;
height: 130px;
border: 0
}

* html a:hover
{
visibility:visible
}

 .rollovernav1 a:hover img
{
visibility:hidden
}

 .rollovernav1 span
{
position: absolute;
left: 35px;
top: 15px;
margin: 0px;
padding: 0px;
cursor: pointer;
}