* :focus { outline: 0; }

html {
	height:100%;
	overflow:hidden;
}

body {
	font-family:"Courier New", Courier, monospace;
	font-size:12px;
	font-weight:bold;
	height:100%;
	margin: 0px;
}

a:link {
 color : Black;
 text-decoration: none;
}

a:visited {
 color : Black;
 text-decoration: none;
}

a:hover {
 color : #00a6c3;
 text-decoration : none;
}

a:active {
 text-decoration: none;
}

#content {
	position:relative;
	text-align:center;
	height:79%;
	margin: 10px auto;
	overflow:auto;
}

#navigation {
	height:19%;
	margin: 10px 70px;
}

#cat {
	display:inline-block;
	width:150px;
	float:left;
}

#gallery {
	display:inline-block;
	float:left;
	display:none;
}

.visible-gallery {
	display:inline-block;
	float:left;
	margin: 0px 5px;
}

#thumb {
	display:inline-block;
	float:left;
	border:thin;
	border-color:#ccc;
	border-style:solid;
	margin:5px;
	padding:1px;
}

#thumb:hover {
	border:thin;
	border-color:#00a6c3;
	border-style:solid;
}

#nav_thumbs {
	position:absolute;
	bottom:0px;
	text-align:left;
	margin: 0px 70px;
}

#loader {
	position:relative;
	height:90%;
	background:url(../images/spinner.gif) center no-repeat;
}

img {
	display:none;
}

#nav_thumbs img {
	display:inline;
}

li {
	list-style:none;
}