/* CSS Document */

body {
     background-color:#8a9b74;
     }

h2 {
	font: bold 14px Verdana, Arial, Helvetica, sans-serif;
	color: #000;
	margin: 0px;
	padding: 0px 0px 0px 15px;
    }
#main{
    border:1px solid #8a9b74;
	margin:auto auto;
	width:707px;
	height:738px;
	background-image:url(../img/main.gif);
    }
#top_nav{
    margin-top:14px;
	padding-right:30px;
	height:24px;
	float:right;
	}
#header{
	width:655px;
	height:157px;
	margin:auto auto;
	margin-top:50px;
	}
#menu {
  width:612px;
  height:33px;
  font-size:93%;
  line-height:normal;
  margin:auto auto;
  padding-top:2px;
  }
#menu ul {
  margin:0;
  padding:0;
  list-style:none;
  }
#menu li {
  float:left;
  width:102px;
  height:31px;
  margin:0;
  padding:0;
  text-align:center;
  }
#menu a {
  display:block;
  background-image:url("../img/button_green.gif");
  padding-top:7px;
  padding-bottom:9px;
  }
#menu a:hover  {
  display:block;
  background-image:url("../img/button_grey.gif");
  padding-top:7px;
  padding-bottom:9px;
  }
#menu #active {
      background-image:url("../img/button_grey.gif");
      }
#menu #active a {
      background-image:url("../img/button_grey.gif");
      }
	  
#menu a:link    {font-family:Geneva, Arial, Helvetica, sans-serif;font-size:12px;font-weight:bold;color:#FFFFFF;text-decoration:none;}
#menu a:visited {font-family:Geneva, Arial, Helvetica, sans-serif;font-size:12px;font-weight:bold;color:#FFFFFF;text-decoration:none;}
#menu a:active  {font-family:Geneva, Arial, Helvetica, sans-serif;font-size:12px;font-weight:bold;color:#FFFFFF;text-decoration:none;}
#menu a:active  {font-family:Geneva, Arial, Helvetica, sans-serif;font-size:12px;font-weight:bold;color:#FFFFFF;text-decoration:none;}

#top_nav a:link    {font-family:Geneva, Arial, Helvetica, sans-serif;font-size:10px;color:#666666;text-decoration:none;}
#top_nav a:visited {font-family:Geneva, Arial, Helvetica, sans-serif;font-size:10px;color:#666666;text-decoration:none;}
#top_nav a:active  {font-family:Geneva, Arial, Helvetica, sans-serif;font-size:10px;color:#666666;text-decoration:none;}
#top_nav a:active  {font-family:Geneva, Arial, Helvetica, sans-serif;font-size:10px;color:#666666;text-decoration:none;}

input{border:1px solid #333333;}
textarea{border:1px solid #333333;}
submit{border:1px solid #333333;}

h1{
   font-family:Geneva, Arial, Helvetica, sans-serif;
   font-size:16px;
   color:#576f94;
   margin:0px;
   padding:0px;
   }
   
#text{
   padding-top:20px;
   width:635px;
   margin:auto auto;
   font-family:Arial, Helvetica, sans-serif;
   font-size:12px;
   color:#333333;
   }
#cl{
  padding-left:10px;
  float:left;
  width:230px;
  }
#cr{
  float:right;
  width:380px;
  text-align:right;
  padding-right:10px;
  margin-top:50px;
  }
 #images{
   padding-top:35px;
   width:585px;
   margin:auto auto;
   font-family:Arial, Helvetica, sans-serif;
   font-size:12px;
   color:#333333;
   }
.screenshot{
  float:left;
  width:180px;
  height:200px;
  padding-left:10px;
  }
 .screenshots{
  float:left;
  width:160px;
  padding-bottom:50px;
  padding-right:25px;
  }
#box{
    position:relative;
    right:-380px;
	margin-top:-140px;
	}
#desc{
    position:relative;
	margin-top:-210px;
    width:250px;
	font-weight:bold;
	padding-left:50px;
	}
#demo{
    padding-top:0px;
    width:420px;
	float:right;
   }