body    { font-size:100%; background:#E6E6E6;}
td  	{ text-align:center; }
img     { border: 0; }
h2, h3  { text-align: center; margin-bottom:0;}
h5      { text-align: center; margin-top:0;}
.center { text-align: center; }
.border { border:1px solid black; }
#logo   { margin-top: 20px; }

#header {
	background:black; 
	text-align: center; 
	font-size:large;
	font-weight:bold;
	list-style-type:none;
	margin:0;
	padding:0;
	overflow:hidden;
	width:519px; 
	}

#header li {
	float:left; 
	width:101px;
	line-height: 200%;
	border-left:1px solid grey;
	}

#header li:first-child { border: none; }

#header a:link, #header a:visited {
	color:white;
	display:block;
	font-weight:bold;
	text-align:center;
	text-decoration:none;
	}

#wrap {
	float: left;
	position:relative;
	width:519px; 
	background:url("images/bg.png") repeat-y top left;
	}

#left, #xleft {
	float: left;
	width: 100px;
	text-align: center;
	margin-right:8px;
	z-index:100;
	}
#left  table { width:100px; }
#xleft table { width:100px; height:350px; }
#left  img   { padding:3px 0;}
#xleft img   { padding:3px 0;}

#right {
	float:right;
	padding:20px;
	z-index:99;	
	}
#right li { line-height: 250%; }

#main,
#examples	 { padding-top:20px; padding-left:121px; }
#gallery     { width: 385px; }
#gallery p   { margin-bottom: 0; } 
#gallery ul  { margin-top: 0.4em; }
#examples ul { margin-top: -0.8em; }
#examples table { width: 386px; }
#examples table > tbody > tr > td:first-child { text-align: left;}
#examples table > tbody > tr > td+td+td       { text-align: right;}

#comparison table > tbody > tr > td:first-child { text-align: left; padding-left:12px;}
#comparison table,
#comparison table > tbody > tr > td,
#comparison table > tbody > tr > th  { border: 1px solid #cccccc;}

#foot1 {
	position:relative;
	float: left;
	width: 101px;
	text-align: center;
	background:url("images/bg.png") repeat-y top left;
	}

#foot1 img {vertical-align: top;}

#foot2 {
	font-size:small;
	text-align:center;
	color:#888;
	line-height:27px;
	}