body,html {
	font-family: Tahoma;
	background-color:#111111;
	margin:0px;
	height:100%;
	font-size:11px;
	color:#66625c;
}
#container {
margin:0px;
width:100%;
height:100%;
}
#content {
width:50%;
height:100%;
vertical-align:middle;
text-align:center;
margin-right:auto;
margin-left:auto;
margin-top:auto;
margin-bottom:auto;
}
    DIV.outer
      {
      position: absolute;
      left: 50%;
      top: 50%;
      width: 550px;
      height: 350px;
      margin-left: -275px; /* half of width */
      margin-top: -175px;  /* half of height */
      background-color: #111111;
      }
    DIV.inner
      {
      position:absolute;
      left: 50%;
      top :50%;
      width: 500px;
      height: 300px;
      margin-left: -250px; /* half of width */
      margin-top: -150px;  /* half of height */
      background-color: #111111;
      }
p {
	font-family: Arial, Helvetica, sans-serif;
	margin:0px;
	height:100%;
	color:#6b7364;
	font-size:10px;
	}
.but img{ filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100); -moz-opacity: 1; }
.but:hover img{ filter:progid:DXImageTransform.Microsoft.Alpha(opacity=80); -moz-opacity: 0.8; }

.footer a:link { color:#996600; text-decoration:none; }
.footer a:visited { color: #996600; text-decoration:none; }
.footer a:hover { color: #666; text-decoration:underline; }
.footer a:active { color: #996600; text-decoration:none; }

.portfolio, .all {
line-height:20px;
}
.portfolio a:link { color:#66625c; text-decoration:none;  }
.portfolio a:visited { color: #66625c; text-decoration:none; }
.portfolio a:hover { color: #996600; text-decoration:none;  }
.portfolio a:active { color: #66625c; text-decoration:none;  }

.all a:link { color:#403d3a; text-decoration:none;  }
.all a:visited { color: #403d3a; text-decoration:none; }
.all a:hover { color: #996600; text-decoration:none;  }
.all a:active { color: #403d3a; text-decoration:none;  }