/* navigation */
        #nav
        {
            /*background: #ddd url(http://static.flowplayer.org/img/global/gradient/h300_reverse.png);*/
            /*border-bottom: 1px solid #CCCCCC;*/
            height: 80px;
            /*width: 745px;*/
        }
        #nav ul
        {
            /*width: 600px;*/
            margin: 0 !important;
            padding: 0;
        }
        #nav li
        {
            float: left;
            /*padding-left: 1px;*/
            list-style-type: none;
            text-align: left;
            padding-top: 13px;
            border-right: 1px solid #cdcdcd;
            height: 73px;
            margin-top: 1px;
        }
        
        #nav a
        {
            color: #666;
            display: block;
            padding: 0px;
            position: relative;
            font-size: 11px;
            height: 60px;
            text-decoration: none;
        }
        #nav a.current, #nav a.current strong
        {
            /*background: url(http://static.flowplayer.org/tools/img/tabs/down_large.jpg);*/
        }
        
        #nav img
        {
            /*background-color: #fff;
            border: 1px solid #ccc;
            margin: 3px 0 5px 27px;
            padding: 4px;
            display: block;*/
            float: left;
            border: 0;
            margin-right: 10px;
        }
        #nav strong
        {
            display: block;
            font-size: 22px;
            font-weight: normal;
            color: #333;       
        }
        /* panes */
        #panes
        {
            /*background: #fff url(http://static.flowplayer.org/img/global/gradient/h300_reverse.png) repeat scroll 0 0;*/
            /*border-color: #ccc;*/
            /*border-style: solid;*/
            /*border-width: 1px 1px 0;*/
            width: 980px;
            height: 415px;
            margin-bottom: -20px;
            /*padding-bottom: 20px;*/ /* must be relative so the individual panes can be absolutely positioned */
            position: relative;
        }
        /* crossfading effect needs absolute positioning from the elements */
        #panes div
        {
            display: none;
            position: absolute;
            /*top: 20px;
            left: 20px;*/
            font-size: 14px;
            color: #444;
            /*width: 980px;*/
        }
        #panes p.more
        {
            color: #000;
            font-weight: bold;
        }
        #panes h3
        {
            margin: 0 0 -5px 0;
            font-size: 22px;
            font-weight: normal;
        }
        .overlay
        {
            display: none;
            width: 500px;
            padding: 20px;
            background-color: #ddd;
        }
