body {
margin: 0px;
padding: 0px;
background-image:url('bgs/galleryPAGEmotif.jpg');
background-repeat:repeat-y;
color: #000000;
}

.class1 A:link {text-decoration: none; color: #000000;}
.class1 A:visited {text-decoration: none; color: #000000;}
.class1 A:active {text-decoration: none; color: #000000;}
.class1 A:hover {text-decoration: none; color: #FFFFFF; font-size: 14pt;}

a.opacity img {
-moz-opacity: 0.7;
opacity: 0.7;
filter:alpha(opacity=70);
}

a.opacity:hover img {
-moz-opacity: 1.0;
opacity: 1.0;
filter:alpha(opacity=100);
}

a.screen, a.screen:visited {
color:#c00; 
position:relative; 
z-index:1;
}
a.screen b {
position:absolute;
visibility:hidden; /* hide the image */
width:333px; /* give it a width */
height:0; /* no height to solve an Opera bug that 
             makes it selectable when hidden */
border:1px solid #000; /* add a border */
left:0; /* position:the image */
top:-100px;
}
a.screen:hover {
text-decoration:none; 
border:0; /* needed for this to work in IE */ 
z-index:1000;
}
a.screen:hover b {
visibility:visible; /* make the image visible */
height:264px; /* now give it a height */
cursor:pointer; /* for IE */
z-index:500; 
}
a.screen:hover b img {
border:0; /* remove the link border */
}

a.screen2, a.screen:visited {
color:#c00; 
position:relative; 
z-index:1;
}
a.screen2 b {
position:absolute;
visibility:hidden; /* hide the image */
width:222px; /* give it a width */
height:0; /* no height to solve an Opera bug that 
             makes it selectable when hidden */
border:1px solid #000; /* add a border */
left:-100px; /* position:the image */
top:-200px;
}
a.screen2:hover {
text-decoration:none; 
border:0; /* needed for this to work in IE */ 
z-index:1000;
}
a.screen2:hover b {
visibility:visible; /* make the image visible */
height:297px; /* now give it a height */
cursor:pointer; /* for IE */
z-index:500; 
}
a.screen2:hover b img {
border:0; /* remove the link border */
}

.class2 A:link {text-decoration: none; color: #000000;}
.class2 A:visited {text-decoration: none; color: #000000;}
.class2 A:active {text-decoration: none; color: #000000;}
.class2 A:hover {text-decoration: none; color: #CD3230; font-size: 12pt;}

a img {
border: none;
}

p, ul, ol, li {
font: 10pt "georgia", "courier", "sans-serif";
}

h1 {
font: 12pt "georgia", "courier", "sans-serif";
text-decoration: none;
}

#sw {
position : fixed;
left : 20px;
top : 217px;
height : 79px;
width : 132px;
color : #000000;
}

#sw2d {
position : fixed;
left : 48px;
top : 155px;
height : 62px;
width : 79px;
color : #000000;
}

#sw3d {
position : fixed;
left : 48px;
top : 150px;
height : 62px;
width : 79px;
color : #000000;
}

#swtxt {
position : fixed;
left : 3px;
top : 300px;
height : 178px;
width : 170px;
color : #000000;
font: 11pt "georgia", "courier", "sans-serif";
text-align: center;
}

#HRtxt {
position : fixed;
left : 8px;
top : 470px;
height : 178px;
width : 160px;
color : #000000;
font: 11pt "georgia", "courier", "sans-serif";
text-align: center;
}

#rtxt {
position : fixed;
left : 8px;
top : 450px;
height : 178px;
width : 155px;
color : #000000;
font: 11pt "georgia", "courier", "sans-serif";
text-align: center;
}

#homebutton {
position : fixed;
left : 878px;
top : 543px;
height : 50px;
width : 67px;
color : #000000;
border-left: 1px solid #d4d4d4
}


#content {
position : absolute;
left : 290px;
top : 35px;
width : 560px;
height: 1340px;
color : #000000;
padding : 0px;
margin : 0px;
background-color : transparent;
text-align : left;
border-top : 0px;
border-left : 0px;
border-right : 0px;
border-bottom : 0px;
}

#imgwrap div {
width: 100px;
height: 165px;
border: 0px;
padding: 0px;
margin: 5px;
float: left;

}

#imgwrap2 div {
width: 167px;
height: 100px;
border: 0px;
padding: 0px;
margin: 5px;
float: left;
}

#imgwrap3 div {
width: 100px;
height: 165px;
border: 0px;
padding: 0px;
margin: 5px;
float: left;
}

#imgwrap4 div {
width: 165px;
height: 100px;
border: 0px;
padding: 0px;
margin: 5px;
float: left;
}

#imgwrap5 div {
width: 100px;
height: 125px;
border: 0px;
padding: 0px;
margin: 5px;
float: left;
}

#imgwrap6 div {
width: 169px;
height: 100px;
border: 0px;
padding: 0px;
margin: 5px;
float: left;
}

#imgwrap7 div {
width: 100px;
height: 161px;
border: 0px;
padding: 0px;
margin: 5px;
float: left;
}

#imgwrap8 div {
width: 162px;
height: 100px;
border: 0px;
padding: 0px;
margin: 5px;
float: left;
}

#imgwrap9 div {
width: 159px;
height: 100px;
border: 0px;
padding: 0px;
margin: 5px;
float: left;
}

#imgwrap10 div {
width: 160px;
height: 100px;
border: 0px;
padding: 0px;
margin: 5px;
float: left;
}