@import url(../type/stylesheet.css);
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; }



/* Sirill Website Main Css */

html , body {
width: 100%;
height: 100%;
}

body {
position: relative;
min-height: 590px;
min-width:1400px;
color: #FFF;
background: #000;
font-size: 12px;
font-family: "Trebuchet MS", Verdana, Arial;
}

a { color: #EEE; }
a:hover , a:focus {color: #BBB;}
a:active {color: #FFF;}


/* Website Root Module */

#site {
width:100%;
min-width:1400px;
background: #000 url(background/sirill_web_background_cinema-cloud.png) no-repeat center;
}

@media screen and (min-height: 700px ) { #site {
height:100%; } }


/* Main Navigation Module */

#menu {
z-index: 10;
position: relative;
min-width: 850px;
height: 70px;
padding: 0 0 3px 0;
margin: 0 auto 0 auto;
font-family: 'CabinMedium';
font-size: 210%;
font-weight:normal;
font-stretch:normal;
text-transform: capitalize;
text-align:center;
color: #FFF;
}

#menu:hover ul { visibility:visible; }
#menu ul {
white-space: nowrap;
visibility:visible;
cursor:default;
position: relative;
text-align: center;
width:100%;
height:40px;
background: #111 url(background/sirill_web_background_content.png);
border-top: 0px solid #000;
padding: 11px 0 0 0;
}
#menu ul li {
display:inline;
padding: 4px 0 3px 0; 
}

#menu strong {
cursor:default;
padding: 10px 28px 16px;
margin: 0 -1px ;
color: #000;
background: #FFF url(background/sirill_web_background_menu_light.png);
border: 2px solid #DDD;
border-top: 1px solid #DDD;
border-bottom: 3px solid #DDD; 
-moz-border-radius-bottomleft: 10px;
-moz-border-radius-bottomright: 10px;
-webkit-border-bottom-left-radius: 10px; 
-webkit-border-bottom-right-radius: 10px;
border-radius-bottomleft: 10px;
border-radius-bottomright: 10px;
text-shadow: 0 0 2px #888;
}

#menu a {
padding: 10px 28px 16px;
margin: 0 -4px ;
text-decoration:none;
color: #FFF;
background: #444 url(background/sirill_web_background_menu_dark.png);
border: 1px solid #000;
-moz-border-radius-bottomleft: 7px;
-moz-border-radius-bottomright: 7px;
-webkit-border-bottom-left-radius: 7px; 
-webkit-border-bottom-right-radius: 7px;
border-radius-bottomleft: 7px;
border-radius-bottomright: 7px;
text-shadow: 0 0 2px #CCC;
transition: opacity .8s linear;
-webkit-transition: opacity .8s linear;
-moz-transition: opacity .8s linear;
-o-transition: opacity .8s linear;
}
#menu a:link { color: #FFF; }
#menu a:visited { color: #FFF;}
#menu a:hover , #menu a:focus {
filter:alpha(opacity=70);
opacity: .7;
transition: opacity .2s linear;
-webkit-transition: opacity .2s linear;
-moz-transition: opacity .4s linear;
-o-transition: opacity .4s linear;
}
#menu a:active { 
border-bottom: 1px solid #000;
filter:alpha(opacity=40);
opacity: .4;
transition: opacity .5s linear;
-webkit-transition: opacity .5s linear;
-moz-transition: opacity .5s linear;
-o-transition: opacity .5s linear;
}
.navig_home , .navig_gallery , .navig_correspondances , .navig_sound , .navig_videos , .navig_photos , .navig_links , .navig_contact { }
#navig_shop_id a { background-image: url(background/sirill_web_background_menu_dark-active.png); }


/* Main Navigation Module - END */


/* Main Media Module */

#display {
white-space: nowrap;
overflow:visible;
z-index: 1;
width:100%;
position: relative;
padding: 0;
margin: 0 0 10px 0;
text-align: center;
color: #FFF;
}

@media screen and (min-height: 700px ) { #site #display { 
position: absolute;
top: 50%; 
height:590px;
margin: -285px 0 10px 0; } }


/* Main Media Module - Presentation */

#display_layer {
position: relative;
width:100%;
min-height: 590px;
margin: 0 auto 0 auto;
background: no-repeat top center;
}

@media screen and (max-height: 480px ) { #site #display_layer { background-image: none; } }


/* Main Media Module - CENTRAL SYSTEM */

#display_layer h1 { 
display: inline;
font-size:300%;
line-height:300%;
color:#EEE;
}
#display_layer h1 a:focus img { 
filter:alpha(opacity=90);
opacity: .9; 
}
#display_layer h1 a:active img { 
filter:alpha(opacity=100);
opacity: 1; 
}


/* Main Media Module - CENTRAL NAVIGATION SYSTEM */

.display_navigation_left, .display_navigation_right {
display:-moz-inline-stack;
display:inline-block;
vertical-align:top;
padding: 255px 0 255px 0;
font-size:120%;
}
.display_navigation_left img , display_navigation_right img {
filter:alpha(opacity=100);
opacity: 1;
}
.display_navigation_left:hover img , .display_navigation_right:hover img {
filter:alpha(opacity=70);
opacity: .7; 
}
.display_navigation_left:active img , .display_navigation_right:active img , .display_navigation_left:focus img , .display_navigation_right:focus img {
filter:alpha(opacity=50);
opacity: .5; 
}


/* Main Media Module - Animation */

#display_layer {-webkit-animation-duration: 1s;-webkit-animation-name: fadein}
@-webkit-keyframes fadein {from {opacity: 0} to {opacity:1} }
#display_layer {-moz-animation-duration: 1s;-moz-animation-name: fadein}
@-moz-keyframes fadein {from {opacity: 0} to {opacity:1} }
#display_layer {animation-duration: 1s;animation-name: fadein}
@keyframes fadein {from {opacity: 0} to {opacity:1} }


/* Main Media Module - END */

/* Transition Module */

#transition_display_info {
position: relative;
height: 0%;
background: url(background/sirill_web_background_flash-bottom.png) repeat-x bottom;
border-bottom: 5px solid #000; 
}

@media screen and (min-height: 700px ) { #site #transition_display_info {
margin: -83px auto 0 auto;
height: 100%;
min-height: 590px;
} }

/* Transition Module - END */

/* Information Module */

#information {
position:relative;
z-index: 2;
width:100%;
}
@media screen and (min-height: 700px ) { #site #information {
height: 70px;
margin: -73px auto 0 auto;
} }

/* Information Module - Presentation */

#information_layer {
visibility:visible;
position: relative;
min-width: 840px;
padding: 6px 3px 7px 4px;
margin: 0 auto 0 auto;
text-align:center;
font-size: 100%;
font-weight:900;
font-stretch:wider;
text-decoration:none;
color: #BBB;
background: #111 url(background/sirill_web_background_content.png);
border-top: 1px solid #111;
border-bottom: 0px solid #000;
}
@media screen and (min-height: 700px ) { #site #information_layer {

top: 20px;
}
}

#information:hover #information_layer { 
visibility:visible;
}

#information_layer h2 {
font-family: 'CabinBold';
font-size: 180%;
line-height: 140%;
color: #EEE;
text-shadow: 0 0 10px #CCC;
}
#information_layer h2 a {text-decoration:none;}
#information_layer a {
color: #EEE; 
padding:0 5px 3px 5px;
}
#information_layer a:hover , #information_layer a:focus {color: #BBB;}
#information_layer a:active {color: #FFF;}
#information_layer a:focus {
color:#BBB;
background: #000;
-moz-border-radius: 2px;
-webkit-border-radius: 2px; 
border-radius: 2px; 
}
#information_layer p {
width:95%;
margin:0 auto;
}

/* Information Module - END */

/* Favicon Module */

html>body .favicon { position:relative; top:1px; padding:0px; margin:-3px; line-height:0; }

/* Favicon Module - END */


/* Sirill Website Main Css - END */