/* --------------------------------------------- MAIN BODY --------------------------------------------- */

body {
background-color: #fd8;
color: #247;
margin: 0px
}

.textured {
background-image: url(navimages/texture_light.gif);
background-repeat: repeat;
}

#sidebar {
position: absolute;
top: 0px;
left: 0px;
width: 200px;
height: 1000px;
background-image: url(navimages/texture_dark.gif);
background-repeat: repeat-y;
margin: 0px
}

#sidebarlong {
position: absolute;
top: 0px;
left: 0px;
width: 200px;
height: 1500px;
background-image: url(navimages/texture_dark.gif);
background-repeat: repeat-y;
margin: 0px
}

#sidelogo {
position: absolute;
top: 10px;
left: 10px;
width: 160px;
height: 120px;
background-image: url(navimages/sidelogo.gif);
background-repeat: no-repeat;
margin: 0px
}

#sidebox {
position: absolute;
top: 130px;
left: 15px;
width: 190px;
height: 235px;
background-image: url(navimages/sidebox.gif);
background-repeat: no-repeat;
margin: 0px
padding: 20px
}

/* --------------------------------------------- other elements --------------------------------------------- */

img { 
border: none;
}

img.floatright { 
float: right;
margin: 0 0 10px 10px; 
}

img.floatleft { 
float: left;
margin: 0 10px 10px 0; 
}

#thumnailtable {
position: absolute;
top: 60px;
left: 220px;
width: 560px;
height: 480px;
padding: 0;
border: 0;
cellpadding: 0;
cellspacing: 0;
}

/* --------------------------------------------- hide preloaded images --------------------------------------------- */

.hiddenPic {
display:none;
}

/* --------------------------------------------- TEXT STYLES --------------------------------------------- */

a { 
text-decoration: none;
color: #111;
border: none;
}

a:link { 
color: #111;
}

a:visited { 
color: #111;
}

a:hover { 
color: #393;
}

p {
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 13px; 
font-style: normal; 
font-weight: normal; 
line-height: 18px; 
text-align: left;
color: #000;
}

.title { 
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 16px; 
font-style: normal; 
font-weight: bold; 
line-height: 18px; 
text-align: center;
color: #000;
}

.boxtext { 
position: relative;
padding: 5px 10px 5px 15px;
}

.desctitle { 
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 12px; 
font-style: normal; 
font-weight: bold; 
line-height: 14px; 
text-align: left;
color: #fff;
}

.description { 
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 11px; 
font-style: normal; 
font-weight: normal; 
line-height: 14px; 
text-align: left;
color: #fff;
}

.media { 
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 11px; 
font-style: italic; 
font-weight: normal; 
line-height: 14px; 
text-align: left;
color: #eee; 
}

.copyright { 
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 10px; 
font-style: normal; 
font-weight: normal; 
line-height: 12px; 
text-align: left; 
color: #eee;
}


/* --------------------------------------------- MAIN PAGES NAVIGATION --------------------------------------------- */

.illus {
position: absolute;
top: 380px;
left: 15px;
width: 160px;
height: 40px;
background-repeat: no-repeat;
background-image: url(navimages/nav_illus-n.gif);
z-index: 20;
}

a.illus:link {
background-image: url(navimages/nav_illus-n.gif);
}

a.illus:visited {
background-image: url(navimages/nav_illus-n.gif);
}

a.illus:hover {
background-image: url(navimages/nav_illus-o.gif);
}


.illus1 {
position: absolute;
top: 410px;
left: 15px;
width: 160px;
height: 25px;
background-repeat: no-repeat;
background-image: url(navimages/nav_illus1-n.gif);
z-index: 20;
}

a.illus1:link {
background-image: url(navimages/nav_illus1-n.gif);
}

a.illus1:visited {
background-image: url(navimages/nav_illus1-n.gif);
}

a.illus1:hover {
background-image: url(navimages/nav_illus1-o.gif);
}


.illus2 {
position: absolute;
top: 430px;
left: 15px;
width: 160px;
height: 20px;
background-repeat: no-repeat;
background-image: url(navimages/nav_illus2-n.gif);
z-index: 25;
}

a.illus2:link {
background-image: url(navimages/nav_illus2-n.gif);
}

a.illus2:visited {
background-image: url(navimages/nav_illus2-n.gif);
}

a.illus2:hover {
background-image: url(navimages/nav_illus2-o.gif);
}


.illus3 {
position: absolute;
top: 450px;
left: 15px;
width: 160px;
height: 25px;
background-repeat: no-repeat;
background-image: url(navimages/nav_illus3-n.gif);
z-index: 20;
}

a.illus3:link {
background-image: url(navimages/nav_illus3-n.gif);
}

a.illus3:visited {
background-image: url(navimages/nav_illus3-n.gif);
}

a.illus3:hover {
background-image: url(navimages/nav_illus3-o.gif);
}


.books {
position: absolute;
top: 470px;
left: 15px;
width: 160px;
height: 40px;
background-repeat: no-repeat;
background-image: url(navimages/nav_books-n.gif);
z-index: 20;
}

a.books:link {
background-image: url(navimages/nav_books-n.gif);
}

a.books:visited {
background-image: url(navimages/nav_books-n.gif);
}

a.books:hover {
background-image: url(navimages/nav_books-o.gif);
}

.licensing {
position: absolute;
top: 500px;
left: 15px;
width: 160px;
height: 40px;
background-repeat: no-repeat;
background-image: url(navimages/nav_licensing-n.gif);
z-index: 20;
}

a.licensing:link {
background-image: url(navimages/nav_licensing-n.gif);
}

a.licensing:visited {
background-image: url(navimages/nav_licensing-n.gif);
}

a.licensing:hover {
background-image: url(navimages/nav_licensing-o.gif);
}

.about {
position: absolute;
top: 530px;
left: 15px;
width: 160px;
height: 40px;
background-repeat: no-repeat;
background-image: url(navimages/nav_about-n.gif);
z-index: 20;
}

a.about:link {
background-image: url(navimages/nav_about-n.gif);
}

a.about:visited {
background-image: url(navimages/nav_about-n.gif);
}

a.about:hover {
background-image: url(navimages/nav_about-o.gif);
}

.contact {
position: absolute;
top: 560px;
left: 15px;
width: 160px;
height: 40px;
background-repeat: no-repeat;
background-image: url(navimages/nav_contact-n.gif);
z-index: 20;
}

a.contact:link {
background-image: url(navimages/nav_contact-n.gif);
}

a.contact:visited {
background-image: url(navimages/nav_contact-n.gif);
}

a.contact:hover {
background-image: url(navimages/nav_contact-o.gif);
}


/* --------------------------------------------- HOME PAGE NAVIGATION --------------------------------------------- */

#topbar {
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 200px;
background-image: url(homeimages/texture_bluetop.gif);
background-repeat: repeat-x;
margin: 0px
z-index: 0;
}

#toplogo {
position: absolute;
top: 10px;
left: 10px;
width: 160px;
height: 120px;
background-image: url(homeimages/bluelogo.gif);
background-repeat: no-repeat;
margin: 0px
}

#toptext {
position: absolute;
top: 10px;
left: 30%;
height: 200px;
width: 40%;
z-index: 30;
}

#centerpiece {
position: relative;
top: 140px;
margin: 0px
z-index: 30;
}

#buttonband {
position: absolute;
top: 520px;
left: 0px;
width: 100%;
height: 150px;
margin: 0px
}

.illus_h {
background-repeat: no-repeat;
background-image: url(navimages/nav_illus-hn.gif);
position: absolute;
left: 10%;
width: 150px;
height: 150px;
padding: 0;
margin: -75px;
z-index: 20;
}

a.illus_h:link {
background-image: url(navimages/nav_illus-hn.gif);
}

a.illus_h:visited {
background-image: url(navimages/nav_illus-hn.gif);
}

a.illus_h:hover {
background-image: url(navimages/nav_illus-ho.gif);
}


.books_h {
background-repeat: no-repeat;
background-image: url(navimages/nav_books-hn.gif);
position: absolute;
left: 30%;
width: 150px;
height: 150px;
padding: 0;
margin: -75px;
z-index: 20;
}

a.books_h:link {
background-image: url(navimages/nav_books-hn.gif);
}

a.books_h:visited {
background-image: url(navimages/nav_books-hn.gif);
}

a.books_h:hover {
background-image: url(navimages/nav_books-ho.gif);
}

.licensing_h {
background-repeat: no-repeat;
background-image: url(navimages/nav_licensing-hn.gif);
position: absolute;
left: 50%;
width: 150px;
height: 150px;
padding: 0;
margin: -75px;
z-index: 20;
}

a.licensing_h:link {
background-image: url(navimages/nav_licensing-hn.gif);
}

a.licensing_h:visited {
background-image: url(navimages/nav_licensing-hn.gif);
}

a.licensing_h:hover {
background-image: url(navimages/nav_licensing-ho.gif);
}

.about_h {
background-repeat: no-repeat;
background-image: url(navimages/nav_about-hn.gif);
position: absolute;
left: 70%;
width: 150px;
height: 150px;
padding: 0;
margin: -75px;
z-index: 20;
}

a.about_h:link {
background-image: url(navimages/nav_about-hn.gif);
}

a.about_h:visited {
background-image: url(navimages/nav_about-hn.gif);
}

a.about_h:hover {
background-image: url(navimages/nav_about-ho.gif);
}

.contact_h {
background-repeat: no-repeat;
background-image: url(navimages/nav_contact-hn.gif);
position: absolute;
left: 90%;
width: 150px;
height: 150px;
padding: 0;
margin: -75px;
z-index: 20;
}

a.contact_h:link {
background-image: url(navimages/nav_contact-hn.gif);
}

a.contact_h:visited {
background-image: url(navimages/nav_contact-hn.gif);
}

a.contact_h:hover {
background-image: url(navimages/nav_contact-ho.gif);
}



/* --------------------------------------------- POP-UP PAGES --------------------------------------------- */

#textureleft {
position: absolute;
top: 0px;
left: 0px;
width: 200px;
height: 600px;
background-image: url(navimages/texture_left.gif);
background-repeat: repeat-y;
margin: 0px
}

#texturebottom {
position: absolute;
top: 400px;
left: 0px;
width: 800px;
height: 100px;
background-image: url(navimages/texture_bot.gif);
background-repeat: repeat-x;
margin: 0px
}

#poptextleft {
position: relative;
top: 15px;
left: 15px;
height: 370px;
width: 175px;
z-index: 20;
}

#poptextbottom {
position: relative;
top: 0px;
left: 215px;
height: 180px;
width: 550px;
z-index: 20;
}

#sampleright {
position: absolute;
top: 0px;
left: 200px;
width: 600px;
height: 500px;
text-align: center;
}

#samplecenter {
position: absolute;
top: 0px;
left: 0px;
width: 800px;
height: 400px;
text-align: center;
}

.prev {
position: absolute;
top: 420px;
left: 10px;
width: 60px;
height: 60px;
background-repeat: no-repeat;
background-image: url(navimages/prev-n.gif);
z-index: 20;
}

a.prev:link {
background-image: url(navimages/prev-n.gif);
}

a.prev:visited {
background-image: url(navimages/prev-n.gif);
}

a.prev:hover {
background-image: url(navimages/prev-o.gif);
}

.next {
position: absolute;
top: 420px;
left: 130px;
width: 60px;
height: 60px;
background-repeat: no-repeat;
background-image: url(navimages/next-n.gif);
z-index: 20;
}

a.next:link {
background-image: url(navimages/next-n.gif);
}

a.next:visited {
background-image: url(navimages/next-n.gif);
}

a.next:hover {
background-image: url(navimages/next-o.gif);
}

.close {
position: absolute;
top: 420px;
left: 70px;
width: 60px;
height: 60px;
background-repeat: no-repeat;
background-image: url(navimages/close-n.gif);
z-index: 20;
}

a.close:link {
background-image: url(navimages/close-n.gif);
}

a.close:visited {
background-image: url(navimages/close-n.gif);
}

a.close:hover {
background-image: url(navimages/close-o.gif);
}