* html .png  {behavior: url(/inc/iepngfix.htc);}
html, body {background: #000 url("/img/css/bg-page.jpg") no-repeat scroll 50% 0; margin: 0; padding: 0; text-align: center; color: #999; overflow-x:hidden;}
body, table, td, th, tr, input, textarea {font: normal 13px "Arial", tahoma, verdana, sans-serif;}

img, table, td, th {border: none;}
td, th {vertical-align: top;}
table {border-collapse: collapse;}
a {color: #d8d680;}
.clear {clear: both; height: 0; width: 0; overflow: hidden;}
object {outline:none;}
.fir {text-indent: -2000px; overflow: hidden; display: block;}

.wrapper {width: 986px; min-width: 986px; margin: 0 auto; text-align: left; position: relative;padding-top: 1px;}
.topMenuBg {position: absolute; width: 986px; height: 49px; background: transparent url("/img/css/bg-topmenu.png") no-repeat scroll 0 0; left: 0px; top: 107px; z-index: 2;}
.logo {position: absolute; width: 316px; height: 61px; background: transparent url("/img/css/logo.png") no-repeat scroll 0 0; left: 0; top: 24px; z-index: 1;}
.topMenu {position: absolute; z-index:3; top:107px; width: 986px; height:49px; overflow: hidden;}
.topMenu a {display: block; float: left; color: #fff; text-decoration: none; height: 49px; text-align: center; background: transparent url("/img/css/bg-topmenu-sep.png") no-repeat scroll 0 14px; font: normal 15px "Georgia", Times New Roman, Times, sans; line-height: 49px; overflow: hidden;}
.topMenu a:hover, .topMenu a.active {background: #a90101 url("/img/css/bg-topmenu-a.png") no-repeat scroll -20px 0;}

.topMenu #m1.active {background-position: 0 0;}
.topMenu #m1 {background-position: -10px 0;}
.topMenu #m1:hover {background-position: 0 0;}
.topMenu #m9:hover, .topMenu #m9.active {background-position: 100% 0;}

.topMenu #m1 {width: 84px;}
.topMenu #m2 {width: 112px;}
.topMenu #m3 {width: 150px;}
.topMenu #m4 {width: 124px;}
.topMenu #m5 {width: 136px;}
.topMenu #m6 {width: 124px;}
.topMenu #m7 {width: 80px;}
.topMenu #m8 {width: 75px;}
.topMenu #m9 {width: 101px;}


img.headerImage {display: block; position: absolute; top: 177px; left: 0px; z-index: 2;}
.header {position: absolute; top: 220px; z-index: 5; padding: 0 0 0 45px; left: 0; width: 380px; font: normal 15px "Georgia", Times New Roman, Times, sans;}
.header img {display: block; position: relative;}
.header h1 {color: #fff; font-size: 42px; line-height: 1.5; font-weight: normal; margin: 0;}
.header h2 {color: #fff; font-size: 15px; line-height: 1.4; font-weight: normal; font-style: italic; margin: 10px 0; width: 250px;}

/*=== Homepage Styles ===*/

#page01 .header {position: relative; z-index: 5; height: 363px; padding-left: 60px;}
#page01 .header h2 {width: 320px;}
.downloadButton {background: transparent url("/img/css/button-download.png") no-repeat scroll 0 0; width: 147px; height: 34px; margin: 25px 0 0 0px; display: block;  position: relative;}
#page01 .screenshots {float: right; display: block;}
#page01 .downloadButton {float: left; margin: 60px 0 0 0;}

.contentContainer {position:relative; z-index: 5; margin-top: 250px;}

.blockx4 {width: 100%; border-collapse: collapse; border: none;}
.blockx4 .columnx1 {width: 199px; padding: 20px 20px 15px 30px; background: transparent url("/img/css/bg-dot-v.png") repeat-y scroll 5px 0;}
.blockx4 .noborder {background: none;}
.blockx4 .titleCell {padding: 20px 20px 20px 30px;}
.blockx4 .titleCell h2 {color: #fff; font: normal 28px "Georgia", Times New Roman, Times, sans; margin: 0;}
.blockx4 .columnGreen {background: transparent url("/img/css/bg-greenblock-b.jpg") no-repeat scroll 0 100%; width: 239px; padding: 0;}
.blockx4 .columnGreenTop {background: transparent url("/img/css/bg-greenblock-t.jpg") no-repeat scroll 0 0; padding: 25px 20px 30px 20px; width: 199px;}
.blockx4 .columnGreen ul, .blockx4 .columnGreen li {display: block; list-style-type: none; margin: 0; padding: 0; color: #fff;}
.blockx4 .columnGreen ul {}
.blockx4 .columnGreen li {border-top: 1px dotted #518a4e; padding: 7px 0 7px 20px; font: italic normal 13px "Georgia", Times New Roman, Times, sans; background: transparent url("/img/css/bg-bellet-green.png") no-repeat scroll 5px 10px;}

#page01 .blockx4 .columnGreen h2 {color: #fff; margin: 0; font: normal 24px "Georgia", Times New Roman, Times, sans; padding: 0 0 20px 0;}
#page01 .blockx4 .columnx1 p {padding: 10px 0; margin: 0;}
#page01 .blockx4 .columnx1 a {text-decoration: none;}
#page01 .blockx4 .columnx1 a:hover {text-decoration: underline;}
#page01 .blockx4 h3 {margin: 0; padding: 6px 0 10px 62px; font: normal 18px/1 "Georgia", Times New Roman, Times, sans; margin: 0; color: #fff;}
#page01 .blockx4 h3 a {color: #fff; text-decoration: none;}
#page01 .num1 {background: transparent url("/img/css/num01.png") no-repeat scroll 0 0;}
#page01 .num2 {background: transparent url("/img/css/num02.png") no-repeat scroll 0 0;}
#page01 .num3 {background: transparent url("/img/css/num03.png") no-repeat scroll 0 0;}


.contentContainerInner {position:relative; z-index: 5; margin-top: 530px;}
.contentContainerNoHeader {position:relative; z-index: 5; margin-top: 157px;}

/*=== DOWNLOAD ===*/
#page02 .header {width: 290px}
.downloadBlock {width: 239px; height: 92px; background: transparent url("/img/css/button-windows.jpg") no-repeat scroll 0 0; color: #fff; text-align: center; padding-top: 196px; font: italic normal 13px/1 "Georgia", Times New Roman, Times, sans; }
.downloadBlock a {color: #b4c5b3; text-decoration: none;}
.mac {background: transparent url("/img/css/button-mac.jpg") no-repeat scroll 0 0;}
.downloadBlock a:hover {color: #fff;}
.downloadBlock .downloadButton {margin: 15px 0 11px 46px;}

.blockx4 .cell1 {width: 199px; padding: 0 30px 0 20px;}
.blockx4 .cell2, .blockx4 .cell4 {width: 239px;}
.blockx4 .cell3 {width: 199px; padding: 0 30px;}

h3.downloadTitle {font: normal 30px/1 "Georgia", Times New Roman, Times, sans; margin: 0 0 20px 0; color: #fff;}
.instruction {padding-left: 55px; margin: 10px 0 0 0; line-height: 1.4}
.instruction b {font: normal 18px/1.3 "Georgia", Times New Roman, Times, sans; display: block; color: #fff; margin: 0 0 5px 0}
.ie {background: transparent url("/img/css/icon-ie.png") no-repeat scroll 0 0;}
.ff {background: transparent url("/img/css/icon-ff.png") no-repeat scroll 0 0; margin-top: 20px;}
.sf {background: transparent url("/img/css/icon-sf.png") no-repeat scroll 0 0;}


/*=== ABOUT ===*/
#page03 .header h2 {width: 240px}
.blockx3x1 {padding: 1px 0 0 0; zoom: 1}
.blockx3x1 .columnx3 {float: right; width: 698px; padding: 0px 20px;}
.blockx3x1 .columnx1 {float: left; width: 239px; padding: 0px 0;}
.blockx3x1 .columnx1 .win {margin-bottom: 30px;}

/*=== Common Content Styles ===*/
.content {padding: 20px; line-height: 1.4;}
.content h1, .content h2, .content h3, .content h4, .content h5, .content h6 {font-family: "Georgia", Times New Roman, sans; font-weight: normal}
.content h2 {font-size: 31px; color: #fff;}
.content h3 {font-size: 22px; color: #ddd; margin-bottom: -0.2em;}
.content h4 {font-size: 18px; font-weight: normal; color: #fff; border-bottom: 1px solid #444; padding-bottom: 10px; margin-bottom: 10px; font-style: italic;}
.content h5 {font-size: 14px; font-weight: bold; margin-bottom: -0.3em; color: #bbb;}
.content h6 {font-size: 15px; font-style: italic; margin-bottom: -0.3em; color: #bbb;}
.content .top {margin-top: 0;}
.content .italic {font-family: "Georgia", Times New Roman, sans; font-style: italic; font-size: 16px; color: #fdfda6;}
.content .cite {font-family: "Georgia", Times New Roman, sans; font-style: italic; font-size: 14px; background: #212121 url("/img/css/bg-cite.png") no-repeat scroll 0 0; color: #fdfda6; padding: 20px 30px 20px 250px; margin-top: 2em; margin-bottom: 2em;}
.content .imgRight {float: right; margin: 0 0 30px 30px;}
.content table {}
.content table td {padding: 8px 20px; border-bottom: 1px dotted #717171; border-top: 1px dotted #717171;}
.content table thead th {background-color: #161616; padding: 15px 20px; color: #fff; font-weight: bold; font-family: "Georgia", Times New Roman, sans;}
.content .date {color: #73001b;}
.content .newsItem {padding-bottom: 10px; margin-bottom: 20px; border-bottom: 1px dotted #717171;}
.content .newsTitle { padding: 0 0 10px 0;}
.content .newsTitle h2 {margin: 0;}
.content .newsTitle .date {width: 111px; margin: 5px 0 0 20px; text-align: center; float: right; display: block; height: 39px; font: italic normal 15px/39px "Georgia", Times New Roman, Times, sans; background: transparent url("/img/css/bg-date.png") no-repeat scroll 0 0; color: #ccc;}
.content ul, .content ul li {display: block; list-style-type: none; margin: 0; padding: 0;}
.content ul li {padding: 2px 0 2px 25px; background: transparent url("/img/css/bg-bullet.png") no-repeat scroll 5px 6px;}
.content li a {text-decoration: none;}

.cform {width: 100%; margin: 20px 0 10px 0;}
.cform td {vertical-align: middle;}
.cform input, .cform textarea {border: none;}

/*=== TABS ===*/

.tabContainer {position: relative; margin: 0 -20px 0 0;}
.tabs {height: 47px; background: transparent url("/img/css/bg-tabs.png") no-repeat scroll 0 0; padding: 0 10px;}
.tabs a {display: block; float: left; font: italic normal 15px/47px "Georgia", Times New Roman, Times, sans; color: #fff; padding: 0 30px; text-decoration: none; background: transparent url("/img/css/bg-menu-sep.png") no-repeat scroll 100% 13px; height: 47px;}
.tabs a:hover, .tabs a.active {background: transparent url("/img/css/bg-tabs-a.png") no-repeat scroll -20px 0; color: #fff;}

/*=== FOOTER ===*/

.footer {margin: 30px 0;  padding: 1px 0; font: normal 13px "Georgia", Times New Roman, Times, sans; color: #666;}
.footer .firstRow {border: 1px dotted #666; border-width: 1px 0; padding: 15px 0; zoom: 1; text-align: center;}
.footer a {padding: 0 15px; text-decoration: none; color: #888;}
.footer a:hover {color: #fff;}
.footer span {padding: 0; color: #4b4b4b;}
.footer .secondRow {padding: 20px 0px;}
.footer .secondRow a {padding: 0 5px;}

.footer .secondRow .col1 {width: 330px; float: left; padding: 0 0 0 25px;}
.footer .secondRow .col1 p {font: normal 10px "Arial", tahoma, verdana, sans-serif;}
.footer .secondRow .col2 {width: 560px; float: right;}

