/**
 * ==========================================================================
 * Copyright © 2009 Jörn P. Meier
 * All rights reserved.
 * webmaster@ionflux.org
 * --------------------------------------------------------------------------
 * ionflux.css          Ionflux.org styles.
 * ==========================================================================
 */

body {
    background-color: #101011;
    color: #4f4f4a;
    font-size: 13px;
    font-family: Bitstream Vera Sans,Verdana,Arial,sans-serif;
    padding: 0;
    margin: 0;
    overflow: auto;
}
img {
    border: 0;
    margin: 0;
    padding: 0;
}
/* ----- default links ----- */
a:link {
	color: #8a876c;
	text-decoration: none;
}
a:active {
	color: #8a876c;
	text-decoration: underline;
}
a:visited {
	color: #8a876c;
	text-decoration: none;
}
a:link:hover, a:visited:hover {
	color: #f5f5cb;
	text-decoration: underline;
}
/* ------ main styles ------ */
div#main {
    padding: 0;
    margin: 0;
    position: relative;
    /* border: 1px solid #00ff00; */
}
div#pageID {
    display: none;
    width: 0;
    height: 0;
}
div#infoBox {
    position: absolute;
    border: 1px solid #3a676f;
    background-color: #252527;
    color: #afd6dd;
    overflow: auto;
    font-size: 10px;
}
div#footer {
    color: #4a4a45;
    font-size: 85%;
    margin: 20px 0px 0px 0px;
}
.footer {
    color: #4a4a45;
    font-size: 85%;
}
div.infoItem {
    padding: 0px 0px 2px 5px;
}
p {
    margin: 0em 0em 1em 0em;
}
p.imageViewCaption {
    padding: 0;
    margin: 2px 0px 2px 0px;
    font-size: 90%;
    color: #5d5d57;
}
p.imageViewCopyrightNotice {
    padding: 0;
    margin: 2px 0px 2px 0px;
    font-size: 60%;
}
ul.vList {
	list-style-position: inside;
	list-style-type: square;
	padding-left: 2em;
}
li.vList {
	margin: 0em 0em 0.5em 0em;
}
h1 {
    font-size: 110%;
    font-weight: bold;
    margin: 0em 0em 1em 0em;
}
div#pageBox {
    position: absolute;
    left: 160px;
    top: 81px;
    margin: 0px 100px 50px 20px;
    padding: 20px 0px 50px 0px;
    border: 0;
    color: #929382;
}
div#noJSInfo {
    border: 1px solid #e72929;
    color: #e72929;
    width: 380px;
    margin-top: 100px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 0px;
    text-align: center;
    font-size: 11px;
}
div#noJSMainContent {
    position: relative;
    padding: 0;
    margin-top: 20px;
    margin-left: auto;
    margin-right: auto;
    width: 380px;
}
div#noJSFluxWheel {
    position: absolute;
    left: 11px;
    top: 8px;
}
div#noJSFlux {
    position: absolute;
    left: 236px;
    top: 101px;
}
a#noJSSegLink01:link {
    display: block;
    position: absolute;
    left: 12px;
    top: 39px;
    width: 91px;
    height: 97px;
    background-image: url(../images/fluxsegment01.jpg);
    background-position: top left;
    background-repeat: no-repeat;
    margin: 0;
    padding: 0;
    border: 0;
}
a#noJSSegLink01:active {
    display: block;
    position: absolute;
    left: 12px;
    top: 39px;
    width: 91px;
    height: 97px;
    background-image: url(../images/fluxsegment01.jpg);
    background-position: top left;
    background-repeat: no-repeat;
    margin: 0;
    padding: 0;
    border: 0;
}
a#noJSSegLink01:visited {
    display: block;
    position: absolute;
    left: 12px;
    top: 39px;
    width: 91px;
    height: 97px;
    background-image: url(../images/fluxsegment01.jpg);
    background-position: top left;
    background-repeat: no-repeat;
    margin: 0;
    padding: 0;
    border: 0;
}
a#noJSSegLink01:link:hover, a#noJSSegLink01:visited:hover {
    display: block;
    position: absolute;
    left: 12px;
    top: 39px;
    width: 91px;
    height: 97px;
    background-image: url(../images/fluxsegment01hl.jpg);
    background-position: top left;
    background-repeat: no-repeat;
    margin: 0;
    padding: 0;
    border: 0;
}
a#noJSSegLink02:link {
    display: block;
    position: absolute;
    left: 150px;
    top: 12px;
    width: 102px;
    height: 99px;
    background-image: url(../images/fluxsegment02.jpg);
    background-position: top left;
    background-repeat: no-repeat;
    margin: 0;
    padding: 0;
    border: 0;
}
a#noJSSegLink02:active {
    display: block;
    position: absolute;
    left: 150px;
    top: 12px;
    width: 102px;
    height: 99px;
    background-image: url(../images/fluxsegment02.jpg);
    background-position: top left;
    background-repeat: no-repeat;
    margin: 0;
    padding: 0;
    border: 0;
}
a#noJSSegLink02:visited {
    display: block;
    position: absolute;
    left: 150px;
    top: 12px;
    width: 102px;
    height: 99px;
    background-image: url(../images/fluxsegment02.jpg);
    background-position: top left;
    background-repeat: no-repeat;
    margin: 0;
    padding: 0;
    border: 0;
}
a#noJSSegLink02:link:hover, a#noJSSegLink02:visited:hover {
    display: block;
    position: absolute;
    left: 150px;
    top: 12px;
    width: 102px;
    height: 99px;
    background-image: url(../images/fluxsegment02hl.jpg);
    background-position: top left;
    background-repeat: no-repeat;
    margin: 0;
    padding: 0;
    border: 0;
}
a#noJSSegLink03:link {
    display: block;
    position: absolute;
    left: 150px;
    top: 160px;
    width: 102px;
    height: 99px;
    background-image: url(../images/fluxsegment03.jpg);
    background-position: top left;
    background-repeat: no-repeat;
    margin: 0;
    padding: 0;
    border: 0;
}
a#noJSSegLink03:active {
    display: block;
    position: absolute;
    left: 150px;
    top: 160px;
    width: 102px;
    height: 99px;
    background-image: url(../images/fluxsegment03.jpg);
    background-position: top left;
    background-repeat: no-repeat;
    margin: 0;
    padding: 0;
    border: 0;
}
a#noJSSegLink03:visited {
    display: block;
    position: absolute;
    left: 150px;
    top: 160px;
    width: 102px;
    height: 99px;
    background-image: url(../images/fluxsegment03.jpg);
    background-position: top left;
    background-repeat: no-repeat;
    margin: 0;
    padding: 0;
    border: 0;
}
a#noJSSegLink03:link:hover, a#noJSSegLink03:visited:hover {
    display: block;
    position: absolute;
    left: 150px;
    top: 160px;
    width: 102px;
    height: 99px;
    background-image: url(../images/fluxsegment03hl.jpg);
    background-position: top left;
    background-repeat: no-repeat;
    margin: 0;
    padding: 0;
    border: 0;
}
div#noJSMainMenu {
    position: absolute;
    top: 177px;
    left: 275px;
    padding: 0;
    margin: 0;
}
div#noJSMainMenuPage {
    position: absolute;
    top: 108px;
    left: 50px;
    padding: 0;
    margin: 0;
}
/* ----- other page styles ----- */
div#noJSInfoPage {
    position: absolute;
    top: 50px;
    left: 160px;
    border: 1px solid #e72929;
    color: #e72929;
    width: 380px;
    text-align: center;
    font-size: 11px;
    z-index: 2000;
    background-color: #101011;
}
div#noJSPageContent {
    position: relative;
    padding: 0;
    margin: 0;
    /* border: 1px solid #00ff00; */
}
div#noJSFluxPage {
    position: absolute;
    left: 11px;
    top: 11px;
    margin: 0;
    padding: 0;
}
div#noJSLineH01 {
    position: absolute;
    left: 17px;
    top: 73px;
    margin: 0;
    padding: 0;
    height: 1px;
    width: 763px;
    background-image: url(../images/lineH01.jpg);
    background-position: top left;
    background-repeat: no-repeat;
}
div#noJSLineV01 {
    position: absolute;
    left: 152px;
    top: 14px;
    margin: 0;
    padding: 0;
    height: 343px;
    width: 1px;
    background-image: url(../images/lineV01.jpg);
    background-position: top left;
    background-repeat: no-repeat;
}
div#noJSFluxPage02 {
    position: absolute;
    left: 153px;
    top: 14px;
    margin: 0;
    padding: 0;
    height: 59px;
    width: 443px;
    background-image: url(../images/flux02.jpg);
    background-position: top left;
    background-repeat: no-repeat;
}
div#noJSHeaderBlog {
    position: absolute;
    left: 160px;
    top: 81px;
    width: 70px;
    height: 29px;
    background-image: url(../images/blog01.jpg);
    background-position: top left;
    background-repeat: no-repeat;
    margin: 0;
    padding: 0;
    border: 0;
}
/* ------ menu link styles ------ */
div#noJSMainMenu01 {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 92px;
    height: 16px;
    background-image: url(../images/fluxmenuitem01hl.jpg);
    background-position: top left;
    background-repeat: no-repeat;
    margin: 0;
    padding: 0;
    border: 0;
}
a#noJSMainMenu01Link:link {
    display: block;
    position: absolute;
    left: 0px;
    top: 0px;
    width: 92px;
    height: 16px;
    background-image: url(../images/fluxmenuitem01.jpg);
    background-position: top left;
    background-repeat: no-repeat;
    margin: 0;
    padding: 0;
    border: 0;
}
a#noJSMainMenu01Link:active {
    display: block;
    position: absolute;
    left: 0px;
    top: 0px;
    width: 92px;
    height: 16px;
    background-image: url(../images/fluxmenuitem01.jpg);
    background-position: top left;
    background-repeat: no-repeat;
    margin: 0;
    padding: 0;
    border: 0;
}
a#noJSMainMenu01Link:visited {
    display: block;
    position: absolute;
    left: 0px;
    top: 0px;
    width: 92px;
    height: 16px;
    background-image: url(../images/fluxmenuitem01.jpg);
    background-position: top left;
    background-repeat: no-repeat;
    margin: 0;
    padding: 0;
    border: 0;
}
a#noJSMainMenu01Link:link:hover, a#noJSMainMenu01Link:visited:hover {
    display: block;
    position: absolute;
    left: 0px;
    top: 0px;
    width: 92px;
    height: 16px;
    background-image: url(../images/fluxmenuitem01hl.jpg);
    background-position: top left;
    background-repeat: no-repeat;
    margin: 0;
    padding: 0;
    border: 0;
}

div#noJSMainMenu02 {
    position: absolute;
    left: 0px;
    top: 17px;
    width: 92px;
    height: 16px;
    background-image: url(../images/fluxmenuitem02hl.jpg);
    background-position: top left;
    background-repeat: no-repeat;
    margin: 0;
    padding: 0;
    border: 0;
}
a#noJSMainMenu02Link:link {
    display: block;
    position: absolute;
    left: 0px;
    top: 17px;
    width: 92px;
    height: 16px;
    background-image: url(../images/fluxmenuitem02.jpg);
    background-position: top left;
    background-repeat: no-repeat;
    margin: 0;
    padding: 0;
    border: 0;
}
a#noJSMainMenu02Link:active {
    display: block;
    position: absolute;
    left: 0px;
    top: 17px;
    width: 92px;
    height: 16px;
    background-image: url(../images/fluxmenuitem02.jpg);
    background-position: top left;
    background-repeat: no-repeat;
    margin: 0;
    padding: 0;
    border: 0;
}
a#noJSMainMenu02Link:visited {
    display: block;
    position: absolute;
    left: 0px;
    top: 17px;
    width: 92px;
    height: 16px;
    background-image: url(../images/fluxmenuitem02.jpg);
    background-position: top left;
    background-repeat: no-repeat;
    margin: 0;
    padding: 0;
    border: 0;
}
a#noJSMainMenu02Link:link:hover, a#noJSMainMenu02Link:visited:hover {
    display: block;
    position: absolute;
    left: 0px;
    top: 17px;
    width: 92px;
    height: 16px;
    background-image: url(../images/fluxmenuitem02hl.jpg);
    background-position: top left;
    background-repeat: no-repeat;
    margin: 0;
    padding: 0;
    border: 0;
}

div#noJSMainMenu03 {
    position: absolute;
    left: 0px;
    top: 34px;
    width: 92px;
    height: 16px;
    background-image: url(../images/fluxmenuitem03hl.jpg);
    background-position: top left;
    background-repeat: no-repeat;
    margin: 0;
    padding: 0;
    border: 0;
}
a#noJSMainMenu03Link:link {
    display: block;
    position: absolute;
    left: 0px;
    top: 34px;
    width: 92px;
    height: 16px;
    background-image: url(../images/fluxmenuitem03.jpg);
    background-position: top left;
    background-repeat: no-repeat;
    margin: 0;
    padding: 0;
    border: 0;
}
a#noJSMainMenu03Link:active {
    display: block;
    position: absolute;
    left: 0px;
    top: 34px;
    width: 92px;
    height: 16px;
    background-image: url(../images/fluxmenuitem03.jpg);
    background-position: top left;
    background-repeat: no-repeat;
    margin: 0;
    padding: 0;
    border: 0;
}
a#noJSMainMenu03Link:visited {
    display: block;
    position: absolute;
    left: 0px;
    top: 34px;
    width: 92px;
    height: 16px;
    background-image: url(../images/fluxmenuitem03.jpg);
    background-position: top left;
    background-repeat: no-repeat;
    margin: 0;
    padding: 0;
    border: 0;
}
a#noJSMainMenu03Link:link:hover, a#noJSMainMenu03Link:visited:hover {
    display: block;
    position: absolute;
    left: 0px;
    top: 34px;
    width: 92px;
    height: 16px;
    background-image: url(../images/fluxmenuitem03hl.jpg);
    background-position: top left;
    background-repeat: no-repeat;
    margin: 0;
    padding: 0;
    border: 0;
}

div#noJSMainMenu04 {
    position: absolute;
    left: 0px;
    top: 51px;
    width: 92px;
    height: 16px;
    background-image: url(../images/fluxmenuitem04hl.jpg);
    background-position: top left;
    background-repeat: no-repeat;
    margin: 0;
    padding: 0;
    border: 0;
}
a#noJSMainMenu04Link:link {
    display: block;
    position: absolute;
    left: 0px;
    top: 51px;
    width: 92px;
    height: 16px;
    background-image: url(../images/fluxmenuitem04.jpg);
    background-position: top left;
    background-repeat: no-repeat;
    margin: 0;
    padding: 0;
    border: 0;
}
a#noJSMainMenu04Link:active {
    display: block;
    position: absolute;
    left: 0px;
    top: 51px;
    width: 92px;
    height: 16px;
    background-image: url(../images/fluxmenuitem04.jpg);
    background-position: top left;
    background-repeat: no-repeat;
    margin: 0;
    padding: 0;
    border: 0;
}
a#noJSMainMenu04Link:visited {
    display: block;
    position: absolute;
    left: 0px;
    top: 51px;
    width: 92px;
    height: 16px;
    background-image: url(../images/fluxmenuitem04.jpg);
    background-position: top left;
    background-repeat: no-repeat;
    margin: 0;
    padding: 0;
    border: 0;
}
a#noJSMainMenu04Link:link:hover, a#noJSMainMenu04Link:visited:hover {
    display: block;
    position: absolute;
    left: 0px;
    top: 51px;
    width: 92px;
    height: 16px;
    background-image: url(../images/fluxmenuitem04hl.jpg);
    background-position: top left;
    background-repeat: no-repeat;
    margin: 0;
    padding: 0;
    border: 0;
}

div#noJSMainMenu05 {
    position: absolute;
    left: 0px;
    top: 67px;
    width: 92px;
    height: 16px;
    background-image: url(../images/fluxmenuitem05hl.jpg);
    background-position: top left;
    background-repeat: no-repeat;
    margin: 0;
    padding: 0;
    border: 0;
}
a#noJSMainMenu05Link:link {
    display: block;
    position: absolute;
    left: 0px;
    top: 67px;
    width: 92px;
    height: 16px;
    background-image: url(../images/fluxmenuitem05.jpg);
    background-position: top left;
    background-repeat: no-repeat;
    margin: 0;
    padding: 0;
    border: 0;
}
a#noJSMainMenu05Link:active {
    display: block;
    position: absolute;
    left: 0px;
    top: 67px;
    width: 92px;
    height: 16px;
    background-image: url(../images/fluxmenuitem05.jpg);
    background-position: top left;
    background-repeat: no-repeat;
    margin: 0;
    padding: 0;
    border: 0;
}
a#noJSMainMenu05Link:visited {
    display: block;
    position: absolute;
    left: 0px;
    top: 67px;
    width: 92px;
    height: 16px;
    background-image: url(../images/fluxmenuitem05.jpg);
    background-position: top left;
    background-repeat: no-repeat;
    margin: 0;
    padding: 0;
    border: 0;
}
a#noJSMainMenu05Link:link:hover, a#noJSMainMenu05Link:visited:hover {
    display: block;
    position: absolute;
    left: 0px;
    top: 67px;
    width: 92px;
    height: 16px;
    background-image: url(../images/fluxmenuitem05hl.jpg);
    background-position: top left;
    background-repeat: no-repeat;
    margin: 0;
    padding: 0;
    border: 0;
}

div#noJSMainMenu06 {
    position: absolute;
    left: 0px;
    top: 85px;
    width: 92px;
    height: 16px;
    background-image: url(../images/fluxmenuitem06hl.jpg);
    background-position: top left;
    background-repeat: no-repeat;
    margin: 0;
    padding: 0;
    border: 0;
}
a#noJSMainMenu06Link:link {
    display: block;
    position: absolute;
    left: 0px;
    top: 85px;
    width: 92px;
    height: 16px;
    background-image: url(../images/fluxmenuitem06.jpg);
    background-position: top left;
    background-repeat: no-repeat;
    margin: 0;
    padding: 0;
    border: 0;
}
a#noJSMainMenu06Link:active {
    display: block;
    position: absolute;
    left: 0px;
    top: 85px;
    width: 92px;
    height: 16px;
    background-image: url(../images/fluxmenuitem06.jpg);
    background-position: top left;
    background-repeat: no-repeat;
    margin: 0;
    padding: 0;
    border: 0;
}
a#noJSMainMenu06Link:visited {
    display: block;
    position: absolute;
    left: 0px;
    top: 85px;
    width: 92px;
    height: 16px;
    background-image: url(../images/fluxmenuitem06.jpg);
    background-position: top left;
    background-repeat: no-repeat;
    margin: 0;
    padding: 0;
    border: 0;
}
a#noJSMainMenu06Link:link:hover, a#noJSMainMenu06Link:visited:hover {
    display: block;
    position: absolute;
    left: 0px;
    top: 85px;
    width: 92px;
    height: 16px;
    background-image: url(../images/fluxmenuitem06hl.jpg);
    background-position: top left;
    background-repeat: no-repeat;
    margin: 0;
    padding: 0;
    border: 0;
}

div#noJSMainMenu07 {
    position: absolute;
    left: 0px;
    top: 102px;
    width: 92px;
    height: 16px;
    background-image: url(../images/fluxmenuitem07hl.jpg);
    background-position: top left;
    background-repeat: no-repeat;
    margin: 0;
    padding: 0;
    border: 0;
}
a#noJSMainMenu07Link:link {
    display: block;
    position: absolute;
    left: 0px;
    top: 102px;
    width: 92px;
    height: 16px;
    background-image: url(../images/fluxmenuitem07.jpg);
    background-position: top left;
    background-repeat: no-repeat;
    margin: 0;
    padding: 0;
    border: 0;
}
a#noJSMainMenu07Link:active {
    display: block;
    position: absolute;
    left: 0px;
    top: 102px;
    width: 92px;
    height: 16px;
    background-image: url(../images/fluxmenuitem07.jpg);
    background-position: top left;
    background-repeat: no-repeat;
    margin: 0;
    padding: 0;
    border: 0;
}
a#noJSMainMenu07Link:visited {
    display: block;
    position: absolute;
    left: 0px;
    top: 102px;
    width: 92px;
    height: 16px;
    background-image: url(../images/fluxmenuitem07.jpg);
    background-position: top left;
    background-repeat: no-repeat;
    margin: 0;
    padding: 0;
    border: 0;
}
a#noJSMainMenu07Link:link:hover, a#noJSMainMenu07Link:visited:hover {
    display: block;
    position: absolute;
    left: 0px;
    top: 102px;
    width: 92px;
    height: 16px;
    background-image: url(../images/fluxmenuitem07hl.jpg);
    background-position: top left;
    background-repeat: no-repeat;
    margin: 0;
    padding: 0;
    border: 0;
}

/* ----- gallery link styles ----- */
div#noJSHeaderGalleryFinished {
    position: absolute;
    left: 160px;
    top: 81px;
    width: 169px;
    height: 26px;
    background-image: url(../images/finishedworks01.jpg);
    background-position: top left;
    background-repeat: no-repeat;
    margin: 0;
    padding: 0;
    border: 0;
}
a#noJSHeaderGalleryFinishedLink:link {
    display: block;
    position: absolute;
    left: 160px;
    top: 81px;
    width: 169px;
    height: 26px;
    background-image: url(../images/finishedworks01dark.jpg);
    background-position: top left;
    background-repeat: no-repeat;
    margin: 0;
    padding: 0;
    border: 0;
}
a#noJSHeaderGalleryFinishedLink:active {
    display: block;
    position: absolute;
    left: 160px;
    top: 81px;
    width: 169px;
    height: 26px;
    background-image: url(../images/finishedworks01dark.jpg);
    background-position: top left;
    background-repeat: no-repeat;
    margin: 0;
    padding: 0;
    border: 0;
}
a#noJSHeaderGalleryFinishedLink:visited {
    display: block;
    position: absolute;
    left: 160px;
    top: 81px;
    width: 169px;
    height: 26px;
    background-image: url(../images/finishedworks01dark.jpg);
    background-position: top left;
    background-repeat: no-repeat;
    margin: 0;
    padding: 0;
    border: 0;
}
a#noJSHeaderGalleryFinishedLink:link:hover, a#noJSHeaderGalleryFinishedLink:visited:hover {
    display: block;
    position: absolute;
    left: 160px;
    top: 81px;
    width: 169px;
    height: 26px;
    background-image: url(../images/finishedworks01hl.jpg);
    background-position: top left;
    background-repeat: no-repeat;
    margin: 0;
    padding: 0;
    border: 0;
}

div#noJSHeaderGallerySketches {
    position: absolute;
    left: 345px;
    top: 81px;
    width: 111px;
    height: 26px;
    background-image: url(../images/sketches01.jpg);
    background-position: top left;
    background-repeat: no-repeat;
    margin: 0;
    padding: 0;
    border: 0;
}
a#noJSHeaderGallerySketchesLink:link {
    display: block;
    position: absolute;
    left: 345px;
    top: 81px;
    width: 111px;
    height: 26px;
    background-image: url(../images/sketches01dark.jpg);
    background-position: top left;
    background-repeat: no-repeat;
    margin: 0;
    padding: 0;
    border: 0;
}
a#noJSHeaderGallerySketchesLink:active {
    display: block;
    position: absolute;
    left: 345px;
    top: 81px;
    width: 111px;
    height: 26px;
    background-image: url(../images/sketches01dark.jpg);
    background-position: top left;
    background-repeat: no-repeat;
    margin: 0;
    padding: 0;
    border: 0;
}
a#noJSHeaderGallerySketchesLink:visited {
    display: block;
    position: absolute;
    left: 345px;
    top: 81px;
    width: 111px;
    height: 26px;
    background-image: url(../images/sketches01dark.jpg);
    background-position: top left;
    background-repeat: no-repeat;
    margin: 0;
    padding: 0;
    border: 0;
}
a#noJSHeaderGallerySketchesLink:link:hover, a#noJSHeaderGallerySketchesLink:visited:hover {
    display: block;
    position: absolute;
    left: 345px;
    top: 81px;
    width: 111px;
    height: 26px;
    background-image: url(../images/sketches01hl.jpg);
    background-position: top left;
    background-repeat: no-repeat;
    margin: 0;
    padding: 0;
    border: 0;
}

div#noJSHeaderGallery3d {
    position: absolute;
    left: 472px;
    top: 81px;
    width: 42px;
    height: 26px;
    background-image: url(../images/3d01.jpg);
    background-position: top left;
    background-repeat: no-repeat;
    margin: 0;
    padding: 0;
    border: 0;
}
a#noJSHeaderGallery3dLink:link {
    display: block;
    position: absolute;
    left: 472px;
    top: 81px;
    width: 42px;
    height: 26px;
    background-image: url(../images/3d01dark.jpg);
    background-position: top left;
    background-repeat: no-repeat;
    margin: 0;
    padding: 0;
    border: 0;
}
a#noJSHeaderGallery3dLink:active {
    display: block;
    position: absolute;
    left: 472px;
    top: 81px;
    width: 42px;
    height: 26px;
    background-image: url(../images/3d01dark.jpg);
    background-position: top left;
    background-repeat: no-repeat;
    margin: 0;
    padding: 0;
    border: 0;
}
a#noJSHeaderGallery3dLink:visited {
    display: block;
    position: absolute;
    left: 472px;
    top: 81px;
    width: 42px;
    height: 26px;
    background-image: url(../images/3d01dark.jpg);
    background-position: top left;
    background-repeat: no-repeat;
    margin: 0;
    padding: 0;
    border: 0;
}
a#noJSHeaderGallery3dLink:link:hover, a#noJSHeaderGallery3dLink:visited:hover {
    display: block;
    position: absolute;
    left: 472px;
    top: 81px;
    width: 42px;
    height: 26px;
    background-image: url(../images/3d01hl.jpg);
    background-position: top left;
    background-repeat: no-repeat;
    margin: 0;
    padding: 0;
    border: 0;
}
div#noJSArrowL {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 26px;
    height: 26px;
    background-image: url(../images/arrow_l01_hl.png);
    background-position: top left;
    background-repeat: no-repeat;
    margin: 0;
    padding: 0;
    border: 0;
}
a#noJSArrowLLink:link {
    display: block;
    position: absolute;
    left: 0px;
    top: 0px;
    width: 26px;
    height: 26px;
    background-image: url(../images/arrow_l01.png);
    background-position: top left;
    background-repeat: no-repeat;
    margin: 0;
    padding: 0;
    border: 0;
}
a#noJSArrowLLink:active {
    display: block;
    position: absolute;
    left: 0px;
    top: 0px;
    width: 26px;
    height: 26px;
    background-image: url(../images/arrow_l01.png);
    background-position: top left;
    background-repeat: no-repeat;
    margin: 0;
    padding: 0;
    border: 0;
}
a#noJSArrowLLink:visited {
    display: block;
    position: absolute;
    left: 0px;
    top: 0px;
    width: 26px;
    height: 26px;
    background-image: url(../images/arrow_l01.png);
    background-position: top left;
    background-repeat: no-repeat;
    margin: 0;
    padding: 0;
    border: 0;
}
a#noJSArrowLLink:link:hover, a#noJSArrowLLink:visited:hover {
    display: block;
    position: absolute;
    left: 0px;
    top: 0px;
    width: 26px;
    height: 26px;
    background-image: url(../images/arrow_l01_hl.png);
    background-position: top left;
    background-repeat: no-repeat;
    margin: 0;
    padding: 0;
    border: 0;
}

div#noJSArrowR {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 26px;
    height: 26px;
    background-image: url(../images/arrow_r01_hl.png);
    background-position: top left;
    background-repeat: no-repeat;
    margin: 0;
    padding: 0;
    border: 0;
}
a#noJSArrowRLink:link {
    display: block;
    position: absolute;
    left: 0px;
    top: 0px;
    width: 26px;
    height: 26px;
    background-image: url(../images/arrow_r01.png);
    background-position: top left;
    background-repeat: no-repeat;
    margin: 0;
    padding: 0;
    border: 0;
}
a#noJSArrowRLink:active {
    display: block;
    position: absolute;
    left: 0px;
    top: 0px;
    width: 26px;
    height: 26px;
    background-image: url(../images/arrow_r01.png);
    background-position: top left;
    background-repeat: no-repeat;
    margin: 0;
    padding: 0;
    border: 0;
}
a#noJSArrowRLink:visited {
    display: block;
    position: absolute;
    left: 0px;
    top: 0px;
    width: 26px;
    height: 26px;
    background-image: url(../images/arrow_r01.png);
    background-position: top left;
    background-repeat: no-repeat;
    margin: 0;
    padding: 0;
    border: 0;
}
a#noJSArrowRLink:link:hover, a#noJSArrowRLink:visited:hover {
    display: block;
    position: absolute;
    left: 0px;
    top: 0px;
    width: 26px;
    height: 26px;
    background-image: url(../images/arrow_r01_hl.png);
    background-position: top left;
    background-repeat: no-repeat;
    margin: 0;
    padding: 0;
    border: 0;
}
div#noJSGalleryImage {
    position: absolute;
    top: 137px;
    left: 191px;
    width: 100px;
    height: 100px;
    padding: 0;
    margin: 0;
}
div#noJSGalleryImageView {
    position: absolute;
    top: 0px;
    left: 40px;
    width: 100px;
    height: 100px;
    background-position: top left;
    background-repeat: no-repeat;
    padding: 0;
    margin: 0;
}
div#noJSGalleryImageCaption {
    position: absolute;
    top: 100px;
    left: 40px;
    width: 100px;
    height: 20px;
    padding: 0;
    margin: 0;
    text-align: center;
}
/* ------ blog styles ------ */
div#noJSMainMenuBlog {
    position: absolute;
    top: 108px;
    left: 15px;
    padding: 0;
    margin: 0;
}
div#noJSBlog {
    position: absolute;
    top: 137px;
    left: 191px;
    padding: 0;
    margin: 0px 50px 50px 0px;
    /* border: 1px solid #00ff00; */
}
div#blogHeader {
    font-size: 85%;
    padding: 0px;
    margin: 0px 0px 1em 0px;
}
h2.blogHeader02 {
    display: block;
	font-weight: bold;
	font-size: 14px;
    margin: 0em 0em 0.5em 0em;
    padding-bottom: 2px;
    color: #ccc7ad;
    border-bottom: 1px solid #868986;
}
h3.blogHeader03 {
	font-weight: bold;
	font-size: 16px;
	margin-top: 1em;
	margin-bottom: 0.5em;
    color: #5f5e52;
}
h3.blogSideBarHeader03 {
    font-weight: bold;
    color: #ccc7ad;
    margin: 0em 0em 0.5em 0em;
}
div.blogStoryBox {
    padding: 0px 0px 0px 10px;
    margin: 0em 0em 1em 0em;
}
div.blogStory {
    /* font-size: 14px; */
}
p.blogStoryFooter {
    margin: 1em 0em 2em 0em;
    font-size: 85%;
}
div#blogFooter {
    color: #4a4a45;
    font-size: 85%;
    margin: 20px 0px 20px 0px;
}
div#blogSideBar {
    position: absolute;
    top: 270px;
    left: 20px;
    width: 120px;
    font-size: 9px;
    padding-bottom: 50px;
}
ul.blogLinks {
	list-style-type: none;
    padding: 0px 0px 0px 10px;
    margin: 0em 0em 1.5em 0em;
}
li.blogLink {
    margin: 0px;
}
.blosxomCalendar {
    font-size: 9px;
    margin-bottom: 1.5em;
}
.blosxomCalendarHead {
    font-weight: bold;
    font-size: 9px;
}
.blosxomCalendarWeekHeader {
    font-weight: bold;
    font-size: 9px;
}
.blosxomCalendarEmpty {
    font-size: 9px;
}
.blosxomCalendarCell {
    font-size: 9px;
}
.blosxomCalendarBlogged {
    font-size: 9px;
}
.blosxomCalendarSpecificDay {
    font-size: 9px;
}
.blosxomCalendarToday {
    font-size: 9px;
    font-weight: bold;
}
ul.blogCategories {
	list-style-type: none;
    padding: 0px 0px 0px 10px;
    margin: 0em 0em 1.5em 0em;
}
li.blogCategory {
    margin: 0px;
}
ul.blogArchives {
	list-style-type: none;
    padding: 0px 0px 0px 10px;
    margin: 0em 0em 1.5em 0em;
}
li.blogArchiveYearItem {
    margin: 0px;
}
div.blogArchiveYear {
    font-weight: bold;
    text-indent: 1.5em;
}
div.blogArchiveMonth {
    margin: 0px 0px 0px 15px;
    text-indent: 1.5em;
}
div.blogArchivePost {
    margin: 0px 0px 0px 30px;
    text-indent: 1.5em;
}
.closed {
    background: url("../images/closed.png") left center no-repeat;
}
.open {
    background: url("../images/open.png") left center no-repeat;
}
.clicker {
    cursor: pointer;
}
p.blogCommentInfo {
    font-weight: bold;
}
p.blogCommentNotice {
    color: #d3cba1;
    font-weight: bold;
}
.blosxomComments {
    border-top: 1px solid #868986;
    margin: 1em 0em 1em 0em;
    padding: 2px 0px 0px 0px;
}
.blosxomCommentForm {
    border-top: 1px solid #868986;
    padding: 2px 0px 0px 0px;
}
div.blogComment {
    padding: 2px;
    margin: 1em 0em 1em 0em;
    background-color: #23221f;
}
p.blogCommentHeader {
    padding: 0px;
    margin: 0.5em 0.5em 1em 0.5em;
    font-size: 85%;
    font-weight: bold;
    color: #bab38e;
}
p.blogCommentMessage {
    padding: 0px 0px 0px 10px;
    margin: 0.5em 0.5em 1em 1em;
    font-style: italic;
}
table.blogFormTable {
    margin: 0px 0px 10px 0px;
}
td.blogFormHeader {
    padding: 5px 2px 5px 2px;
    font-weight: bold;
    vertical-align: top;
    font-size: 13px;
}
td.blogFormData {
    padding: 5px 2px 5px 10px;
    vertical-align: top;
    font-size: 13px;
}
td.blogFormSubmit {
    vertical-align: top;
    text-align: left;
    font-size: 13px;
}
.blogFormDisclaimer {
    padding: 5px 2px 5px 10px;
    vertical-align: top;
    font-size: 80%;
    font-size: 13px;
}
.blogFormText {
    font-size: 80%;
}
.blogTextInput {
    border: 1px solid #a79575;
    padding: 2px;
    background-color: #1a1a20;
    color: #b9a582;
    font-size: 13px;
}
.blogTextInput:hover {
    border: 1px solid #dfd7aa;
    padding: 2px;
    background-color: #2d2d38;
    color: #b7b08c;
    font-size: 13px;
}
input.blogCheckbox {
    border: 1px solid #a79575;
    padding: 2px;
    background-color: #1a1a20;
    color: #b9a582;
    font-size: 13px;
}
input.blogCheckbox:hover {
    border: 1px solid #dfd7aa;
    padding: 2px;
    background-color: #2d2d38;
    color: #b7b08c;
    font-size: 13px;
}
input.blogSubmit {
    border: 1px solid #a79575;
    padding: 2px;
    background-color: #1a1a20;
    color: #b9a582;
    font-size: 13px;
}
input.blogSubmit:hover {
    border: 1px solid #dfd7aa;
    padding: 2px;
    background-color: #2d2d38;
    color: #b7b08c;
    font-size: 13px;
}
img.blogConfirmImage {
    padding: 0;
    margin: 0;
    border: 0;
    vertical-align:bottom;
}
/* ------ contact styles ------ */
div#me {
    float: left;
    margin: 0px 15px 15px 0px;
    width: 100px;
    height: 150px;
    background: url("../images/me02.jpg") top left no-repeat;
}
table.formTable {
    margin: 0.5em 0em 1em 0em;
    border: 0;
    padding: 0;
}
td.formHeader {
    border: 0;
    padding: 5px 15px 5px 0px;
    font-weight: bold;
    color: #929382;
    vertical-align: top;
}
td.formData {
    border: 0;
    padding: 5px;
    color: #929382;
    vertical-align: top;
}
.formTextInput {
    border: 1px solid #a79575;
    padding: 2px;
    background-color: #1a1a20;
    color: #b9a582;
    font-size: 13px;
}
.formTextInput:hover {
    border: 1px solid #dfd7aa;
    padding: 2px;
    background-color: #2d2d38;
    color: #b7b08c;
    font-size: 13px;
}
p.formText {
    font-size: 85%;
    margin: 5px 0px 5px 0px;
}
input.formSubmit {
    border: 1px solid #a79575;
    padding: 2px;
    background-color: #1a1a20;
    color: #b9a582;
    font-size: 13px;
}
input.formSubmit:hover {
    border: 1px solid #dfd7aa;
    padding: 2px;
    background-color: #2d2d38;
    color: #b7b08c;
    font-size: 13px;
}
/* ------ project styles ------ */
div.projectBox {
    border: 0;
    margin: 20px 50px 20px 0px;
}
div.projectHeader {
    background-color: #232221;
    color: #c5c0ae;
    font-weight: bold;
    padding: 2px 5px 2px 5px;
    font-size: 85%;
}
img.projectPrefix {
    width: 5px;
    height: 5px;
    padding: 0px 0px 1px 0px;
    vertical-align: baseline;
    margin: 0px 2px 0px 0px;
    border: 0;
    /* border: 1px solid #00ff00; */
}
img.xegityBanner {
    display: block;
    float: left;
    width: 258px;
    height: 108px;
    margin: 5px 15px 10px 0px;
    border: 0;
    /* border: 1px solid #00ff00; */
}
.projectNotice {
    font-weight: normal;
}
div.projectInfo {
    padding: 10px 15px 10px 15px;
}