ul.menu {
  list-style: none;
  border: none;
  text-align:left;
}
ul.menu li {
  margin: 0 0 0 0.5em;
  font-size:2em;
  line-height:30px;
}
li a.active {
  color: #000;
}
#sidebar p {
	text-align:justify;
}
#screenshot{
	position:absolute;
	border:2px solid #b3d5da;
	background: #fff;
	padding:5px;
	display:none;	
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	-khtml-border-radius:5px;
	border-radius:5px;
}
#preview{
	position:absolute;
	border:2px solid #b3d5da;
	background: #fff;
	padding:5px;
	display:none;
	color:#fff;

	filter:alpha(opacity=90);
	-moz-opacity:.9;
	opacity:.9;
	-khtml-opacity: 0.9;	
}
#tooltip{
	position:absolute;
	border:2px solid #b3d5da;
	background: #fff;
	padding:2px 5px;	
	color:#333;
	display:none;
	filter:alpha(opacity=90);
	-moz-opacity:.9;
	opacity:.9;
	-khtml-opacity: 0.9;	
}
#screenshot, #preview, #tooltip {
	font: bold 12px "Trebuchet MS", Arial, Helvetica, sans-serif;
}
#preview, #tooltip, .feature-item .numeration{
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	-khtml-border-radius:5px;
	border-radius:5px;
}
/** Features */

#features{width:100%;padding:0;margin-top:10px;}
#features h3{font-size:16px;color:#333;margin:0;}

/* this group controls the vertical centering in .feature-item -- if changing the height of .feature-item, change all corresponding heights, line-heights & font-sizes in group to equal */
.feature-item {
	border-top:1px #d8d8d8 dotted;
	margin:0;	
	padding:10px 0;
	height:60px; /*here is the master height control*/	
}
#features .numeration{
	height:60px;	
}
.feature-item-last{
	border-bottom:1px #d8d8d8 dotted;
	display:block;
}
.feature-item .numeration{
	width:400px;
	margin:0;
	float:left;
	clear:left;
	padding-left:12px;
	border: 1px solid #ccc;	
}
.feature-item div.desc{
	margin:0;
	width:530px;
	float:right;
}
.feature-item div.desc h3{
	font-size:12px;	
	font-weight:bold;
}
.feature-item div.desc p{	
	font-size:11px;
	color:#333;
}
.feature-item:hover{background:url(../images/shade.png) repeat-x bottom;}/*rollover control*/
.feature-item a{display:block;}

div.feature-item div.numeration {
	background-position: center;
	background-repeat: no-repeat;
}
div.feature-item div.numeration.one{background-image:url(../images/screenshots/m-ga.png)}
div.feature-item div.numeration.two{background-image:url(../images/screenshots/m-administration-main-panel.png)}
div.feature-item div.numeration.three{background-image:url(../images/screenshots/m-sitelist.png)}
div.feature-item div.numeration.four{background-image:url(../images/screenshots/m-administration-manage-pages.png)}
div.feature-item div.numeration.five{background-image:url(../images/screenshots/m-administration-add-page.png)}
div.feature-item div.numeration.six{background-image:url(../images/screenshots/m-administration-manage-languages.png)}
div.feature-item div.numeration.seven{background-image:url(../images/screenshots/m-user-list.png)}

#contact .contactbg {background:url(../images/mail.jpg);}

/** Footer */
#footer {
	width: 920px;
	clear: both;
	padding: 15px 25px;
	margin-top: 50px;
	float: left;
	border-top: 1px solid #dddad1;
	font-size: 11px;
	line-height: 10px;
}

#footer .copy {
	width:600px;
	float:left;
}

#footer a{
	color:#000;
}

#footer #region-right {
	float: right;
	top:0;
	line-height: 14px;
}

#footer #region-right a {
	border-bottom: 1px dotted #ccc;	
}

#footer .rssLink {
	background: url(images/icon_rss.gif) no-repeat;
	padding-left: 19px;
	float: left;
	line-height: 14px;
	margin-right: 12px;
}
div.copy a.whos {
	background:#ededed;
	color: #808080;
	padding: 1px 5px;
	margin-left:5px;
	border: 1px solid #e5e5e5;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	-khtml-border-radius:3px;
	border-radius:3px;
}