/************************************************************************/
/*	                          Body                                      */
/************************************************************************/

body {
	margin: 0;
	padding: 0;
	color: #555;
	background-color:#ffffff;
	font-family: Verdana;
	text-align:center;
}

/************************************************************************/
/*	                          Container                                 */
/************************************************************************/

#container {
	position: relative;
	width: 1200px;
	margin: 0px auto;
	font-size: 12px;
	line-height: 2;
	text-align: left;
}

#container:after {
	clear: both;
	height: 0;
	display: block;
	visibility: hidden;
	content: '.';
}

/************************************************************************/
/*	                          Down container                            */
/************************************************************************/

#downContainer {
  background-color:#F8F8F8;
  padding-top: 0px;
  border-top: 4px solid #97BE0D;
  border-bottom: 4px solid #97BE0D;
  /*border-radius: 15px;*/
	/*border: 4px solid #97BE0D;
  -moz-border-radius: 7px;
  -webkit-border-radius: 7px;*/
}

#downContainer:after {
	clear: both;
	height: 0;
	display: block;
	visibility: hidden;
	content: '...';
}

/************************************************************************/
/*	                          Header                                    */
/************************************************************************/

#header {
	clear:both;
	margin: 0;
	height: 150px;
}

#header img {  
  float: left;
  clear: right;
  width: 270px;
  border: 0px;
}

#header h1{	
	float: left;
	margin: 0;
	padding-left: 50px;
	padding-top: 30px;
	color: #444;
	font-size: 3.8em;
	font-weight: 400;
	line-height: 2.2em;
	background: url('images/headerBackGround.png');
	background-repeat:no-repeat;
	width:880px;
	height:120px;
	
}

/************************************************************************/
/*	                          Left container                            */
/************************************************************************/

#leftcontainer {
	float: left;
	clear: left;
	width: 180px;
	padding: 0;
	margin: 0;
	padding-left: 30px;
	font-size: 11px;
}

#leftcontainer ul {
	display: block;
	list-style: circle;
	margin: 0;
	padding-top: 55px;
	padding-bottom: 0px;
	padding-left: 0;
}

#leftcontainer ul li
{
	display: inline;
	padding: 0;
}

#leftcontainer ul li a
{
	background-color: #f0f0f0;
	color: #555;
	display: block;
	margin-top: 6px;
	margin-bottom: 3px;
	padding-left: 5px;
	padding-top: 2px;
	padding-bottom: 2px;
	border-left: 4px solid #97BE0D;
	border-top: 1px solid #C0C0C0;
	border-right: 1px solid #C0C0C0;
	border-bottom: 1px solid #C0C0C0;
	font-weight: bold;
	text-decoration: none;
}

#leftcontainer ul li a:hover, #leftcontainer ul li a.selected {
	color: #000;
	background-color: #BBDD2C;
}

#leftcontainer img{
	margin-top: 50px;
  display: block;
  width: 180px;
  clear:both;
  border: 0px;
}

/************************************************************************/
/*	                          Content                                   */
/************************************************************************/

#content {
	float:left;
	clear:right;
	width: 950px;
	margin-left: 20px;
	text-align: justify;
}

#content a {
	color: #97BE0D;
	font-weight: bold;
	text-decoration: none;
}

#content a:hover {
	text-decoration: underline;
}

#content p {
	margin: 0;
	padding-top: 10px;
	padding-bottom: 5px;
}

#content h2 {
	margin: 0;
	padding-left: 0px;
	padding-top: 15px;
	padding-bottom: 5px;
	border-bottom: 2px dotted #97BE0D;
	color: #97BE0D;
	font-size: 1.9em;
	font-weight: 400;
	line-height: 1.75;
}

#content h3 {
	margin: 0;
	padding-left: 0px;
	padding-top: 15px;
	padding-bottom: 0px;
	font-size: 1.3em;
	font-weight: bold;
	line-height: 1.2;
}

#content div.screenshot {
	padding-top: 20px;  
	padding-bottom: 10px;
  text-align: center;
}

#content img.screenshot {
	clear:both;
  width: 700px;
  border: 0px;
}

#content div.right {
	float:right;
	clear:left;
	padding-top: 10px;
	padding-bottom: 5px;
	padding-left: 20px;
}

#news {
	padding-top: 20px;
	padding-bottom: 20px;
}

#news p{
	padding-top: 0px;
	padding-left: 5px;
	padding-right: 5px;
	padding-bottom: 0px;
  border-left: 4px solid #97BE0D;
  border-top: 4px solid #97BE0D;
  border-bottom: 4px solid #97BE0D;
  border-right: 4px solid #97BE0D;
}

#news span.reference{
	color: #FF6600;
}

#news span.reference a{
	color: #FF6600;
}

#content img.smallScreenshot {
	clear: both;
  width: 500px;
  border: 0px;
}

#content img.screenshot {
	clear:both;
  width: 700px;
  border: 0px;
}

/************************************************************************/
/*	                          Footer                                    */
/************************************************************************/

#footer {
	
	/*height: 10px;*/
	margin: 0;
	padding-top: 10px;
	padding-left: 0px;
	padding-right: 0px;
	text-align:center;
}

#footer p {
	margin: 0;
	/*padding: 0px;*/
	padding-right: 0px;
	color: #707070;
	font-size: 0.9em;
	line-height: 2em;
}

#footer a {
	color: #707070;
	font-weight: normal;
	text-decoration: none;
}

#footer a:hover {
	text-decoration: underline;
}

#footer img {
	float:right;
	padding-right: 10px;
	padding-left: 0px;
	border:0px;
}