html, body {
	margin:0;
	padding:0;
}

a{
	color: #27D;
	text-decoration: none;
}
a:focus, a:hover, a:active {
	text-decoration: underline;
}
p, li {
	line-height: 1.8em;
}
h1, h2 {
	font-family: "Trebuchet MS", Verdana, sans-serif;
	margin: 0 0 10px 0;
	letter-spacing:-1px;
}
h1 {
	padding: 0;
	font-size: 3em;
	color: #333;
}
h2 {
	padding-top: 10px;
	font-size:2em;
}
pre {
	font-size: 1.2em;
	line-height: 1.2em;
	overflow-x: auto;
}
div.page {
	width: 900px;
	background-color: #272727;
	margin: 0 auto;
	text-align: left;
	/*border-color: #ddd;
	border-style: none solid solid;
	border-width: medium 1px 1px;*/
}
div#container {
/*	padding: 20px;*/

}
div#ads {
	clear: both;
	padding: 12px 0 12px 66px;
}
div#footer {
	clear: both;
	color: #777;
	margin: 0 auto;
	padding: 20px 0 40px;
	text-align: center;
}

/*-----------------------------------------------------------------------------------------------
  Global Styles
-----------------------------------------------------------------------------------------------*/
 
* {
  padding:0;
  margin:0;
}
h1, h2, h3, h4, h5, h6, p, pre, blockquote, label, ul, ol, dl, fieldset, address { margin:1em 0; }
li, dd { margin-left:5%; }
fieldset { padding: .5em; }
select option{ padding:0 5px; }
select, option { color:black; }
.hide, .print-logo, .close-button{ display:none; }
.left{ float:left; }
.right{ float:right; }
.clear{ clear:both; height:1px; font-size:1px; line-height:1px; }
a img{ border:none; }
 
/*-----------------------------------------------------------------------------------------------
  Layout / Base Page Styling
-----------------------------------------------------------------------------------------------*/
 
body{
  background:#272727;
  color:#BFBFBF;
  font-size:11px;
  font-family:"Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Verdana, Arial, sans-serif;
}
 
/* This class sets the width and position for all rows */
.inside{
  /*width:70%;*/
  min-width:45em;
  max-width:85em;
  margin:0 auto;
}
 
a{
  color:#FFF;
}
 
h1{
  color:#CCC;
  font-size:1.5em;
  font-weight:normal;
  margin:1.5em 0;
}
 
h2, h3{
  font-size:1.15em;
  color:#FFF;
  font-weight:normal;
}
#primary h2{
  color:#CCC;
}
 
p{
  line-height:1.75em;
}
 
#primary ul li{
  list-style-type:square;
  margin:0.5em 0 0.5em 2em;
}
 
blockquote{
  margin-left:1em;
  padding-left:1em;
  border-left:2px solid #CCC;
  color:#CCC;
}
 
pre{
  width:100%;
  padding:1em 0;
  overflow:auto;
  border-top:1px dotted #333;
  border-bottom:1px dotted #333;
}
#layouttable{
}
#layouttable td{}
table{
  width:100%;
  border-spacing:2px;
  margin:1.5em 0;
}
table th, table td{ padding:0.3em 0.75em }
table th{
  background:#CCC;
  color:#000;
  text-align:left;
}
table td{
  background:#333;
  color:#FFF;
}
table caption{
  text-align:left;
  color:#FFF;
  margin-bottom:-1em;
  margin-top:1em;
}
 
.rule{
  border-top:1px solid #CCC;
  height:1px;
  font-size:1px;
  line-height:1px;
  margin:1.5em 0;
}
 
/*-----------------------------------------------------------------------------------------------
  Header
-----------------------------------------------------------------------------------------------*/
#header{
  background:rgb(39, 39, 39);
}
#header .inside{
  padding:3em 0;
}
 
#header h2{
  font-size:2.25em;
  margin:0 0.5em 0 0;
  padding:0 0.5em 0.25em 0;
  border-right:1px solid #808080;
  float:left;
}
#header h2 a{ text-decoration:none; }
 
#header p{
  padding:1em 0;
  margin:0;
  line-height:1em;
}
 
#header_menu{
  float: right;
  margin: 0px 3em 0px 0px;
  padding: 0px;
  text-align: right;
}
 
#header_menu h3{
  float: right;
  font-size: 1.75em;
  font-weight: normal;
  margin: 4px 0px 0px 0px;
  padding: 0px 0.5em 0px 0.5em;
  border-right: 1px solid rgb(153, 153, 153);
 
}

#leftcol{
	float: left;
	width: 400px;
}

#rightcol{
	float:right;
	width: 400px;
}

div.entry{
	margin-bottom: 5em;
	
}

.entry span.label{
	color: rgb(170,170,170);	

}
.entry img{
	float: left;
	margin-right: 1em;
	/*height: 100px;
	width: 100px;*/
}
.entry h3{
	border-bottom: 1px solid rgb(61,61,61);
	padding-bottom: 0.5em;
	color:  #ffffff;
}
.entry p{
	height: 7em;
		color: #808080;
	overflow: hidden;
}
.entry .desc{
	height: 6em;
	border-bottom: 1px solid rgb(61,61,61);
	padding-bottom: 2.5em;
	
}
.entry p.tech{
	border-bottom: 1px solid rgb(61,61,61);
	padding-bottom: 0.4em;
	color: #808080;
	height: auto;
}
.entry .readmore{
	float:right;
}
.entry .readmore a{
	font-size: xx-small;
	color: #808080;
}
.demo a{
/*	font-size: xx-small;*/
	float: right;
	color: #808080;
}
.entry .action{
	float:right;
	vertical-align: bottom;
	margin-right: 0.5em;
	padding-right: 0.5em;
/*	border-right: 1px solid rgb(153, 153, 153);*/
}
.entry .action a{
	font-size: xx-small;
	color: #808080;
}
#tabs{
	margin-left: auto;
	margin-right: auto;
	width: 800px;
}
#tabs ul{
  list-style-type: none;
  text-align: center; 
}
#tabs li{
	display:inline;
	font-size: 1em;
	font-weight: normal;
	margin: 4px 0px 0px 0px;
	padding: 0px 0.5em 0px 0.5em;
	border-right: 1px solid rgb(153, 153, 153);
}
#tabs li .selected{
	font-size: 1.2em;
	color: #FFFFFF;
	font-weight: bold;

}
#tabs li a{
	text-decoration: none;
}
#tabs li a:hover{
	text-decoration: none;
}
:focus {
    outline: 0;
}
#header_menu h3 a:link, a:visited {
text-decoration:none;
}