* {margin: 0; padding: 0;}
html, body {height: 99%;}
body {behavior: url("csshover2.htc"); background: #ddd url(images/bg.png) 260px center no-repeat; color: #000; font-family: Arial, Helvetica, Verdana, Geneva, sans-serif; font-size: 16px;}
a {color: #000;}
a:hover {color: #f02; text-decoration: none;}
h1 a {color: #000; text-decoration: none;}
img {border: 0;}
ul {list-style: none;}
.clearboth {clear: both;}
.center {text-align: center;}

::selection {background: #000; color: #f00;}
::-moz-selection {background: #000; color: #f00;}

#header {position: fixed; top: 0; left: 0; 
background: url(images/bg-sidebar.png) top left repeat-y;  width: 100%; height: 100%; z-index: 1000;}

#title {margin: 10px;}

#header-caption {font-size: 12px;}

#navigation {margin: 40px 10px; height: 340px;}
#navigation .category {margin: 10px 0 0;}
#navigation .category a {color: #000; text-decoration: none;}
#navigation .category a:hover {color: #f02; cursor: pointer; cursor: hand;}
#navigation .submenu {margin: 0 0 20px;}
#navigation .submenu li {margin: 5px 0;}
#navigation .submenu li a {margin: -5px 0 0; padding: 0 40px 0; text-decoration: none;}

#photo {position: fixed; top: 0; text-align: center; width: 100%; height: 100%; overflow: hidden; z-index: -10;}

#photos {position: absolute; top: 0; left: 0px; white-space: nowrap; width: 1px; height: 99%;}
#photos img {border-right: 0 solid #fff;}

#footer {position: absolute; bottom: 10px; left: 0; clear: both; color: #000; font-size: 12px; margin: 10px 20px; width: 200px;}
#footer a {color: #444;}