*{margin:0; padding:0 }
body{background-image:url("../Images/bluebrowndim.gif")
}
p{padding:0 5em 1em 6em
}
ul{padding:40px 0 70px 0; 
}
h2{text-shadow: 1px 1px 1px #f32004;
}
h4{padding:0 0 0 0
}
div {
font-family: helvetica, arial, sans-serif;
border: 6px #f3e292 ridge;
padding: 1em 1em 1em 1em;
margin: 0.25em 1em; 
-moz-border-radius: 15px;
border-radius: 15px;

}

#wrapper{margin:0 auto; font-family:Verdana, Helvetica, Arial, sans-serif; width:960px; background-color:#9cbbd7;
}
#header{background-image:url("../Images/travel-tour-taiwan.jpg"); height:150px; border:none; color:white;
}
#content{height:1070px; background-image:url("../Images/bluebrowndim.gif"); position:relative; z-index:1; padding:36px 0 0 0;
}
#footer{height:50px;  background-color:#dbbb70; color:white
}
#image1{ height:125px; width:113px; background-image:url("../Images/europe.gif ");  background-repeat:no-repeat;  z-index:2; float:left; padding:.1em; 
}
/*#maintext{padding:10px 6px 30px 6px;
}*/
/*#image2{ height:125px; width:113px; background-image:url("../Images/europe.gif");  z-index:4; }
#maintext{padding:4em 4em; 
}*/
#contentfixed{width:130px; height:120px; background-color:yellow; border:1px solid; padding:0 6px; position:fixed; margin:3em 0 0 -4em; z-index:10;
}
#contentimage1{height:150px; width:112px; position:absolute;  top:6em; left:-9em; z-index:2;  
}
#contentimage2{height:150px; width:221px; position:absolute; top:12em; left:-5em; z-index:3;
} 
#contentimage3{height:150px; width:200px; position:absolute; top:16em; left:0em; z-index:4; 
}
#contentimage4{height:150px; width:200px; position:absolute; top:21em; left:-5em; z-index:5; 
}
#contentimage5{height:150px; width:200px; position:absolute; top:26em; left:-11em; z-index:6;
} 
#contentimage6{height:150px; width:200px; position:absolute; top:21em; left:-14em; z-index:7; 
}
#contentimage8{height:150px; width:212px; position:absolute; top:16em; left:-18em; z-index:8;
}
#contentimage7{height:150px; width:200px; position:absolute; top:12em; left:-14em; z-index:9; 
}

a:link {
color: blue; cursor:default;
}
a:visited {
color: red;
}
a:hover {
color: green; cursor:pointer ;
}
a:active {
color: blue;
}

/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.gallerycontainer{
background-color:none;
position: relative;
padding:10px 20px;
width:480px;
Height:600px;
float:right;
border:none;
z-index:10;
/*Add a height attribute and set to largest image's height to prevent overlaying*/
}
.thumbnail img{
border: 1px solid white;
margin: 0 5px 5px 0;
}

.thumbnail:hover{
background-color: transparent;
}
.thumbnail:hover img{
border: 1px solid ;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: #ffff99;
padding: 5px;
left:-400px;
border:1px solid #000066;
visibility: hidden;
color: #000066;
text-decoration: none;
z-index: 100;
}
.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image*/
visibility: visible;
position:absolute; /*top: 6em; left:36em;*/
top: 0;
left: -25em; /*position where enlarged image should offset horizontally */
z-index: 100;
}