body {
  background: #3c444a;
  padding: 0px;
  margin: 0px;
  font-family: verdana;
  font-size: 11px;
  color: #ffffff;
  cursor: default;
  text-shadow: #000000 1px 1px 2px;
}
form {
  margin: 0px;
  padding: 0px;
}
a {
  color: #ffffff;
  text-decoration: none;
}
a:visited {
  color: #ffffff;
  text-decoration: none;
}
a:hover {
  color: #ffffff;
  text-decoration: underline;
}
p {
  margin: 0px;
  padding: 0px;
}
h1,h2,h3 {
  font-family: verdana;
  font-size: 11px;
  font-weight: normal;
  padding: 0px;
  margin: 0px;
  color: #ffffff;
  display: inline;
}
h4,h5 {
  font-family: verdana;
  font-size: 9px;
  font-weight: normal;
  padding: 0px;
  margin: 0px;
  color: #ffffff;
  display: inline;
}
.overlay {
  display: none;
  position: fixed;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  background: #000000;
  opacity: .7;
  filter: alpha(opacity=70);
  vertical-align: middle;
}
.view {
  display: none;
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  text-align: center;
}
.view img {
/* 
 border: solid #808080 1px; 
*/
}
.highlight {
  color: #fff0d0;
}
.page {
  position: relative;
  margin-top: 0px;
  margin-left: auto;
  margin-right: auto;
  width: 870px;
}
.center {
  text-align: center;
}
.top-left {
  position: absolute;
  background: #3c444a url(../image/top-left.png) no-repeat top left;
  height: 471px;
  width: 251px;
  left: -251px
}
.top-right {
  background: #3c444a url(../image/top-right.png) no-repeat top left;
  height: 170px;
}
.menu {
  font-size: 12px;
  padding-top: 77px;
  padding-left: 130px;
  line-height: 19px;
}
.menu ul {
  list-style-type: none;
}
.menu a {
  text-decoration: none;
}
.menu-item-left {
  display: block;
  float: left;
  width: 5px;
  height: 21px;
}
.menu-item-mid {
  display: block;
  float: left;
  height: 21px;
}
.menu-item-right {
  display: block;
  float: left;
  width: 5px;
  height: 21px;
  margin-right: 3px;
}
.menu-item-left-selected {
  background: transparent url(../image/menu-left.png) no-repeat top left;
}
.menu-item-mid-selected {
  background: #ffffff;
  text-shadow: #a0a0a0 1px 1px 1px;
  color: #000000;
}
.menu-item-right-selected {
  background: transparent url(../image/menu-right.png) no-repeat top left;
}
.main {
  background: #3c444a url(../image/main.png) no-repeat top left;
  min-height: 301px;
  height: auto !important;
  height: 301px;
}
.right-justification {
  margin-right: 369px;
}
.input ul {
  list-style-type: none;
  margin-left: 0px;
  padding-left: 0px;
  margin-top: 0px;
  padding-top: 0px;
  margin-bottom: 0px;
  padding-bottom: 0px;
}
.input-left {
  display: block;
  float: left;
  width: 5px;
  height: 21px;
  background: transparent url(../image/menu-left.png) no-repeat top left;
}
.input-mid {
  display: block;
  float: left;
  height: 21px;
  background: #ffffff;
  margin: 0px;
}
.input-right {
  display: block;
  float: left;
  width: 5px;
  height: 21px;
  background: transparent url(../image/menu-right.png) no-repeat top left;
  margin-right: 3px;
}
.input-text {
  padding-top: 4px;
  display: block;
  float: left;
  height: 21px;
  color: #ffffff;
  margin-right: 3px;
}
.input-inline {
  padding-top: 4px;
  display: block;
  float: left;
  height: 17px;
  color: #000000;
  padding-left: 5px;
  padding-right: 5px;
  text-shadow: #a0a0a0 1px 1px 1px;
}
.input input {
  margin-top: 3px;
  border: 0px;
  color: #000000;
  font-family: verdana;
  font-size: 11px;
  background: #ffffff;
  text-shadow: #a0a0a0 1px 1px 1px;
}
.left {
  float: left;
  width: 430px;
}
.right {
  float: right;
  width: 430px;
}
/*
photography
*/
.gallery {
  position: relative;
  margin-left: 4px;
}
.gallery .image {
  cursor: hand;
  position: absolute;
  top: 0px;
  left: 0px;
  height: 206px;
  width: 206px;
  background: #ffffff;
  opacity: .1;
  filter: alpha(opacity=10);
}
.gallery img {
  float: left;
  padding-top: 8px;
  padding-left: 8px;
  padding-right: 16px;
  padding-bottom: 8px;
  border: 0px;
/*
  opacity: .9;
  filter: alpha(opacity=90);
*/
}
.gallery .caption {
  font-size: 13px;
  padding-top: 4px;
  margin-bottom: 5px;
}
.photo img {
  border: 0px;
  margin: 0px;
  padding: 0px;
}
.photo ul {
  padding: 0px;
  margin: 0px;
  list-style-type: none;
}
.photo li {
  position: relative;
  display: block;
  float: left;
  margin-left: 4px;
  margin-right: 4px;
  margin-top: 3px;
  margin-bottom: 3px;
}
.photo .image {
  cursor: hand;
  position: absolute;
  top: 0px;
  left: 0px;
  height: 206px;
  width: 206px;
  background: #ffffff;
  opacity: .1;
  filter: alpha(opacity=10);
}
.photo img {
  padding: 8px;
/*
  opacity: .9;
  filter: alpha(opacity=90);
*/
}
.photo .caption {
  padding-left: 10px;
  font-size: 13px;
  padding-top: 4px;
  margin-bottom: 5px;
}
.photo .description {
  padding-left: 10px;
  padding-top: 4px;
  margin-bottom: 12px;
}
/*
webdesign
*/
.webdesign {
  position: relative;
  margin-left: 4px;
}
.webdesign .image {
  cursor: hand;
  position: absolute;
  top: 0px;
  left: 0px;
  height: 206px;
  width: 206px;
  background: #ffffff;
  opacity: .1;
  filter: alpha(opacity=10);
}
.webdesign img {
  float: left;
  padding-top: 8px;
  padding-left: 8px;
  padding-right: 16px;
  padding-bottom: 8px;
  border: 0px;
/*
  opacity: .9;
  filter: alpha(opacity=90);
*/
}
.webdesign .caption {
  font-size: 13px;
  padding-top: 4px;
  margin-bottom: 5px;
}
.webdesign .technology {
  font-size: 9px;
  padding-left: 10px;
  padding-top: 4px;
  margin-bottom: 5px;
}
.webdesign .description {
  font-size: 11px;
  padding-left: 10px;
  padding-top: 4px;
  margin-bottom: 12px;
}
/*
button
*/
.photo .button {
  padding-left: 10px;
}
.button {
  float: left;
  font-size: 12px;
  line-height: 19px;
}
.button a {
  color: #000000;
  text-decoration: none;
}
.button ul {
  list-style-type: none;
  padding-left: 0px;
}
.button li {
  margin: 0px;
  padding: 0px;
}
.button .left {
  background: transparent url(../image/menu-left.png) no-repeat top left;
  display: block;
  float: left;
  width: 5px;
  height: 21px;
}
.button .mid {
  display: block;
  float: left;
  height: 20px;
  background: #ffffff;
  font-size: 11px;
  padding-top: 1px;
  font-family: verdana;
  text-shadow: #a0a0a0 1px 1px 1px;
  color: #000000;
}
.button .right {
  display: block;
  float: left;
  width: 5px;
  height: 21px;
  margin-right: 3px;
  background: transparent url(../image/menu-right.png) no-repeat top left;
}