/* CSS Document */
body{
text-align:center;
margin:0px;
background-color:#fefff9;

}
#banner2{
background-image:url(../images/2010_bannerTop_2.jpg);
background-repeat:no-repeat;
width:670px;
height:102px;
text-align:left;
vertical-align:bottom;
}
#mainContent{
margin:0 auto 0 auto;
width:890px; 
height:100%;
background-image:url(../images/2010_bg.gif);
background-position:top;
background-repeat:repeat-y;
}
#contentImg{
border:1px solid #999;
}
#portrait{
float:right;
padding:15px;
}
h1{
font-family:"Times New Roman", Times, serif;
font-weight:bold;
font-style:italic;
font-size:22px;
color:#666666;
text-align:center;
}
h2{
font-family:"Times New Roman", Times, serif;
font-weight:bold;
font-style:italic;
font-size:15px;
color:#666666;
}
h3{
font-family:"Times New Roman", Times, serif;
font-weight:bold;
font-style:italic;
font-size:13px;
color:#666666;
}
.creditFont{
font-family:Arial, Helvetica, sans-serif;
font-weight:normal;
font-style:normal;
font-size:9px;
color:#888;
}

#content{
font-family:"Times New Roman", Times, serif;
font-weight:normal;
font-style:italic;
font-size:12px;
color:#666666;
padding-top:15px;
padding-bottom:25px;
}
#contentLeft{
float:left;
width:425px;
vertical-align:top;
}
#contentListLeft{
width:25px;
vertical-align:top;
text-align:left;
}
#contentListLeft ul {
list-style-type:none;
padding:0 0 3 0;
}
#contentListLeft  li {
list-style-type:none;
padding:0 0 3 0;
}
#contentListRight{
text-align:left;
width:500px;
vertical-align:top;
}
#contentListRight ul {
list-style-type:none;
padding:0 0 3 0;
}
#contentListRight  li {
list-style-type:none;
padding:0 0 3 0;
font-style:normal;
}
#contentListSpan{
float:left;
width:800px;
}
#bannerTop{
position:relative;
padding-top:15px;
}
#footer{
background-image:url(../images/2010_footerbg.jpg);
width:890px;
background-position:bottom;
background-repeat:no-repeat;
padding:10px 0 25px 0;
font-family:"Times New Roman", Times, serif;
font-weight:normal;
font-style:italic;
font-size:11px;
color:#666666;
}

/*thumbnail list*/
.thumbnailHolder{
width:200px;
height:auto;
background-color:#CC66FF;
}
.thumbnails{
font-family:"Times New Roman", Times, serif;
font-weight:normal;
font-style:italic;
font-size:16px;
color:#666666;
vertical-align:top;
width:200px;
text-align:center;


}
.borderRight{
border-right:1px solid #ccc;
}

.thumbnails ul{
height:100px;
padding:5px;
display:inline;
}
.thumbnails li{
list-style-type:none;
padding:5px;
}
.thumbnails ul li { float: left; }
/*top navigation*/


#navcontainer
{
width:669px;
height:38px;
margin:0;
padding: 0 0 5px 15px;;
vertical-align:bottom;
}

#navcontainer ul
{
width:700px;
height:38px;
margin: 0px;
padding: 0px;
list-style-type: none;
text-align: left;
}

#navcontainer ul li { float: left; }

#aboutSelected{
background:url(../images/btn_about_over.jpg) no-repeat;
height:38px;
width:149px;
}
#aboutSelected2{
background:url(../images/btn_about_over_2.jpg) no-repeat;
height:35px;
width:146px;
}
#curriculumSelected {
background:url(../images/btn_curriculum_over.jpg) no-repeat;
height:38px;
width:169px;
}

#blogSelected {
background:url(../images/btn_blog_over.jpg) no-repeat;
height:38px;
}

#storeSelected {
background:url(../images/btn_store_over.jpg) no-repeat;
height:38px;
}

#contactSelected {
background:url(../images/btn_contact_over.jpg) no-repeat;
height:38px;
}
#artworkSelected {
background:url(../images/btn_artwork_over.jpg) no-repeat;
width:114px;
height:38px;
}
#artworkSelected2 {
background:url(../images/btn_artwork_over_2.jpg) no-repeat;
width:105px;
height:35px;
}
/*buttons for Familiar Creatures*/

#btn_circusBird_all {
background:url(../images/creatures/btn_circusBird_all.jpg) no-repeat top;
width:50px;
height:50px;
overflow:hidden;
float:left;
margin:0;
}

#btn_circusBird_all:hover, btn_circusBird.sfhover{
background:url(../images/creatures/btn_circusBird_all.jpg) no-repeat bottom;
width:50px;
height:50px;
overflow:hidden;
float:left;
}

#btn_comrades_all {
background:url(../images/creatures/btn_comrades_all.jpg) no-repeat top;
width:50px;
height:50px;
overflow:hidden;
float:left;
margin:0;
}

#btn_comrades_all:hover, btn_comrades_all.sfhover{
background:url(../images/creatures/btn_comrades_all.jpg) no-repeat bottom;
width:50px;
height:50px;
overflow:hidden;
float:left;
}

#btn_creature_all {
background:url(../images/creatures/btn_creature_all.jpg) no-repeat top;
width:50px;
height:50px;
overflow:hidden;
float:left;
margin:0;
}

#btn_creature_all:hover, btn_creature_all.sfhover{
background:url(../images/creatures/btn_creature_all.jpg) no-repeat bottom;
width:50px;
height:50px;
overflow:hidden;
float:left;
}

#btn_firesideTales_all {
background:url(../images/creatures/btn_firesideTales_all.jpg) no-repeat top;
width:50px;
height:50px;
overflow:hidden;
float:left;
margin:0;
}

#btn_firesideTales_all:hover, btn_firesideTales_all.sfhover{
background:url(../images/creatures/btn_firesideTales_all.jpg) no-repeat bottom;
width:50px;
height:50px;
overflow:hidden;
float:left;
}

#btn_frogForest_all{
background:url(../images/creatures/btn_frogForest_all.jpg) no-repeat top;
width:50px;
height:50px;
overflow:hidden;
float:left;
margin:0;
}

#btn_frogForest_all:hover, btn_frogForest_all.sfhover{
background:url(../images/creatures/btn_frogForest_all.jpg) no-repeat bottom;
width:50px;
height:50px;
overflow:hidden;
float:left;
}

#btn_housemantes_all{
background:url(../images/creatures/btn_housemantes_all.jpg) no-repeat top;
width:50px;
height:50px;
overflow:hidden;
float:left;
margin:0;
}

#btn_housemantes_all:hover, btn_housemantes_all.sfhover{
background:url(../images/creatures/btn_housemantes_all.jpg) no-repeat bottom;
width:50px;
height:50px;
overflow:hidden;
float:left;
}
#btn_lizardsandwich_all{
background:url(../images/creatures/btn_lizardsandwich_all.jpg) no-repeat top;
width:50px;
height:50px;
overflow:hidden;
float:left;
margin:0;
}

#btn_lizardsandwich_all:hover, btn_lizardsandwich_all.sfhover{
background:url(../images/creatures/btn_lizardsandwich_all.jpg) no-repeat bottom;
width:50px;
height:50px;
overflow:hidden;
float:left;
}

#btn_reading_field_all{
background:url(../images/creatures/btn_reading_field_all.jpg) no-repeat top;
width:50px;
height:50px;
overflow:hidden;
float:left;
margin:0;
}

#btn_reading_field_all:hover, btn_reading_field_all.sfhover{
background:url(../images/creatures/btn_reading_field_all.jpg) no-repeat bottom;
width:50px;
height:50px;
overflow:hidden;
float:left;
}

#btn_trafficDay_all{
background:url(../images/creatures/btn_trafficDay_all.jpg) no-repeat top;
width:50px;
height:50px;
overflow:hidden;
float:left;
margin:0;
}

#btn_trafficDay_all:hover, btn_trafficDay_all.sfhover{
background:url(../images/creatures/btn_trafficDay_all.jpg) no-repeat bottom;
width:50px;
height:50px;
overflow:hidden;
float:left;
}

#btn_readingRoom_all{
background:url(../images/creatures/btn_readingRoom_all.jpg) no-repeat top;
width:50px;
height:50px;
overflow:hidden;
float:left;
margin:0;
}
#btn_readingRoom_all:hover, btn_readingRoom_all.sfhover{
background:url(../images/creatures/btn_readingRoom_all.jpg) no-repeat bottom;
width:50px;
height:50px;
overflow:hidden;
float:left;
}
/*buttons for aquarium*/


#btn_arrival_all {
background:url(../images/aquarium/btn_arrival_all.jpg) no-repeat top;
width:50px;
height:50px;
overflow:hidden;
float:left;
margin:0;
}

#btn_arrival_all:hover, btn_arrival_all.sfhover{
background:url(../images/aquarium/btn_arrival_all.jpg) no-repeat bottom;
width:50px;
height:50px;
overflow:hidden;
float:left;
}


#btn_curiousSquid_all {
background:url(../images/aquarium/btn_curiousSquid_all.jpg) no-repeat top;
width:50px;
height:50px;
overflow:hidden;
float:left;
margin:0;
}

#btn_curiousSquid_all:hover, btn_curiousSquid_all.sfhover{
background:url(../images/aquarium/btn_curiousSquid_all.jpg) no-repeat bottom;
width:50px;
height:50px;
overflow:hidden;
float:left;
}

#btn_geraniumFish_all {
background:url(../images/aquarium/btn_geraniumFish_all.jpg) no-repeat top;
width:50px;
height:50px;
overflow:hidden;
float:left;
margin:0;
}

#btn_geraniumFish_all:hover, btn_geraniumFish_all.sfhover{
background:url(../images/aquarium/btn_geraniumFish_all.jpg) no-repeat bottom;
width:50px;
height:50px;
overflow:hidden;
float:left;
}


#btn_grapefish_all {
background:url(../images/aquarium/btn_grapefish_all.jpg) no-repeat top;
width:50px;
height:50px;
overflow:hidden;
float:left;
margin:0;
}

#btn_grapefish_all:hover, btn_grapefish_all.sfhover{
background:url(../images/aquarium/btn_grapefish_all.jpg) no-repeat bottom;
width:50px;
height:50px;
overflow:hidden;
float:left;
}



#btn_hatchingGround1_all {
background:url(../images/aquarium/btn_hatchingGround1_all.jpg) no-repeat top;
width:50px;
height:50px;
overflow:hidden;
float:left;
margin:0;
}

#btn_hatchingGround1_all:hover, btn_hatchingGround1_all.sfhover{
background:url(../images/aquarium/btn_hatchingGround1_all.jpg) no-repeat bottom;
width:50px;
height:50px;
overflow:hidden;
float:left;
}

#btn_hatchingGround2_all {
background:url(../images/aquarium/btn_hatchingGround2_all.jpg) no-repeat top;
width:50px;
height:50px;
overflow:hidden;
float:left;
margin:0;
}

#btn_hatchingGround2_all:hover, btn_hatchingGround2_all.sfhover{
background:url(../images/aquarium/btn_hatchingGround2_all.jpg) no-repeat bottom;
width:50px;
height:50px;
overflow:hidden;
float:left;
}

#btn_litFromWithin_all {
background:url(../images/aquarium/btn_litFromWithin_all.jpg) no-repeat top;
width:50px;
height:50px;
overflow:hidden;
float:left;
margin:0;
}

#btn_litFromWithin_all:hover, btn_litFromWithin_all.sfhover{
background:url(../images/aquarium/btn_litFromWithin_all.jpg) no-repeat bottom;
width:50px;
height:50px;
overflow:hidden;
float:left;
}

#btn_reefsEdge_all {
background:url(../images/aquarium/btn_reefsEdge_all.jpg) no-repeat top;
width:50px;
height:50px;
overflow:hidden;
float:left;
margin:0;
}

#btn_reefsEdge_all:hover, btn_reefsEdge_all.sfhover{
background:url(../images/aquarium/btn_reefsEdge_all.jpg) no-repeat bottom;
width:50px;
height:50px;
overflow:hidden;
float:left;
}

#btn_treeOfLife_all {
background:url(../images/aquarium/btn_treeOfLife_all.jpg) no-repeat top;
width:50px;
height:50px;
overflow:hidden;
float:left;
margin:0;
}

#btn_treeOfLife_all:hover, btn_treeOfLife_all.sfhover{
background:url(../images/aquarium/btn_treeOfLife_all.jpg) no-repeat bottom;
width:50px;
height:50px;
overflow:hidden;
float:left;
}

/*buttons for Mode De Monstre*/

#btn_amsterdamFlyer_all {
background:url(../images/mode/btn_amsterdamFlyer_all.jpg) no-repeat top;
width:50px;
height:50px;
overflow:hidden;
float:left;
margin:0;
}

#btn_amsterdamFlyer_all:hover, btn_amsterdamFlyer_all.sfhover{
background:url(../images/mode/btn_amsterdamFlyer_all.jpg) no-repeat bottom;
width:50px;
height:50px;
overflow:hidden;
float:left;
}

#btn_cityWear_all {
background:url(../images/mode/btn_cityWear_all.jpg) no-repeat top;
width:50px;
height:50px;
overflow:hidden;
float:left;
margin:0;
}

#btn_cityWear_all:hover, btn_cityWear_all.sfhover{
background:url(../images/mode/btn_cityWear_all.jpg) no-repeat bottom;
width:50px;
height:50px;
overflow:hidden;
float:left;
}

#btn_modeDeMonstre_all {
background:url(../images/mode/btn_modeDeMonstre_all.jpg) no-repeat top;
width:50px;
height:50px;
overflow:hidden;
float:left;
margin:0;
}

#btn_modeDeMonstre_all:hover, btn_modeDeMonstre_all.sfhover{
background:url(../images/mode/btn_modeDeMonstre_all.jpg) no-repeat bottom;
width:50px;
height:50px;
overflow:hidden;
float:left;
}

#btn_robeDeBouche_all {
background:url(../images/mode/btn_robeDeBouche_all.jpg) no-repeat top;
width:50px;
height:50px;
overflow:hidden;
float:left;
margin:0;
}

#btn_robeDeBouche_all:hover, btn_robeDeBouche_all.sfhover{
background:url(../images/mode/btn_robeDeBouche_all.jpg) no-repeat bottom;
width:50px;
height:50px;
overflow:hidden;
float:left;
}

#btn_robeDeGlobeOculaire_all {
background:url(../images/mode/btn_robeDeGlobeOculaire_all.jpg) no-repeat top;
width:50px;
height:50px;
overflow:hidden;
float:left;
margin:0;
}

#btn_robeDeGlobeOculaire_all:hover, btn_robeDeGlobeOculaire_all.sfhover{
background:url(../images/mode/btn_robeDeGlobeOculaire_all.jpg) no-repeat bottom;
width:50px;
height:50px;
overflow:hidden;
float:left;
}



#btn_finAndFeather_all {
background:url(../images/mode/btn_finAndFeather_all.jpg) no-repeat top;
width:50px;
height:50px;
overflow:hidden;
float:left;
margin:0;
}

#btn_finAndFeather_all:hover, btn_finAndFeather_all.sfhover{
background:url(../images/mode/btn_finAndFeather_all.jpg) no-repeat bottom;
width:50px;
height:50px;
overflow:hidden;
float:left;
}
/*contentlinks*/
a{
color:#8F7A64;
text-decoration:none;
}
a:link{
color:#8F7A64;
text-decoration:underline;

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