/* === Remove everything to start with ======= */
 
 /* link underlines tend to make hypertext less readable, 
   because underlines obscure the shapes of the lower halves of words */
:link,:visited { text-decoration:none }

/* no list-markers by default, since lists are used more often for semantics */
/* ul,ol { list-style:none } */

/* avoid browser default inconsistent heading font-sizes */
/* and pre/code too */
h1,h2,h3,h4,h5,h6,pre,code { font-size:1em; }

/* remove the inconsistent (among browsers) default ul,ol padding or margin  */
/* the default spacing on headings does not match nor align with 
   normal interline spacing at all, so let's get rid of it. */
/* zero out the spacing around pre, form, body, html, p, blockquote as well */
/* form elements are oddly inconsistent, and not quite CSS emulatable. */
/*  nonetheless strip their margin and padding as well */
hr,ul,li,ol,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input
{ margin:0; padding:0 }

p { padding-bottom: 10px; }

/* whoever thought blue linked image borders were a good idea? */
a img,:link img,:visited img { border:none }

table {border-collapse: collapse; }
td { vertical-align: top; }


body {
	background-color: #111111;
}

body, td, th {
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 95%;
	color: #DDDDDD;
}

.grey {
 color: #666666;
}

a {
	color: #AAAAAA;
}

a.menu {
	text-transform: uppercase;
}
a:visited {
	color: #AAAAAA;
}
a:hover {
	color: #FFFFFF;
}

a.s, a.s:visited, a.s:hover {
	color: #FFFFFF;
}





.footer {
	color: #AAAAAA;
	font-size: 80%;
}





 /* === side menu ======= */
 
ul.menu, ul.menu_s {
	list-style: none;
	padding-top: 40px;
}
 
li.menu_item, li.menu_item_s {
	padding-bottom: 10px;
}
 
 
 
 
 /* === black box ======= */

.black_box {
	background-color: #111111;
	width: 370;
	height: 351;
}

div.shadow5 {
	background-image: url("images/shadow_tr.gif");
	padding-right: 20px;
	background-repeat: no-repeat;
	background-position: top right;
}

div.shadow4 {
	background-image: url("images/shadow_br.gif");
	background-repeat: no-repeat;
	padding-bottom: 22px;
	background-position: bottom right;
}

div.shadow3 {
	background-image: url("images/shadow_bl.gif");
	background-repeat: no-repeat;
	background-position: bottom left;
}

div.shadow2 {
	background-image: url("images/shadow_r.gif");
	background-repeat: repeat-y;
	background-position: right;
}

div.shadow1 {
	width: 470px;
	background-image: url("images/shadow_b.gif");
	background-repeat: repeat-x;
	background-position: bottom;
}
/* === image tile ======= */

.image_tile {
	margin-right: 20px;
	margin-bottom: 20px;
	width: 125px;
	height: 125px;
	float: left;
	text-align: center;
	background-repeat: no-repeat;
	background-position: center center;
}