body { background-color: #000000; padding: 0; margin: 0; font: normal 90%/1.5em lucida, verdana, sans-serif; color: #f9f9f9; text-align: center; }

body.index { background-color: #272822; padding: 0; margin: 0; font: normal 90%/1.5em lucida, verdana, sans-serif; color: #f9f9f9; text-align: center; }

a:link, a:visited, a:active { text-decoration: none; color: #29A7ED; }
a:hover { color: #999999; }


/* Layout */

#container { margin: 1em 30px; text-align: left; background-color: #272822 }

#header { height: 100px; background: #000000 url(images/header-bg.gif) no-repeat top left;; }

#gallery { padding: 5px 0; margin: 0 0 0 220px; }
  #gallery p { margin: 15px; }
		#gallery p.painting-title { margin: 15px; color: #33cc00; }
  #gallery img { margin: 15px; border: 5px solid #ffffff; }

#homebox { height: 400px; width: 500px; padding: 5px 0; margin: 0 auto; text-align: center; }
#homebox a { display:block; height:335px; width:143px; overflow:hidden; }
#navwrap { margin: 0 auto; }
#homebox a:hover { display:block; text-indent:-143px; }
#homebox a.two { display:block; height:335px; width:102px; overflow:hidden; }
#homebox a.two:hover { display:block; text-indent:-102px; }
#homebox a.three { display:block; height:335px; width:103px; overflow:hidden; }
#homebox a.three:hover { display:block; text-indent:-103px; }
#homebox a.four { display:block; height:335px; width:146px; overflow:hidden; }
#homebox a.four:hover { display:block; text-indent:-146px; }
#homebox ul { display: inline; list-style-type: none; margin: 0 auto; padding: 0; }
#homebox li { float: left; }


#footer { clear: both; background-color: #000000; text-align: right; font-size: 75%; color: #777777; }





/* ----- Gallery nav ----- */

#navcontainer { float: left; width: 200px; margin-left: 10px; padding-top: 1em; }
#navcontainer ul { margin: 0; padding: 0; list-style-type: none; }
#navcontainer li { margin: 1px 0 0 0; padding: 0; }
#navcontainer a { display: block; width: 166px; padding: 0 0 0 4px; }
#navcontainer a:link, #navlist a:visited { color: #ffffff; font-weight: bold; background-color: #3B3E2E; text-decoration: none; }
#navcontainer a:hover { color: #f1f1f1; background-color: #4A4E33; }
  #navcontainer a.sub:link, #navlist a.sub:visited { color: #ffffff; font-weight: normal; background-color: #4A4E33; font-size: 85%; text-decoration: none; }
  #navcontainer a.sub:hover { color: #f1f1f1; background-color: #414530; }
		
		#navcontainer a.title:link, #navlist a.title:visited { color: #ffffff; background-color: #4A4E33; font-size: 85%; text-decoration: none; cursor: default; }

		#navcontainer a.active:link, #navlist a.active:visited { color: #666666; background-color: #000000; text-decoration: none; cursor: default; }

		#navcontainer a.activesub:link, #navlist a.activesub:visited { color: #666666; background-color: #000000; font-size: 85%; font-weight: normal; text-decoration: none; cursor: default; }
	 
  #navcontainer p { padding: 0; margin: 5px; }
		#navcontainer p.green { color: #90C645; padding: 0; margin: 5px; }
		
		
		
		
		
/* ----- FORM ----- */

.box { background-color: #fefefe; border: 1px solid #888888; }
.button { color: #000000; background-color: #fefefe; border: 1px solid #555555; }
label { float: left; display: block; width: 75px; text-align: left; }




/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> global settings needed for thickbox <<<-----------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
*{padding: 0; margin: 0;}
html, body {
min-height: 100%;
height: auto !important;
height: 100%;
}
/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox specific link and font settings <<<------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_window {
  font: 12px Arial, Helvetica, sans-serif;
  color: #333333;
}
#TB_secondLine {
  font: 10px Arial, Helvetica, sans-serif;
  color:#666666;
}
#TB_window a:link {color: #666666;}
#TB_window a:visited {color: #666666;}
#TB_window a:hover {color: #000;}
#TB_window a:active {color: #666666;}
#TB_window a:focus{color: #666666;}
/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox settings <<<-----------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_overlay {
  position: absolute;
  z-index:100;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  min-height:100%;
  background:#000 url(images/thickbox-bg.gif) top left no-repeat;
  filter:alpha(opacity=70);
  -moz-opacity: 0.8;
  opacity: 0.8;
}
#TB_window {
  position: absolute;
  background: #ffffff;
  z-index: 102;
  color:#000000;
  display:none;
  border: 4px solid #525252;
  text-align:left;
}
#TB_window img {
  display:block;
  margin: 15px 0 0 15px;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  border-top: 1px solid #666;
  border-left: 1px solid #666;
}
#TB_caption{
  height:25px;
  padding:7px 30px 10px 25px;
  float:left;
}
#TB_closeWindow{
  height:25px;
  padding:11px 25px 10px 0;
  float:right;
}
#TB_closeAjaxWindow{
  padding:5px 10px 7px 0;
  margin-bottom:1px;
  text-align:right;
  float:right;
}
#TB_ajaxWindowTitle{
  float:left;
  padding:7px 0 5px 10px;
  margin-bottom:1px;
}
#TB_title{
  background-color:#e8e8e8;
  height:27px;
}
#TB_ajaxContent{
  clear:both;
  padding:2px 15px 15px 15px;
  overflow:auto;
  text-align:left;
  line-height:1.4em;
}
#TB_ajaxContent p{
  padding:5px 0px 5px 0px;
}
#TB_load{
  position: absolute;
  display:none;
  height:100px;
  width:100px;
  z-index:101;
}
#TB_HideSelect{
  z-index:99;
  position:absolute;
  top: 0;
  left: 0;
  width:100%;
  height:100%;
  background-color:#fff;
  border:none;
  filter:alpha(opacity=0);
  -moz-opacity: 0;
  opacity: 0;
}
#TB_iframeContent{
  border:none;
  clear:both;
}