html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}



/* Blidst Website Main Css */
html, body {
background-color: #222;
color: #000;
text-align: center;
font-family: "Trebuchet MS", Verdana, Arial;
width:100%;
height:100%;
}



#site {
position: absolute;
padding: 0;
width:100%;
width: 2300px;
font-size: 11px;
text-align: center;
height:97%;
min-height:500px;
border-top: 4px solid #FFF;
border-bottom:10px solid #FFF;
color: #000;
background-color:#AAA;
background-image : url(background/blidst_web_background_cloud.gif); 
background-repeat: repeat;
}

#menu {
z-index: 1;
position:fixed;
min-width: 800px;
width:100%;
padding: 10px 0 12px 0;
font-size: 140%;
font-weight: 500;
text-align: center;
color: #777;
background-color: #EEEEEE;
background-image : url(background/blidst_web_background_menu.png);
background-repeat: repeat;
border-top: 1px solid #BBB;
border-bottom: 2px solid #BBB;
}



#menu a { text-decoration: none; }	
#menu a:link { color: #111;  }
#menu a:visited { color: #111; }
#menu a:hover { color: #222; text-decoration: underline; }
#menu a:active { color: #333; }
#menu a:focus { color: #444; text-decoration: underline; }
#menu strong { font-weight:900; }

#menu ul {
position: relative;
text-align: center;
cursor:default;
}
#menu ul li {
display:inline;
text-transform : capitalize; 
padding: 3px 5px 4px 5px;
-moz-border-radius: 7px;
-webkit-border-radius: 7px; 
-moz-box-shadow: 0 1px 5px rgba(100,100,100,0.5);
-webkit-box-shadow: 0 1px 5px rgba(100,100,100,0.5);
}

#navig_home_id { color: #FFF; background-color: #777; border:1px solid #555;}
#navig_home_id:hover { color: #FFF; background-color: #888; }
#navig_home_id:active { color: #FFF; background-color: #777; }
#navig_home_id a:hover { text-decoration: underline; }
#navig_home_id a:link , #navig_home_id a:visited { color:#FFF; } 
#navig_home_id a:focus , #navig_home_id a:active { color:#CCC; text-decoration: underline; }

.navig_design , .navig_motion , .navig_illustration , .navig_painting , .navig_photo , .navig_volume , .navig_text , .navig_street , .navig_love , .navig_classic { color: #555; background-color: #DDD;  border:1px solid #BBB;}

.navig_design:hover , .navig_motion:hover , .navig_illustration:hover , .navig_painting:hover , .navig_photo:hover , .navig_volume:hover , .navig_text:hover , .navig_street:hover , .navig_love:hover , .navig_classic:hover { color: #555; background-color: #FFF; }

.navig_design:active , .navig_motion:active , .navig_illustration:active , .navig_painting:active , .navig_photo:active , .navig_volume:active , .navig_text:active , .navig_street:active , .navig_love:active , .navig_classic:active { color: #555; background-color: #EEE; }

.navig_special  { color: #EEE; background-color: #555; font-weight:900;  border:1px solid #333;  }

.navig_selected { color: #111; background-color: #BBB; border:1px solid #999; }
.navig_selected a:link , .navig_selected a:visited { color:#FFF; } 
.navig_selected:active { color: #555; background-color: #AAA; }



#display {
border-top: 1px solid #BBB;
position: relative;
margin: 0;
height:500px;
padding: 0;
font-size: 11px;
text-align: center;
background-image: url(../bonus/bonus_longfleuve.gif);
background-repeat: no-repeat;
background-position: 0 120px;
}

#display a:hover img {
filter:alpha(opacity=80);
opacity: 0.8; 
}
#display a:active img , #display a:focus img {
filter:alpha(opacity=80);
opacity: 0.8; 
}
#display_layer { position:relative; top: 170px; }