@charset "utf-8";
/* CSS Document */

.stdgrey {
  color: #bbb !important;
}
a {
  cursor:pointer;
  color:#fbfbfb;
}
a img {
  border:none;
}

.link {
  text-decoration:none;
  color:white;
  cursor:pointer;
}
.link:hover {
  text-decoration:underline;
}

#page {
  margin:0 auto;
/*  position:relative; */
  background-color:transparent;
  width:784px;
  height:460px;
  clear:left;
}
p,h4 {
  line-height:140%;
}
#content {
  width: 524px;
  height:380px; 
  background:url(/img/bg_content.gif);
  color:#bbb;
  padding:10px 16px;
  margin-left:16px;
  display:block;
  float:left;
  font: 12px Verdana, Helvetica, sans-serif;
}

#content ul li {
/*  margin-bottom:0.6ex; */
  color:#fbfbfb;
  margin-top:1.0ex;
}

#content ul li ul {
  margin-bottom:1.3ex;
}

#content ul li ul li {
  color:#bbb;
  margin-top:0.1ex;
}

#head {
  height:52px;
  width:784px;
  margin-bottom:6px;
  border-bottom:2px solid #767676;
  font: bold 24px Geneva, sans-serif;
  color:#bbb;
}
#head div.image, #navigation div.image, #navigation div.active {
  position:relative;
  z-index:100;
  width:186px;
  height:26px;
  overflow:hidden;
  cursor:pointer;
}
#head div.image {
	margin-top:1px;
  height:39px;
  width:591px;
  background:url(/img/logo_pre.png) no-repeat top left;
  cursor:default;
}
#head div.image:hover {
/*  background:url(/img/logo_2.png) no-repeat top left; */
}
html, body {
  height:100%;
  overflow:hidden;
  background-color:black;
	padding:0;
	margin:0;
}
#spacer {
  width:1px;
  height:50%;
  margin-bottom:-300px;
  background-color:transparent;
  float:left;
}
#navigation {
  width:186px;
  height:297px;
  background:url(/img/bg_navi.gif);  
  padding:17px 12px 8px 13px;
  float:left;
  display:block;
  color:white;
}
#navigation a {
	font-size:12px;
	color:#555;
}
#navigation a:hover {
	color:#fff;
}
#navigation li {
	font:10px Verdana, sans-serif;	
	color:#777;
}
#navigation li a + a{
	padding-left:0.5em;
}
#navigation ul {
  margin:0;
  padding:0;
  list-style:none; /* IE */
}

#navigation ul li {
  display:block; /* all other browsers */
  margin-bottom:4px;
  overflow:visible;
}

#nav_about div.image {
  background:url(/img/about_0.png);
}
#nav_about div.image:hover {
  background:url(/img/about_2.png);
}
#nav_about div.image:active, #nav_about div.active {
  background:url(/img/about_1.png);
}

#nav_development div.image {
  background:url(/img/development_0.png);
}
#nav_development div.image:hover {
  background:url(/img/development_2.png);
}
#nav_development div.image:active, #nav_development div.active {
  background:url(/img/development_1.png);
}

#nav_hosting div.image {
  background:url(/img/hosting_0.png);
}
#nav_hosting div.image:hover {
  background:url(/img/hosting_2.png);
}
#nav_hosting div.image:active, #nav_hosting div.active {
  background:url(/img/hosting_1.png);
}

#nav_design div.image {
  background:url(/img/design_0.png);
}
#nav_design div.image:hover {
  background:url(/img/design_2.png);
}
#nav_design div.image:active, #nav_design div.active {
  background:url(/img/design_1.png);
}

#nav_photography div.image {
  background:url(/img/photography_0.png);
}
#nav_photography div.image:hover {
  background:url(/img/photography_2.png);
}
#nav_photography div.image:active, #nav_photography div.active {
  background:url(/img/photography_1.png);
}

#head div.text, #navigation div.text {
  position:relative;
  z-index:5;
  width:186px;
  height:26px;
  overflow:hidden;
  margin-top:-26px;
}
  
div.dynamic_hide {
  display:none !important;
}

div.dynamic_show {
  display:block;
}

.bt_block {
  font: 12px "Tahoma";
  background:url(/img/address.png);
  width:149px;
  height:90px;
  float:right;
}

#content a {
  color:white;
  text-decoration:none;
}
#content a:hover {
  text-decoration:underline;
}
#content a:visited {
  color:#fff;
}

#msg {
	font:10px Courier;
	display:none !important;
}