div#nav
{
    background-repeat: repeat-x;
    height: 37px;
    padding: 0;
    text-align: right;
    width: 928px;
}

div#nav div
{
    background-position: 0 -37px;
    background-repeat: no-repeat;
    float: left;
    height: 37px;
    margin: 0;
    overflow: hidden;
}

div#nav img
{
    margin: 0;
}

div#nav div a span
{
    border:1px solid red;
    position:absolute;
    left: -5000px;
}

div#nav a
{
    background-position: 0 0;
    background-repeat: no-repeat;
    display: block;
    height: 37px;
    margin: 0;
    overflow: hidden;
}

/* home link */
div#navhome,
div#navhome a
{
    background: url(../cmsimages/navhome.jpg);
    width: 57px;
}

/*  About */
div#navabout,
div#navabout a
{
    background: url(../cmsimages/navabout.jpg);
    width: 92px;
}

/* books link */
div#navbooks,
div#navbooks a
{
    background: url(../cmsimages/navbooks.jpg);
    width: 60px;
}

/* books link */
div#navblog,
div#navblog a
{
    background: url(../cmsimages/navblog.jpg);
    width: 58px;
}

/* speaking link */
div#navspeaking,
div#navspeaking a
{
    background: url(../cmsimages/navspeaking.jpg);
    width: 69px;
}

/* news link */
div#navnews,
div#navnews a
{
    background: url(../cmsimages/navnews.jpg);
    width: 106px;
}

/* presskit link */
div#navpresskit,
div#navpresskit a
{
    background: url(../cmsimages/navpresskit.jpg);
    width: 75px;
}

/* media link */
div#navmedia,
div#navmedia a
{
    background: url(../cmsimages/navmedia.jpg);
    width: 58px;
}

/* store link */
div#navstore,
div#navstore a
{
    background: url(../cmsimages/navstore.jpg);
    width: 57px;
}

/* gallery link */
div#navgallery,
div#navgallery a
{
    background: url(../cmsimages/navgallery.jpg);
    width: 65px;
}

/* on writing link */
div#navonwriting,
div#navonwriting a
{
    background: url(../cmsimages/navonwriting.jpg);
    width: 85px;
}

/* connect link */
div#navconnect,
div#navconnect a
{
    background: url(../cmsimages/navconnect.jpg);
    width: 71px;
}

div#nav a:hover
{
    background: none;
}

/***********************************/
/************* SUBNAV **************/
/***********************************/

div#subnav_container
{
    background: url(../cmsimages/background_subnav.jpg);
    background-repeat: no-repeat;
    height: 21px;
    width: 928px;
    margin: 0 auto;
    position: relative;
}

div#subnav
{
    height: 21px;
    padding: 0;
    width: 460px;
    line-height: 0;
    text-align: right;
    position: absolute;
    left: 190px;
    display: none;
}

div#subnav div
{
    background-position: 0 -21px;
    background-repeat: no-repeat;
    float: left;
    height: 21px;
    margin: 0;
    overflow: hidden;
}

div#subnav img
{
    margin: 0;
}

div#subnav div a span
{
    border:1px solid red;
    position:absolute;
    left: -5000px;
}

div#subnav a
{
    background-position: 0 0;
    background-repeat: no-repeat;
    display: block;
    height: 21px;
    margin: 0;
    overflow: hidden;
}

/* coming soon link */
div#navsubcomingsoon,
div#navsubcomingsoon a
{
    background: url(../cmsimages/navsubcomingsoon.jpg);
    width: 100px;
}

/* historical fiction link */
div#navsubhistoricalfiction,
div#navsubhistoricalfiction a
{
    background: url(../cmsimages/navsubhistoricalfiction.jpg);
    width: 124px;
}

/*  contemporary fiction link */
div#navsubcontemporaryfiction,
div#navsubcontemporaryfiction a
{
    background: url(../cmsimages/navsubcontemporaryfiction.jpg);
    width: 146px;
}

/* non fiction link */
div#navsubnonfiction,
div#navsubnonfiction a
{
    background: url(../cmsimages/navsubnonfiction.jpg);
    width: 90px;
}

div#subnav a:hover
{
    background: none;
}

/***********************************/
/************* FOOTER NAV **********/
/***********************************/
div#footer_nav
{
    margin: 0 0 0 -50px;
    width: 560px;
}

div#footer_nav a,
div#footer_nav img
{
    padding: 0;
    margin: 0;
}
