body {
	width:100%; height:100%;
    font-family: "Verdana", sans-serif;
    font-size: 75%;
    color: #306070;
    line-height: 1.5;
    background-color: #DDC;
    margin:0;
	padding:0;
    text-align: left;
}

h1 {
    font-size: xx-large;
    display:inline;
}

h2 {
		font-size: medium;
		padding: 0px;
		color: #409070;
		margin:0 1em;
		padding:1em 0;
}

a {
    color: #6090B0;
    text-decoration: underline;
}

a:hover {
    color: #F00;
    text-decoration: underline;
}

p {
	margin:1em;
}

#loading {
	margin:2em;
}

#logo {
	width:32px;
	height:32px;
	padding:6px 6px;
	vertical-align: bottom;	
}
#version {
	color:#A80;
	float:right;
	margin-top:-3em;
}
#inbody {
	width:90%;
	min-width:660px;
	width:expression(document.body.offsetWidth<760?"660px":"90%");
	margin:0 auto;
}

#header 
{
	text-align:left;
	color: #000;
	background-color:#CB6;
	border:1px solid #000;
	border-top-style:none;
	padding:1em 2em;
}
#header h1 {
	padding:0 1em;
}
#header b {
	display:block;
	font-size: medium;
	font-weight:bold;
	color: #622;
	padding:0;
}
#content 
{
	min-height:240px;
	background-color:#F4F4FF;
	border:1px solid #000;
	border-style:none solid;
	padding:1em;
}
#footer 
{
	color:#AAA;
	border-style:none solid;
	padding:1.2em 1em;
}
#footer a.mail {
	background-image:url(images/send.gif);
	background-repeat:no-repeat;
	background-position:center right;
	padding-right:28px;
	white-space: nowrap;
}
#footer nobr {
	font-size:xx-small;
}
#counter {
	text-align:left;
	margin-left:2em;
}

#banner {
	font-size:8pt;
	text-align:center;
	color:#AAA;
	border:0px;
	border-style:none solid;
	padding:0;
	height:0px;
}
#ad {
	width:650px;
	overflow: hidden;
	margin:1em 0;
}
#ads {
	margin:0.8em;
	height: 70px;
}

#frame {
	width:100%;
	height:100%;
}

#view {
	width: 319px;
	height: 165px;
	float:right;
	padding-left: 30px;
}

#screenshots {
	text-align: left;
	padding: 4px;	
}

#screenshots b {
	display:block;
	margin:1em;
}

#screenshots img {
	width: 240px;
	height: 320px;	
	border:1px solid #AAA;
	margin:1em;
}

.section {
	display:none;
}
.section.active {
	display:block;
}

/* ****************** MENU ****************** */
#menu {
	list-style:none;
	margin:10px 1em 20px 1em;
	padding:0 1em;
}
#menu li {
	margin:0 4px;
	text-align:left;
	float:left;
}
#menu a 
{
	padding:2px;
	display:block;
	text-align:center;
	text-decoration:none;
	cursor:pointer;
	background-color:#FFFDDD;
	width:7em;
	min-width:80px;
	border:1px solid #000;
	border-style:solid solid none solid;
}
#menu a:hover
{
	color:#F00;
	text-decoration:underline;
	background-color:#FFF;
}
#menu a.active {
	background-color:#F4F4FF!important;	
}
#menu a.active:hover {
	color:#6090B0;
	text-decoration:none;
	cursor:default;	
}
/* ****************** SNAZZY CORNERS, DO NOT TOUCH :-) ****************** */
.xsnazzy h1, .zsnazzy h1 {
margin:0; 
padding:0 10px 5px 10px; 
}
.xsnazzy {
background: transparent; 
}
.xtop, .xbottom {
display:block; 
background:transparent; 
font-size:1px;
}
.xb1, .xb2, .xb3, .xb4 {
display:block; 
overflow:hidden;
}
.xb1, .xb2, .xb3 {
height:1px;
}
.xb2, .xb3, .xb4 {
background:#fff; 
border-left:1px solid #444;
border-right:1px solid #444;
}
.xb1 {
margin:0 5px; 
background:#444;
}
.xb2 {
margin:0 3px;
border-width:0 2px;
}
.xb3 {
margin:0 2px;
}
.xb4 {
height:2px; 
margin:0 1px;
}
.xboxcontent {
display:block; 
border:0 solid #444; 
border-width:0 1px; 
height:auto;
}
* html .xboxcontent {
height:1px;
}
.color_a {
background:#CB6;
color:#fff;
}
.color_b {
background:#d4d8bd; 
color:#000;
}
.color_c {
background:#758279; 
color:#fff;
}
.color_d {
background:#b2ab9b; 
color:#000;
}

  .otherprj {
    width: 100%;
    line-height: 1.2;
    padding: 4px;
    margin-bottom: 8px;
    background-color: #000000;
    color: #A0A0A0;
    font-family: Verdana,sans-serif;
    font-size: 9pt;
    font-weight: bold;
    border: 1px solid #404040;
     }

  .otherprjlink {
   margin-left: 1em;
	 text-decoration: none;
   font-size: 9pt;
   font-weight: bold;
   color: #D0D0D0; }

  .otherprjthis {
   margin-left: 1em;
	 text-decoration: none;
	 font-size: 9pt;
   font-weight: bold;
   background-color: #A0A0A0;
   color: #000000; }  
