body {
margin: 0px;
padding: 0px;
background-image:url('bgs/galleryPAGEmotif.jpg');
background-repeat:repeat-y;
color: #000000;
font: 12pt "georgia", "courier", "sans-serif"
}

.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;}

.Rollover .Out
{
	display:inline;
	visibility:visible;
}
.Rollover .Over
{
	display:none;
	visibility:hidden;
}
.Rollover:hover .Out
{
	display:none;
	visibility:hidden;
}
.Rollover:hover .Over
{
	display:inline;
	visibility:visible;
}


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 */
}

a.screen3, a.screen:visited {
color:#c00; 
position:relative; 
z-index:1;
}
a.screen3 b {
position:absolute;
visibility:hidden; /* hide the image */
width:328px; /* 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.screen3:hover {
text-decoration:none; 
border:0; /* needed for this to work in IE */ 
z-index:1000;
}
a.screen3:hover b {
visibility:visible; /* make the image visible */
height:234px; /* now give it a height */
cursor:pointer; /* for IE */
z-index:500; 
}
a.screen3:hover b img {
border:0; /* remove the link border */
}

a.screen4, a.screen:visited {
color:#c00; 
position:relative; 
z-index:1;
}
a.screen4 b {
position:absolute;
visibility:hidden; /* hide the image */
width:180px; /* 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.screen4:hover {
text-decoration:none; 
border:0; /* needed for this to work in IE */ 
z-index:1000;
}
a.screen4:hover b {
visibility:visible; /* make the image visible */
height:258px; /* now give it a height */
cursor:pointer; /* for IE */
z-index:500; 
}
a.screen4:hover b img {
border:0; /* remove the link border */
}

a img {
border: none;
}

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

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

.left
{
        float: left; /*left in our text*/
        margin: 7px; /*space around the image*/
}

.right
{
         float: right; /*right in our text*/
         margin: 7px; /*space around the image*/
}

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

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

#swtxt {
position : fixed;
left : 3px;
top : 450px;
height : 178px;
width : 170px;
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: 1000px;
color : #000000;
padding : 0px;
margin : 0px;
background-color : transparent;
text-align : left;
border-top : 0px;
border-left : 0px;
border-right : 0px;
border-bottom : 0px;
}

#thumbs {
position : absolute;
width : 500px;
height: 500px;
color : #000000;
padding : 5px;
margin : 0px;
background-color : transparent;
text-align : left;
border-top : 0px;
border-left : 0px;
border-right : 0px;
border-bottom : 0px;
}

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

#imgwrap11 div {
width: 200px;
height: 200px;
border: 0px;
padding: 0px;
margin: 5px;
float: left;
}

#imgwrap12 div {
width: 400px;
height: 300px;
border: 0px;
padding: 0px;
margin: 3px;
float: right;
}
#imgwrap13 div {
width: 100px;
height: 20px;
border: 0px;
padding: 0px;
margin: 5px;
float: right;
}

#imgwrap14 div {
width: 400px;
height: 268px;
border: 0px;
padding: 0px;
margin: 5px;
float: left;
}