/* CSS Document */
#dropmenudiv{
position:absolute;
border: 1px gray dotted;
z-index:100;
margin-left:-11px;
padding:3px;
background:white;

}
*html #dropmenudiv{

margin-left:0px;


}

ul#sub-menu li{ margin-left:-89px;}

*html ul#sub-menu li{ margin-left:0px;}

#dropmenudiv a{
width: 100%;
display: block;
padding: 0;
text-decoration: none;
}

#dropmenudiv a:hover{ /*hover background color*/
background-color: #FFFFFF;
}



.navlist li {
list-style-type: none;
width: 141px;
margin-left:-22px;
padding:0px;
}

*html .navlist li {
width: 141px;
margin-left:0px;
float:right;
}




a#intro2 {background-image: url(/images/buttons/intro.gif); display:block; width:121px; height:26px; margin: 0 auto; }
a#intro2:hover {background-image: url(/images/buttons/about2.gif)}

a#art2 {background-image: url(/images/buttons/art.gif); display:block; width:145px; height:36px; margin: 0 auto; margin-left:-14px!important;}
a#art2:hover {background-image: url(/images/buttons/art2.gif)}

a#science2 {background-image: url(/images/buttons/science.gif); display:block; width:145px; height:36px; margin: 0 auto;margin-left:-14px!important;}
a#science2:hover {background-image: url(/images/buttons/science2.gif)}

a#balance2 {background-image: url(/images/buttons/balance.gif); display:block; width:145px; height:36px; margin: 0 auto;margin-left:-14px!important;}
a#balance2:hover {background-image: url(/images/buttons/balance2.gif)}





a#intro-drop {background-image: url(/images/buttons/intro-drop.gif); display:block; width:134px; height:26px; margin: 0 auto;}
a#intro-drop:hover {background-image: url(/images/buttons/intro-drop2.gif)}

a#art {background-image: url(/images/buttons/art-drop.gif); display:block; width:134px; height:36px; margin: 0 auto;}
a#art:hover {background-image: url(/images/buttons/art-drop2.gif)}

a#science {background-image: url(/images/buttons/science-drop.gif); display:block; width:134px; height:36px; margin: 0 auto;}
a#science:hover {background-image: url(/images/buttons/science-drop2.gif)}

a#balance {background-image: url(/images/buttons/balance-drop.gif); display:block; width:134px; height:36px; margin: 0 auto;}
a#balance:hover {background-image: url(/images/buttons/balance-drop2.gif)}

a#intro {background-image: url(/images/buttons/intro.gif); display:block; width:121px; height:26px; margin: 0 auto;}
a#intro:hover {background-image: url(/images/buttons/intro2.gif)}

a#portfolio {background-image: url(/images/buttons/portfolio.gif); display:block; width:121px; height:26px; margin: 0 auto;}
a#portfolio:hover {background-image: url(/images/buttons/portfolio2.gif)}

a#clients {background-image: url(/images/buttons/clients.gif); display:block; width:121px; height:26px; margin: 0 auto;}
a#clients:hover {background-image: url(/images/buttons/clients2.gif)}

a#media {background-image: url(/images/buttons/media.gif); display:block; width:121px; height:26px; margin: 0 auto;}
a#media:hover {background-image: url(/images/buttons/media2.gif)}

a#contact {background-image:  url(/images/buttons/contact.gif); display:block; width:155px; margin-left:-24px!important; height:42px; margin: 0 auto;}
a#contact:hover {background-image:  url(/images/buttons/contact2.gif);}

*html a#contact {margin-left:-25px!important; }
*html a#ctstore {margin-left:-50px!important;  }


a#ctstore {background-image: url(/images/buttons/ct.gif); display:block; width:180px; height:42px; margin-left:-49px!important;  margin: 0 auto;}
a#ctstore:hover {background-image: url(/images/buttons/ct2.gif);}

a#home {background-image: url(/images/buttons/home.gif); display:block; width:121px; height:26px; margin: 0 auto;}
a#home:hover {background-image: url(/images/buttons/home2.gif)}

a#bio {background-image: url(/images/buttons/bio.gif); display:block; width:121px; height:26px; margin: 0 auto;}
a#bio:hover {background-image: url(/images/buttons/bio2.gif)}

a#email {background-image: url(/images/contact-email.gif); display:block; width:525px; height:48px;  background-repeat:no-repeat; margin: 0 auto; padding-right:;}
a#email:hover {background-image: url(/images/contact-email2.gif)}

a#up {background-image: url(/images/buttons/up.gif); display:block; width:17px; height:10px; margin: 0 auto;}
a#up:hover {background-image: url(/images/buttons/up2.gif)}

a#down {background-image: url(/images/buttons/down.gif); display:block; width:17px; height:10px; margin: 0 auto;}
a#down:hover {background-image: url(/images/buttons/down2.gif)}

a#right {background-image: url(/images/buttons/right.gif); display:block; width:10px; height:15px; margin: 0 auto;}
a#right:hover {background-image: url(/images/buttons/right2.gif)}

a#left {background-image: url(/images/buttons/left.gif); display:block; width:10px; height:15px; margin: 0 auto;}
a#left:hover {background-image: url(/images/buttons/left2.gif)}

a#franklin {background-image: url(/images/buttons/franklin-09.gif); float:right; position:relative; display:inherit; width:124px;  height:56px; margin: 0 auto;}
a#franklin:hover {background-image: url(/images/buttons/franklin-09-2.gif)}

a#blog {background-image: url(/images/buttons/blog.gif); display:block; width:121px; margin-right:0px; height:26px; margin-left:px!important; margin: 0 auto; }
a#blog:hover {background-image: url(/images/buttons/blog2.gif)}


a .alt { display: none; }


*html a:hover .alt { display:block; }