* 
{
  margin: 0;
   padding: 0;
}

/* macs won't see this! \*/
html, body 
{
   height:100%;
   width:100%;
}
/* END mac */

#outer 
{
 height:100%;
   width:100%;
   display:table;
   vertical-align:middle;
   
}
body {
   behavior: url("csshover3.htc");
}


#container 
{
   display:table-cell;
   vertical-align:middle;
  
}

#inner
 {
   text-align: center;
   width: 780px;
   margin-left:auto;
   margin-right:auto;
   height: 600px;
}



body {
height: 100%;
	background-color:#000000;
	color:#a99a6f;
}

form
{
	height: 100%;
}

#top {
	width:100%;
}

#middle {
	width:100%;
}

#tagline {
	width:100%;
}

#footer {
	width:100%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:a99a6f;
}

a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#a99a6f;
	font-weight:bold;
	text-decoration:none;
}

a:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:white;
	font-weight:bold;
	text-decoration:none;
}


.toggleopacity img{
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=75);
-moz-opacity: 0.80;

}

.toggleopacity:hover img, .toggleopacity:active img, .toggleopacity:focus img{
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
-moz-opacity: 1;
}

.toggleopacity
{
	vertical-align:top;
	height:437;
	width:204;
	border:2px solid #a99a6f;
	margin-right:5px;
}
.toggleopacity:hover,.toggleopacity:active, .toggleopacity:focus
{
	border:2px solid #dad5C0 ;
}