/* */
html, body, h1, h2, h3, h4, h5, dl, dt, dd, form, fieldset, blockquote{margin: 0; padding: 0;}

body{
 height: 100%;
 background: url("../images/bg.gif") no-repeat;
 background-color: #020202;
 margin: 0px 0px 0px 0px; 
 padding: 0px 0px 0px 0px; 
 font-family: Georgia, Times, Times New Roman;
 font-size: 8pt;
 color: #FFF;
}

#container{	
 width: 960px;

}

h2{
 font-size: 18pt;
 color: #cebebc;
}

h3{
 font-size: 13pt;
 color: #cebebc;
}

#header{
 width: 940px;
 height: 250px;
 text-align: left;
 margin: 10px;
}

#header .logo{
 width: 285px;
 float: left;	
}

/* Navigation */
#menu{
 border: 0px solid blue;
 width: 420px;
 float: right;			
 margin-top: 125px;
 height: 52px;
 list-style-type: none;
 position: relative;
}

#menu ul{
 list-style-type: none;
}

#nav{
 border: 0px solid yellow;
 margin: 0;
 padding: 0;
}
#nav a {
 display: block;
 text-indent: -900%;
 position: absolute;
 outline: none;
}
#nav a:hover {
 background-position: left bottom;
}

#nav .web {
 width: 50px;
 height: 30px;
 background: url(../images/btn_web.gif) no-repeat;
}

#nav .print {
 width: 55px;
 height: 30px;
 background: url(../images/btn_print.gif) no-repeat;
 left: 94px;
 top: 2px;
}

#nav .other {
 width: 64px;
 height: 30px;
 background: url(../images/btn_other.gif) no-repeat;
 top: 0px;
 left: 192px;
}

#nav .contact{
 width: 86px;
 height: 30px;
 background: url(../images/btn_contact.gif) no-repeat;
 top: 1px;
 left: 292px;
}
/* Navigation */

#content{
 width: 940px;
 text-align: left;
 margin: 10px;
 border: 0px solid red;
}
#content ul{
 list-style: none;
 margin: 0px;
 padding: 0px;
}
#content .container {
 display: table;
  border: 0px solid green;
  cursor: pointer;
 }
#content .error {
 text-decoration: none; 
 padding-top:10px;
 margin-left: 204px;
}

#content .date {
 float: left;
 text-decoration: none; 
 width: 164px;
 background: url(../images/line_dotted1.gif) repeat-x;
 text-align: right;
 padding-top:10px;
 color: #928586;
 font-size: 9px;
}

#content .description{
 float: left;
 text-decoration: none; 
 width: 600px;
 height: 28px;
 margin-left: 40px;
 background: url(../images/line_dotted2.gif) repeat-x;
 padding-top:10px;
 color: #d7c7c3;
}
#content .category{
 position: absolute;
 left: 854px;
 text-decoration: none;
 text-align: right;
 width: 96px;
 background: url(../images/line_dotted3.gif) repeat-x;
 padding-top:10px;
 color: #8197af;
 font-size: 9px;
}

#content .summary {
 float: left;
 text-decoration: none; 
 width: 164px;
 text-align: right;
 padding-top:10px;
}

#content .screenshot{
 float: left;
 text-decoration: none; 
 width: 734px;
 margin-left: 40px;
 padding-top:10px;
 }

#content .screenshot img{
 border: 2px solid #4c6572;
}
#contact{
 color: #fff;
 }
#contact a{
 color: #a18d8d;
 font-size: 9pt;
 font-family: Georgia;
}
		
#contact a:hover{
 background-color: #2e2624;
 color: #F5F5F5;
		}

#credits{
 position: relative;
 top: 350px;
 clear: both;
 width: 940px;
 text-align: left;
 font-size: 9px;
 margin: 10px;
}