body {
background:#212121;
margin:0;
}

#outer {
position:absolute;
top:50%;
left:0;
width:100%;
height:1px;
}

#inner {
margin-left:-250px;
position:absolute;
top:-150px;
left:50%;
width:580px;
height:300px;
}

.bgtext {
font-size:170px;
position:absolute;
top:50px;
left:-110px;
right:-80px;
}

.bgweb {
font-size:150px;
position:absolute;
top:50px;
left:-200px;
right:-80px;
}

.bgtext,.footertext,.bgweb {
color:#111;
font-family:Georgia, Helvetica, Arial, sans-serif;
cursor:default;
position:absolute;
font-style:italic;
}

.webmaster {
margin-left:-230px;
width:401px;
left:50%;
position:absolute;
margin-top:-10px;
background-image:url(../images/webmaster.png);
height:113px;
}

.footertext {
font-size:12px;
position:absolute;
top:320px;
text-align:center;
width:500px;
}

div#text1,div#text2,div#text3,div#text4,div#text5,div#text6,div#text7,div#text8,div#text9,div#text10 {
color:#353535;
position:absolute;
font-size:2em;
left:-129px;
top:236px;
cursor:default;
}

div#text1 {
font-size:29px;
top:0;
left:0;
}

div#text2 {
font-size:45px;
top:115px;
left:35px;
}

div#text3 {
font-size:35px;
top:100px;
left:340px;
}

div#text4 {
font-size:50px;
top:230px;
left:-25px;
}

div#text5 {
font-size:39px;
top:200px;
left:260px;
}

div#text6 {
font-size:60px;
top:-5px;
left:200px;
}

div#text7 {
font-size:32px;
top:280px;
left:360px;
}

div#text8 {
font-size:36px;
top:245px;
left:-20px;
}

div#text9 {
font-size:40px;
top:140px;
left:-115px;
}

div#text10 {
font-size:50px;
top:120px;
left:-115px;
}

div#text1 a:hover span {
top:-3px;
left:0;
}

div#text2 a:hover span {
top:-10px;
left:0;
}

div#text3 a:hover span {
top:-4px;
left:50px;
}

div#text8 a:hover span {
top:-5px;
left:25px;
}

div#text9 a:hover span,div#text10 a:hover span {
top:-1px;
left:25px;
}

div#inner a:hover,div#inner2 a:hover {
background:none;
cursor:crosshair;
}

div#inner a {
text-decoration:none;
color:#3b3b4f;
font-family:Times, "Times New Roman", serif;
}

div#inner a:hover span {
display:block;
position:relative;
background:none;
font-size:14px;
}

div#content {
position:absolute;
top:-50px;
left:-70px;
width:635px;
height:400px;
overflow:auto;
font-family:Verdana, Helvetica, Arial, sans-serif;
font-size:13px;
color:#effff5;
text-align:justify;
padding-right:8px;
background:none;
background-color:rgba(51,51,51,0.5);
filter:progid: DXImageTransform.Microsoft.gradient(startColorstr=#80333333,endColorstr=#80333333);
zoom:1;
margin:3px 3px 3px 0;
}

div#inner div#content a:hover {
text-decoration:underline;
}

div#close,div#haut {
width:17px;
height:17px;
background:none;
text-align:center;
font-family:Verdana, Helvetica, Arial, sans-serif;
font-weight:700;
font-size:12px;
border:1px solid #222;
}

div#haut {
position:relative;
left:573px;
top:319px;
}

div#close {
position:relative;
left:573px;
top:-47px;
}

div#inner div#close a:hover,div#inner div#haut a:hover {
color:#ff7c11;
cursor:crosshair;
}

div#urltext {
font-family:Verdana, Helvetica, Arial, sans-serif;
font-size:30px;
position:absolute;
top:-87px;
left:-69px;
}

div#content div#titlebar {
border:1px solid #222;
background:#000;
font-weight:400;
color:#ff7c11;
}

.titleblock {
font-family:Verdana, Helvetica, Arial, sans-serif;
font-size:12px;
color:#ff7c11;
border:1px solid #222;
margin:10px 6px 10px 2px;
padding:4px;
}

a img {
border:0;
}

div#text4 a:hover span,div#text5 a:hover span {
left:0;
top:-6px;
}

div#text6 a:hover span,div#text7 a:hover span {
left:0;
top:-4px;
}

div#inner a span,div#inner a:visited span {
display:none;
}

div#inner a:link,div#inner a:visited,div#inner a:hover {
text-decoration:none;
}

div#inner div#close a:link,div#inner div#haut a:link,div#inner div#close a:visited,div#inner div#haut a:visited {
color:#fff;
cursor:default;
}

div#urltext,div#inner div#content a:link,div#inner div#content a:visited,div#inner a:hover,div#inner a:hover span,.titleblock span {
color:#ff7c11;
}

#urltext a:link,#urltext a:visited,#urltext a:hover,#urltext a:active {
color:#444;
}
#sliderWrap {
  width: 118px;
  margin: 0 auto;
}

#slider {
  position: absolute;
  background-image: url(../images/switchcss.png);
  background-repeat: no-repeat;
  background-position: bottom;
  width: 118px;
  height: 170px;
  margin-top: -150px;
  z-index: 2;
  filter: alpha(opacity=75);
  -moz-opacity: 0.75;
  -khtml-opacity: 0.75;
  opacity: 0.75;
}

#slider img {
  border: 0;
  margin-top: 15px;
}

#openCloseWrap {
  margin: 140px 0 0 26px;
}

.first {
  margin-top: 2px;
}

#slider a {
  cursor: pointer;
}

#slider a:active, #slider a:focus {
  outline: none;
}

a.switch0 {
  left: 4px;
  top: 54px;
  display: block;
  width: 48px;
  height: 0;
  padding-top: 50px;
  overflow: hidden;
  position: absolute;/*
	background: #B52525;*/
}

a.switch1 {
  left: 49px;
  top: 56px;
/*	background: #35CFCF; */
  display: block;
  width: 12px;
  height: 0;
  padding-top: 25px;
  overflow: hidden;
  position: absolute;
}

a.switch2 {
  left: 16px;
  top: 26px;
  display: block;
  width: 90px;
  height: 0;
  padding-top: 29px;
  overflow: hidden;
  position: absolute;
/*	background: #24B433; */
}

a.switch3 {
  left: 18px;
  top: 109px;
  display: block;
  width: 80px;
  height: 0;
  padding-top: 25px;
  overflow: hidden;
  position: absolute;
/*	background: #a6D09C; */
}

a.switch4 {
  left: 67px;
  top: 60px;
  display: block;
  width: 48px;
  height: 0;
  padding-top: 51px;
  overflow: hidden;
  position: absolute;
/*background: #9DA9D1; */
}

a.switch5 {
  left: 57px;
  top: 88px;
/*background: #2343B3; */
  display: block;
  width: 12px;
  height: 0;
  padding-top: 21px;
  overflow: hidden;
  position: absolute;
}