html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, dialog, figure, footer, header,
hgroup, menu, nav, section,
time, mark, audio, video {
       margin:0;
       padding:0;
       border:0;
       outline:0;
       font-size:100%;
       vertical-align:baseline;
       background:transparent;
}
body {
       line-height:1;
}

h1, h2, h3, h4, h5, h6, p { padding:0.5em 0px; }

article, aside, dialog, figure, footer, header,
hgroup, nav, section {
       display:block;
}

nav ul {
       list-style:none;
}

blockquote, q {
       quotes:none;
}

blockquote:before, blockquote:after,
q:before, q:after {
       content:'';
       content:none;
}

a {
       margin:0;
       padding:0;
       border:0;
       font-size:100%;
       vertical-align:baseline;
       background:transparent;
	   outline:none;
}

ins {
       background-color:#ff9;
       color:#000;
       text-decoration:none;
}

mark {
       background-color:#ff9;
       color:#000;
       font-style:italic;
       font-weight:bold;
}

del {
       text-decoration: line-through;
}

abbr[title], dfn[title] {
       border-bottom:1px dotted #000;
       cursor:help;
}

table {
       border-collapse:collapse;
       border-spacing:0;
}

hr {
   display:block;
   height:1px;
   border:0;
   border-top:1px solid #cccccc;
   margin:1em 0;
   padding:0;
}

input, select {
       vertical-align:middle;
}

@font-face { 
  font-family: "Subalde";
  src: url("fontloader.php?font=Subalde-Regular.ttf")
}

@font-face { 
  font-family: "Subalde Bold";
  src: url("fontloader.php?font=SSubalde-Bold.ttf")
}

@font-face { 
  font-family: "Everafter";
  src: url("fontloader.php?font=SEverafter-Regular.ttf")
}

@font-face { 
  font-family: "Everafter Bold";
  src: url("fontloader.php?font=Everafter-Bold.ttf")
}

strong, strong em, em, em strong { font-family: "Subalde Bold", Georgia, Arial, sans-serif; }

#container { width:885px; margin:0px auto; font-family: "Subalde", Georgia, Arial, sans-serif; font-size:14px; color:#666; font-size:15px; }
#container div.links ul { list-style:none; }
#container div.links ul li { float:left; }
#container img.on { display:none; }
#container div.bottom div.logo { float:right; width:350px; }
#container div.bottom { font-size:0px; }
#container div.bottom img.news-extra { position: absolute; z-index:100; margin:97px 0px 0px -106px; display: none; line-height:120%; }
#container div.middle { clear:both; padding:20px 0px 0px 20px; background-position: right; background-repeat: no-repeat; }
#container div.middle h1 { color:#6C1D0E; font-size:19px; font-weight:normal; padding:0.2em 0px; font-family: "Everafter Bold", Georgia, Arial, sans-serif; }
#container div.middle h2 { color:#C13A10; font-size:15px; font-weight:normal; padding:0.2em 0px; font-family: "Everafter Bold", Georgia, Arial, sans-serif; }
#container div.middle h3 { color:#C8520C; font-size:15px; font-weight:normal; padding:0.3em 0px 0.1em 0px; font-family: "Everafter Bold", Georgia, Arial, sans-serif; }
#container div.middle h4 { color:#F79B2E; font-size:12px; font-weight:normal; padding:0em 0px 0.1em 0px; font-family: "Everafter", Georgia, Arial, sans-serif; }
#container div.middle p { padding:0.2em 0px; }
#container div.middle a { color:#CB4C21; text-decoration: none; }
#container div.middle a:hover { text-decoration: underline; }
#container div.middle input[type="text"] { color:#fff; background-color: #CE5013; border:0px; padding:4px; }
#container div.middle form .submit { cursor:pointer; }

#container div.middle ul.main { width:158px; }
#container div.middle ul.main li { list-style:none; padding:2px 0px; border-top:1px dotted #C0A0A3; }
#container div.middle ul.main li a { color:#EE7D03; font-family: "Everafter Bold", Georgia, Arial, sans-serif; }
#container div.middle ul.main li.selected a, #container div.middle ul.main li a:hover { color:#872502; text-decoration: none; }

#container div.middle ul.sub { width:148px; color:#FCD496; list-style: none; }
#container div.middle ul.sub li a { color:#FCD496; }
#container div.middle ul.sub li.selected a, #container div.middle ul.sub li a:hover { color:#D2530C; text-decoration: none; }

#container div.middle span.dots { float:right; font-family:Arial, Helvetica, sans-serif; font-size:24px; color:#F77300; }
#container div.middle span.dots .selected { color:#842D0F; }
#container div.middle span.dots a:hover { text-decoration: none; }

#container div.middle div.visual ul { list-style:none; }
#container div.middle div.visual ul li { display: none; }
#container div.middle div.visual ul li.selected { display:block; }

#container div.middle ul.projects { list-style:none; padding:10px 0px; }
#container div.middle div.window { height:500px; overflow:hidden; }

#container div.middle ul.gallery { list-style:none; }
#container div.middle ul.gallery li { display:none; }
#container div.middle ul.gallery li.selected { display:block; }