body{font-size:80%;}
table{font-size:1em;}
.layout-grid{width:960px;}
.layout-grid td{vertical-align:top;}
.layout-grid td.left-nav{width:140px;}
.layout-grid td.normal{border-left:1px solid #eee;padding:20px 24px;font-family:"Trebuchet MS","Helvetica","Arial","Verdana","sans-serif";}
.layout-grid td.demos{height:337px;overflow:hidden;}
.normal h3, .normal h4{margin:0;font-weight:normal;}
.normal h3{padding:0 0 9px;font-size:1.8em;}
.normal h4{padding-bottom:21px;border-bottom:1px dashed #999;font-size:1.2em;font-weight:bold;}
.normal p{font-size:1.2em;}
.demos-nav, .demos-nav dt, .demos-nav dd, .demos-nav ul, .demos-nav li{margin:0;padding:0}
.demos-nav{float:left;width:170px;font-size:1.3em;}
.demos-nav dt, .demos-nav h4{margin:0;padding:0;font:normal 1.1em"Trebuchet MS","Helvetica","Arial","Verdana","sans-serif";color:#e87b10;}
.demos-nav dt, .demos-nav h4{margin-top:1.5em;margin-bottom:0;padding-left:8px;padding-bottom:5px;line-height:1.2em;border-bottom:1px solid #F4F4F4;}
.demos-nav dd a, .demos-nav li a{border-bottom:1px solid #F4F4F4;display:block;padding:4px 3px 4px 8px;font-size:90%;text-decoration:none;color:#555;margin:2px 0;height:13px;}
.demos-nav dd a:hover, .demos-nav dd a:focus, .demos-nav dd a:hover, .demos-nav dd a:focus{background:#f3f3f3;color:#000;-moz-border-radius:5px;-webkit-border-radius:5px;}
.demos-nav dd a.selected{background:#555;color:#ffffff;-moz-border-radius:5px;-webkit-border-radius:5px;}

