html, body, div, span,
h1, h2, h3, h4, h5, h6, p,
a, img, strong, ul, li {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
ol, ul {
	list-style: none;
}

/* Define the focus ! */
:focus {
	outline: 0;
}



/* Init:Expr Website Main Css */

body {
position:absolute;
width:100%;
min-width:590px;
padding: 0;
color: #EEE;
background-color: #222;
text-align: center;
font-family: "Trebuchet MS", Verdana, Arial;
}

a { text-decoration: none; }
a:link { color: #777; }
a:visited { color: #333; }
a:hover { color: #AAA; }
a:active { color: #CCC; }
a:focus { color: #CCC; }
a img { border: 0px; }


/* Website Root Module */

#site {
position: relative;
height: 92%;
margin: 0;
color: #000;
background-color: #777;
background-image: url(exprinit_web_fond.png);
background-repeat: repeat;
border-top: 4px #222 solid;
border-bottom: 5px #111 solid;
}


/* Main Media Module */

#display { 
position: relative;
border-top:1px solid #999;
padding: 30px 0 30px 0;
background-image:url(../bonus/exprinit_web_bonus.gif);
background-position: center;
background-repeat:no-repeat;
}


/* Main Media Module - Presentation */

#display_layer { position:relative; }


/* Main Media Module - Titles */

#display_layer h1 {
font-size: 400%;
color: #333;
text-shadow: 0px 2px 2px #888;
}


/* Main Media Module - Actions */

#display_layer a:hover img  {
filter:alpha(opacity=90);
opacity:0.9;
}
#display_layer a:active img , #display a:focus img {
filter:alpha(opcaity=80);
opacity:0.8;
}


/* Main Media Module - END */

/* Transition Module */

#transition_display_info {
position: relative;
top:-35px;
margin: 0 0 -35px 0;
height: 35px;
background-color: transparent;
background-image: url(../exprinit/exprinit_web_transition.png);
background-repeat: no-repeat;
background-position: top center;
}


/* Transition Module - END */

/* Information Module */

#information {
position: relative;
width:100%;
padding: 20px 0;
color: #777;
background-color: #888;
border-top: 10px solid #DDD;
}
html>body #information {
background-color: rgba(200, 200, 200, 0.5);
border-top: 10px solid rgba(255, 255, 255, 0.8);
}


/* Information Module - Presentation */

#information_layer {
position:relative;
width: 520px;
margin: 0 auto 0 auto;
padding: 3px;
font-size: 75%;
text-align: center;
color: #777;
background-color: #FFF;
border: 3px #BBB solid;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-moz-box-shadow: 0 2px 20px #FFF , inset 0 2px 50px #DDD;
-webkit-box-shadow: 0 2px 20px #FFF;
}


/* Information Module - Titles */

#information_layer h1 {
font-size: 350%;
line-height:70%;
color: #333;
padding: 10px 0 5px 0;
text-shadow: 0px 2px 2px #888;
padding: 0 0 -3px 0; margin: 0 0 3px;
}
#information_layer h1 a { text-decoration:none; }

#information_layer h3 {
font-size: 190%;
line-height: 140%;
padding: 5px 0 5px 0;
margin: 0 30px;
background-color:#FAFAFA;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
}


#information_layer h4 {
font-size:120%;
text-shadow: 0px 0px 3px #555;
line-height: 170%;
}

#information_layer h2 {
color:#888;
font-size:80%;
padding: 0 0 10px 0;
}


/* Information Module - Structure */

#headname {
padding: 10px 0 0 0;
}

#rub a {
line-height:170%;
text-decoration: underline;
padding: 1px 4px 3px 4px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}
#rub a:link { color: #111; font-height: 900;}
#rub a:visited { color: #222; }
#rub a:active { color: #CCC; }
#rub a:hover , #rub a:focus { 
color: #AAA;
background-color: #333;
border: 2px #EEE solid;
margin: 0 -2px;
-moz-box-shadow: 0px 1px 10px #FFF;
-webkit-box-shadow: 0px 1px 10px #FFF;
}
#rub p {
line-height:140%;
}

#rub1 , #rub2 , #rub3 { 
margin: 5px 0 0 0;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
padding : 5px 20px 15px 20px;
}
#rub1 {
color: #111;
background-color: #EEE;
}
#rub2 {
color: #222;
background-color: #CCC;
-moz-box-shadow: inset 0 30px 50px #DDD;
-webkit-box-shadow: inset 0 30px 50px #DDD;
}
#rub3 {
color: #333;
background-color: #AAA;
-moz-box-shadow: inset 0 30px 50px #BBB;
-webkit-box-shadow: inset 0 30px 50px #BBB;
}

#feet {
margin: 5px 0 2px 0;
padding: 5px;
color: #AAA;
background-color: #222;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-moz-box-shadow: inset 0 -30px 50px #000;
-webkit-box-shadow: inset 0 -30px 50px #000;
}
#feet img { 
filter:alpha(opacity=50);
opacity: 0.5;
}
#feet a:hover img , #feet a:focus img { 
filter:alpha(opacity=100);
opacity: 1;
}
#feet a:active img { 
filter:alpha(opacity=70);
opacity: 0.7;
}


/* Information Module - END */

/* Favicon Module */

.favicon { position:relative; top:3px; }


/* Favicon Module - END */

/* PAGE TOP Module */

.page_top {position:absolute;right:0px;visibility:hidden;}
.page_top img {
position:relative;
margin: -30px -55px  0 0;
filter:alpha(opacity=50);
opacity: 0.5;
}
.page_top img:hover , .page_top img:focus { 
filter:alpha(opacity=100);
opacity: 1;
}
.page_top img:active { 
filter:alpha(opacity=80);
opacity: 0.8;
}

#information:hover .page_top {visibility:visible;}


/* PAGE TOP Module - END*/


/* Init:Expr Website Main Css - END */