* {margin: 0; padding: 0; border: 0; font-family: Verdana, Arial, sans-serif; }

p, h1, h2, h3, span#copyright { margin: 0 10px; color: #fff; font-weight: normal}
h1, h2, h3, h4 {margin-top: 5px; color: #fffe4b; font-style: italic}

p { font-size: 0.75em; line-height: 1.6em; text-align: justify }
h1 {float: left; font-style: italic; margin-top: 40px; margin-left: 30px; font-size: 1.75em; line-height: 1.75em; letter-spacing: 0.20em}	/* site heading */
h1 a {color: #333; text-decoration: none}
h1 a:hover {color: #333; text-decoration: underline}

h2 { font-size: 1.30em; line-height: 2.40em }	/* site heading */
h3 { font-size: 0.90em; line-height: 1.60em }				/* sub headings */
span#copyright { font-size: 13px; line-height: 35px; color: #000 }


a {color: #00CCFF; text-decoration: none; font-style: italic}
a:hover {color: #fff; text-decoration: underline}

ul, ol {margin: 10px; color: #fff; font-size: 0.70em; line-height: 1.6em}
ul {list-style: square inside}
ol {list-style: decimal inside}
em {font-weight: bold; font-style: normal}

#container{
overflow: auto;
position: absolute;
top:448px;
left:23px;
width:550px;
height:550px;
margin:0px;
background:url(bg.png) transparent;
/*filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='bg.png');*/
}

#content{
width:500px;
/*margin:0px;*/
padding:15px;
padding-bottom:300px;
text-align:left;
}


#container2 {
    position:absolute; 
    top:448px;
    left:575px;
    width:650px; 
    height:424px; 
    margin:0px;
    background:url(bg.png) transparent;
    } 
/* Removing the list bullets and indentation */
#container2 ul {
    padding:0; 
    margin:0; 
    list-style-type:none; 
    } 
/* Remove the images and text from sight */
#container2 a.gallery span {
    position:absolute; 
    width:1px; 
    height:1px; 
    top:5px; 
    left:5px; 
    overflow:hidden; 
    background:#fff;
    }
/* Adding the thumbnail images */
#container2 a.gallery, #container2 a.gallery:visited {
    display:block; 
    text-decoration:none; 
    border:1px solid #000; 
    margin:1px 2px 1px 2px; 
    text-align:left; 
    cursor:default;
    }
/* change the thumbnail border color */
#container2 a.gallery:hover {
    border:1px solid #fff; 
    }
/* styling the :hover span */
#container2 a.gallery:hover span {
    position:absolute; 
    width:402px; 
    height:402px; 
    top:0px; 
    left:23px; 
    color:#fff; 
    background:#000;
    }
#container2 a.gallery:hover img {
    border:1px solid #fff; 
    float:left; 
    margin-right:5px;
    }
#container2 a.slidea {
    background:url(images/p1_t.jpg); 
    height:93px; 
    width:60px;
    }
#container2 a.slideb {
    background:url(images/p2_t.jpg); 
    height:93px; 
    width:60px;
    }
#container2 a.slidec {
    background:url(images/p3_t.jpg); 
    height:93px; 
    width:60px;
    }
#container2 a.slided {
    background:url(images/p4_t.jpg); 
    height:60px; 
    width:93px;
    }
* html #container2 a.slided {
    width:91px; 
    w\idth:93px;
    }
#container2 a.slidee {
    background:url(images/p5_t.jpg); 
    height:60px; 
    width:93px;
    }
#container2 a.slidef {
    background:url(images/p6_t.jpg); 
    height:60px; 
    width:93px;
    }
* html #container2 a.slidef {
    width:91px; 
    w\idth:93px;
    }
#container2 a.slideg {
    background:url(images/p7_t.jpg); 
    height:60px; 
    width:93px;
    }
#container2 a.slideh {
    background:url(images/p8_t.jpg); 
    height:93px; 
    width:60px;
    }
#container2 a.slidei {
    background:url(images/p9_t.jpg); 
    height:93px; 
    width:60px;
    }
#container2 a.slidej {
    background:url(images/p10_t.jpg); 
    height:93px; 
    width:60px;
    }
#container2 a.slidek {
    background:url(images/p11_t.jpg); 
    height:60px; 
    width:93px;
    }
* html #container2 a.slidek {
    width:91px; 
    w\idth:93px;
    }
#container2 a.slidel {
    background:url(images/p12_t.jpg); 
    height:60px; 
    width:93px;
    }
#container2 a.slidem {
    background:url(images/p13_t.jpg); 
    height:60px; 
    width:93px;
    }
#container2 a.sliden {
    background:url(images/p14_t.jpg); 
    height:60px; 
    width:93px;
    }
/* set the size of the unordered list to neatly house the thumbnails */
#container2 ul {
    width:198px; 
    height:550px;
    margin:5px; 
    float:right;
    }
#container2 li {
    float:left;
    }