html { height: 100%; margin-bottom: 1px; background: #e1cf99 url(../images/mainbg.jpg) no-repeat 50% 50%; }
body { font: .85em/130% arial, tahoma, geneva, verdana, sans; margin: 0; padding: 0; color: #333; }
#container, #footer  { width: 900px; padding: 20px 0; margin: 0 auto; }
#footer { text-align: center; border-top: 2px solid #d81400; overflow: hidden; font-size: 90%; }
h1.main { width: 100%; margin: 0 0 50px 0; text-align: center; display: block; color: #d81400; border-bottom: 2px dotted #d81400; padding: 20px 0; }
.contentleft, .contentright { float: left; overflow: hidden; padding: 0; margin: 0; }
.contentleft { width: 560px; padding: 0 40px 0 0; }
.contentright { width: 300px; }
.sponsor { margin: 10px 0; }
.sponsor img { border: 0; }
.sponsors { width: auto; text-align: right; }
.download  a { text-indent: -9999em; width: 300px; height: 104px; display: block; background: url(../images/download.png) no-repeat 0 0; margin-bottom: 30px; }
.demo { width: auto; border-bottom: 1px dotted #333; padding: 10px 0; margin: 0 0 20px 0; font-weight: bold; font-size: 140%; }

ul.browser { list-style: none; margin: 14px 0; overflow: hidden; padding: 0; }
ul.browser li { display: block; float: left; width: 32px; height: 32px; text-indent: -9999em; padding: 0; margin: 0 3px; }
ul.browser li.fi { background: url(../images/firefox.png) no-repeat 0 0; }
ul.browser li.op { background: url(../images/opera.png) no-repeat 0 0; }
ul.browser li.ie { background: url(../images/ie.png) no-repeat 0 0; }
ul.browser li.ch { background: url(../images/chrome.png) no-repeat 0 0; }
ul.browser li.sa { background: url(../images/safari.png) no-repeat 0 0; }
ul.browser li.ne { background: url(../images/netscape.png) no-repeat 0 0; }
h3.browserheader { margin: 40px 0 0 0; padding: 0; }

/* ---------- MENU: REDLINE CSS STYLE -------------- */

#redline, #redline ul, #redline ul li, #redline ul li a  { margin: 0; }
#redline, #redline ul { padding: 0; }
#redline ul li a , #redline ul li  { display: block; float: left; }
#redline { width: 100%; margin: 0; font-size: 95%; }
#redline ul { list-style: none; background: url(../images/menubg_1.gif) repeat-x 0 50%; overflow: hidden; border: 1px solid #c01700; }
#redline ul li { padding: 0 2px 0 0; background: url(../images/separator1.gif) no-repeat 100% 50%; }
#redline ul li a { color: #fff; font-weight: bold; text-decoration: none; }
#redline ul li a:link, #redline ul li a:visited { padding: 7px 10px; }
#redline ul li a:hover, #redline ul li a:active { background: url(../images/menubg_1h.gif) repeat-x 0 50%; }

/* ---------- MENU: GREENLINE CSS STYLE -------------- */

#greenline, #greenline ul, #greenline ul li, #greenline ul li a  { margin: 0; }
#greenline, #greenline ul { padding: 0; }
#greenline ul li a , #greenline ul li  { display: block; float: left; }
#greenline { width: 100%; margin: 0; font-size: 95%; }
#greenline ul { list-style: none; background: url(../images/menubg_2h.gif) repeat-x 0 50%; overflow: hidden; border: 1px solid #739214; }
#greenline ul li { padding: 0 2px 0 0; background: url(../images/separator2.gif) no-repeat 100% 50%; }
#greenline ul li a { color: #fff; font-weight: bold; text-decoration: none; }
#greenline ul li a:link, #greenline ul li a:visited { padding: 7px 10px; }
#greenline ul li a:hover, #greenline ul li a:active { background: url(../images/menubg_2.gif) repeat-x 0 50%; }

/* ---------- MENU: BLUELINE CSS STYLE -------------- */

#blueline { width: 100%; font-size: 95%; }
#blueline, #blueline ul, #blueline ul li, #blueline ul li a  { margin: 0; }
#blueline, #blueline ul { padding: 0; }
#blueline ul li a , #blueline ul li  { display: block; float: left; }
#blueline ul { list-style: none; background: url(../images/menubg_3.gif) repeat-x 0 50%; overflow: hidden; border: 1px solid #0e6aa4; }
#blueline ul li { padding: 0 2px 0 0; background: url(../images/separator3.gif) no-repeat 100% 50%; }
#blueline ul li a { color: #fff; font-weight: bold; text-decoration: none; }
#blueline ul li a:link, #blueline ul li a:visited { padding: 7px 10px; }
#blueline ul li a:hover, #blueline ul li a:active { background: url(../images/menubg_3h.gif) repeat-x 0 50%; }

/* ---------- MENU: YELLOWLINE CSS STYLE -------------- */

#yellowline, #yellowline ul, #yellowline ul li, #yellowline ul li a  { margin: 0; }
#yellowline, #yellowline ul { padding: 0; }
#yellowline ul li a , #yellowline ul li  { display: block; float: left; }
#yellowline { width: 100%; margin: 0; font-size: 95%; }
#yellowline ul { list-style: none; background: url(../images/menubg_4.gif) repeat-x 0 50%; overflow: hidden; border: 1px solid #d9a003; }
#yellowline ul li { padding: 0 2px 0 0; background: url(../images/separator4.gif) no-repeat 100% 50%; }
#yellowline ul li a { color: #fff; font-weight: bold; text-decoration: none; }
#yellowline ul li a:link, #yellowline ul li a:visited { padding: 7px 10px; }
#yellowline ul li a:hover, #yellowline ul li a:active { background: url(../images/menubg_4h.gif) repeat-x 0 50%; }

/* ---------- MENU: BLACKLINE CSS STYLE -------------- */

#blackline, #blackline ul, #blackline ul li, #blackline ul li a  { margin: 0; }
#blackline, #blackline ul { padding: 0; }
#blackline ul li a , #blackline ul li  { display: block; float: left; }
#blackline { width: 100%; margin: 0; font-size: 95%; }
#blackline ul { list-style: none; background: url(../images/menubg_5.gif) repeat-x 0 50%; overflow: hidden; border: 1px solid #1f1f1f; }
#blackline ul li { padding: 0 2px 0 0; background: url(../images/separator5.gif) no-repeat 100% 50%; }
#blackline ul li a { color: #fff; font-weight: bold; text-decoration: none; }
#blackline ul li a:link, #blackline ul li a:visited { padding: 7px 10px; }
#blackline ul li a:hover, #blackline ul li a:active { background: url(../images/menubg_5h.gif) repeat-x 0 50%; }