* { padding: 0; margin: 0; border: none; }
html, body, #form1 {height: 100%;}
body { background: url(../images/bg_gradient.jpg) repeat-x; }
.clear { clear: both; }

/* LAYOUT */
#container { width: 950px; margin: 0 auto; padding: 0 20px 0 20px; min-height: 100%; position: relative; }
#leftPane { float: left; width: 645px; padding: 20px; background: url('../images/left.png') no-repeat; }
#rightPane { float: right; width: 255px; margin-top: 100px; }
#sales { margin-top: 40px; }
#sales table { border-collapse: collapse; font: 13px arial, helvetica; }
#sales table tr td:first-child { width: 70px; font-weight: bold; }
#sales td { vertical-align: top; line-height: 160%; margin-bottom: 15px; }
#sales a { color: #000000; }
#sales a:hover { text-decoration: underline; color: #004e7f;  }
#rotating { padding-bottom: 5px; }
#rightPane h3 { font: bold 13px arial; }
#rightPane table { margin-bottom: 15px; }

/* TYPOGRAPHY */
#header { height: 100px; }
h1 { background: url(../images/img_logo.png) no-repeat; width: 323px; height: 72px; position: relative; top: 10px; }
h1 span { position: absolute; left: -9999px; }
h2 { font: bold 18px arial; background: url(../images/hdr_stripe.jpg) repeat-x center center; margin-bottom: 5px; }
h2 span { background: #ffffff; color: #003366; padding-right: 5px; }
a { text-decoration: none; }
#content p { text-align: justify; font: 13px arial, helvetica; line-height: 160%; margin-bottom: 15px; }
#content ul { margin-left: 15px; margin-bottom: 15px; }
#content ul li { font: 14px arial; margin-top: 5px; }
table.versions td:first-child { width: 150px; font-weight: bold; }
table.versions td { vertical-align: top; font: 13px arial, helvetica; padding-bottom: 5px; padding-top: 5px; text-align: justify; }
div.pagetitle { text-align: right; font: bold 32px arial; color: #ffffff; }

/* NAVIGATION */
#navigation ul { position: absolute; right: 20px; top: 25px; list-style: none; }
#navigation ul li { float: left; margin-left: 10px; }
#navigation span { position: absolute; left: -9999px; }
#btn_home, #btn_home a:hover { background: url('../images/btn_home_h.png') }
#btn_home a { background: url('../images/btn_home.png') no-repeat; display: block; width: 75px; height: 35px; }
#btn_demo, #btn_demo a:hover { background: url('../images/btn_demo_h.png') }
#btn_demo a { background: url('../images/btn_demo.png') no-repeat; display: block; width: 75px; height: 35px; }
#btn_contactus, #btn_contactus a:hover { background: url('../images/btn_contactus_h.png') }
#btn_contactus a { background: url('../images/btn_contactus.png') no-repeat; display: block; width: 97px; height: 35px; }
#btn_features, #btn_features a:hover { background: url('../images/btn_features_h.png') }
#btn_features a { background: url('../images/btn_features.png') no-repeat; display: block; width: 86px; height: 35px; }
#btn_versions, #btn_versions a:hover { background: url('../images/btn_versions_h.png') }
#btn_versions a { background: url('../images/btn_versions.png') no-repeat; display: block; width: 86px; height: 35px; }
#btn_forum, #btn_forum a:hover { background: url('../images/btn_forum_h.png') }
#btn_forum a { background: url('../images/btn_forum.png') no-repeat; display: block; width: 86px; height: 35px; }

/* FOOTER */
#footer a { color: #ffffff; text-decoration: none; }
#footerNavigation { position: relative; top: 20px; font: 13px arial; color: #ffffff;}
#footer p { position: relative; top: 23px; color: #ffffff; text-decoration: none; font: 13px arial;  }
#footer { background: #014a80; display: block; position: relative; bottom: 0; width: 100%; margin-top: -75px; height: 75px; clear:both; }
#proudlyCanadian { position: absolute; right: 0; top: 7px; }