html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { border: 0; margin: 0; outline: 0; padding: 0; background: transparent; vertical-align: baseline }
blockquote, q { quotes: none }
blockquote:before, blockquote:after, q:before, q:after { content: ""; content: none }
a, address, body, caption, cite, code, dfn, em, strong, th, var { font-style: normal; font-weight: normal; text-decoration: none }
a img { border: none }
ol, ul { list-style: none }
table { border-collapse: collapse; border-spacing: 0 }
* { margin: 0; padding: 0 }
html, body, #wrap { height: 100% }
body > #wrap { height: auto; min-height: 100% }
body { font: 15px/ 165% "Lucida Grande", Geneva, Verdana, Arial, Helvetica, sans-serif; color: rgb(102, 102, 102); margin: 0; padding: 0; background: url(./images/bg.png) top left repeat-x rgb(181, 181, 181); text-align: center }
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden }
.clearfix { display: inline-block }
html[xmlns] .clearfix { display: block }
* html .clearfix { height: 1% }
.clearfix { display: block }
.clearLeft { clear: left }
a, a:active, a:link { text-decoration: none; color: rgb(0, 102, 204) }
a:visited { text-decoration: none }
a:hover { color: rgb(3, 13, 28) }
h1, h2, h3 { font-family: "Trebuchet MS", Tahoma, Arial, Sans-serif; color: rgb(85, 85, 85) }
h1 { font-family: "Lucida Grande", Geneva, Verdana, Arial, Helvetica, sans-serif; font-size: 350%; font-weight: normal; letter-spacing: -2px; padding: 19px 14px 5px 14px; margin: 0 }
h2 { font-size: 200%; color: rgb(137, 95, 48); padding: 24px 14px 5px 14px; margin: 0 }
h3 { font-size: 170%; font-weight: normal; padding: 24px 14px 5px 14px; margin: 0 }
h4 { font-size: 100%; font-weight: bolder; color: rgb(0, 0, 0); padding: 24px 14px 5px 14px; margin: 0 }
strong { font-size: 100%; font-weight: bolder; color: rgb(0, 0, 0); padding: 24px 14px 5px 14px; margin: 0 }
p { text-indent: 24px }
p, dl { padding: 14px; margin: 0 }
ul { margin: 14px 14px; padding: 0 0 0 14px }
ul { list-style: none }
ol { margin: 14px 30px; padding: 0 }
dt { font-weight: bold; color: rgb(177, 63, 26) }
dd { padding-left: 25px }
img { border: none }
p img { background: rgb(250, 250, 250); border: 1px solid rgb(220, 220, 220); padding: 5px; margin: 0 14px 0 0 }
img.float-right { margin: 5px 0px 14px 14px }
img.float-left { margin: 5px 14px 14px 0px }
code { margin: 5px 0; padding: 19px; text-align: left; display: block; overflow: auto; font: 500 1em/ 1.5em "Lucida Console", "courier new", monospace; border: 1px solid rgb(236, 248, 254); background: rgb(236, 248, 254) }
acronym { cursor: help; border-bottom: 1px dotted rgb(137, 95, 48) }
blockquote { margin: 19px 14px; padding: 14px 14px 14px 35px; border: 1px solid rgb(236, 248, 254); background: rgb(236, 248, 254) url(./images/quote.jpg) no-repeat 14px 14px; font-weight: normal; font-size: 1.5em; line-height: 1.5em; font-style: italic; font-family: "Lucida Grande", Geneva, Verdana, Arial, Helvetica, sans-serif; color: rgb(151, 105, 87) }
table { border-collapse: collapse; margin: 19px 14px }
th { background: rgb(209, 75, 31) url(./images/header-bg.jpg) repeat-x 0 -100px; height: 38px; padding-left: 16px; padding-right: 16px; color: rgb(255, 255, 255); text-align: left; border-left: 1px solid rgb(209, 75, 31); border-bottom: solid 2px rgb(255, 255, 255) }
tr { height: 34px }
td { padding-left: 15px; padding-right: 15px }
input, select { padding: 4px; font: normal 1em Verdana, sans-serif; color: rgb(102, 102, 102); background: rgb(255, 255, 255) }
textarea { width: 400px; padding: 4px; font: normal 1em Verdana, sans-serif; height: 100px; display: block; color: rgb(102, 102, 102) }
input, textarea, select { background: rgb(255, 255, 255); border-width: 1px; border-style: solid; border-color: rgb(212, 212, 212) rgb(235, 235, 235) rgb(235, 235, 235) rgb(212, 212, 212) }
input.button { font: bold 16px Arial, Sans-serif; height: 30px; margin: 0; padding: 2px 3px; color: rgb(85, 85, 85); background: rgb(230, 230, 230); border-width: 1px; border-style: solid; border-color: rgb(235, 235, 235) rgb(212, 212, 212) rgb(212, 212, 212) rgb(235, 235, 235) }
.float-left { float: left }
.float-right { float: right }
.align-left { text-align: left }
.align-right { text-align: right }
.clearer { clear: both }
#wrap { background: rgb(255, 255, 255) url(./images/wrapper.jpg) top center no-repeat; width: 1645px; margin: 0 auto; text-align: left }
#content-wrap { width: 1645px; margin: 0 auto; padding-bottom: 42px }
#content { width: 1400px; float: left; padding: 30px 0 25px 0 }

#footer { background: url(./images/footer.jpg) bottom center no-repeat; 
position: relative; margin: -20px auto 50px auto;
 height: 42px; clear: both; 
 font-size: 15px; font-family: Verdana, Arial, sans-serif;
  width: 1445px }
#foot { text-align: left; position: relative; top: 5px; left: 290px }

#header { position: relative; width: 1645px; height: 130px; padding: 0; margin: 0 auto; background: transparent }
#header #site-header { padding-top: 35px; height: 42px; width: 405px; float: right; color: rgb(0, 0, 0); text-align: right }
#header #site-header h2 { height: 82px; width: 405px; float: right; color: rgb(2, 65, 100) }
#header #logo { position: absolute; top: 19px; left: 30px; height: 82px; width: 405px }
#header #logo a, img { background: none; border: none }
#header #controls { position: absolute; top: 60px; right: 32px; height: 82px; color: rgb(27, 120, 215); font-size: 16px; background: url(./images/house.gif) top right no-repeat; padding-right: 24px; text-align: right }
#header #controls a { position: relative; top: -2px }
#header #language { position: absolute; top: 14px; right: 32px; height: 82px; color: rgb(121, 124, 126); text-align: right }
#search { position: absolute; top: 88px; right: 30px; background: url(./images/search.gif) center left no-repeat; padding-left: 24px }
.hintText { display: none }
.fieldWithHint { color: rgb(0, 31, 47) }
#nav { position: absolute; clear: both; margin: 0; padding: 0; height: 34px; left: 100px; top: 82px; z-index: 99999 }
#nav ul { float: left; list-style: none; width: 800px; height: 34px; text-transform: uppercase; margin: 0; padding: 0; display: inline }
#nav ul li { display: inline; margin: 0; padding: 0 }
#nav ul li a { float: left; margin: 0 5px 0 0; padding: 0px 24px 0px 24px; font: bold 16px/ 34px "Trebuchet MS", Helvetica, Arial, Geneva, sans-serif; text-transform: lowercase; text-decoration: none; letter-spacing: -0.3px; color: rgb(255, 255, 255) }
#nav ul li a:hover, #nav ul li a:active { color: rgb(17, 17, 17); background-image: url(./images/header_hot.jpg); border: none }
#nav ul li#current a { color: rgb(51, 51, 51); background-image: url(./images/header_hot.jpg) }
#main { float: left; width: 1260px; padding: 0; margin: 0 0 0 24px; display: inline }
#main h2 { padding-bottom: 3px; margin-top: 19px; font: normal 2.5em "Lucida Grande", Geneva, Verdana, Arial, Helvetica, sans-serif; color: rgb(51, 51, 51); letter-spacing: -2px; text-transform: none; border-bottom: 1px solid rgb(235, 235, 235) }
#main h2 a { color: rgb(51, 51, 51); text-decoration: none; background: none; border: none }
#main ul li { list-style-image: url(./images/bullet.gif) }
#col1 { float: left; width: 260px; padding: 0; margin: 24px 0 0 24px; display: inline }
#col2 { float: left; width: 260px; padding: 0; margin: 24px 0 0 24px; display: inline }
#col1 h2, #col2 h2 { padding-bottom: 3px; margin-top: 19px; font: normal 3.5em "Lucida Grande", Geneva, Verdana, Arial, Helvetica, sans-serif; color: rgb(102, 102, 102); letter-spacing: -2px; text-transform: none; border-bottom: 1px solid rgb(235, 235, 235) }
#main #col1 h2, #main #col2 h2 { border-bottom: 1px solid rgb(235, 235, 235); color: rgb(48, 76, 112); padding-bottom: 3px; letter-spacing: -3px; text-transform: none; font-size: 30px }
.feature { margin: 0px; padding: 0px; height: 435px }
.screen { margin: 14px 0 5px 0; padding: 0px; background: rgb(255, 255, 255); border: 1px solid rgb(238, 238, 238); width: 255px; height: 200px; overflow: hidden }
#main .hero { margin: 14px 0 5px 0; padding: 0px; background: rgb(255, 255, 255); border: 1px solid rgb(238, 238, 238); width: 555px }
#main .highlights { float: right; width: 240px; background: rgb(223, 233, 239); border: 1px solid rgb(238, 238, 238); margin: 0px 14px 0px 5px; display: inline }
#main .form { width: 240px; margin: 0px 14px 0px 5px; display: inline }
#main .highlights ul li { list-style-image: url(./images/highlight-bullet.gif) }
#main .highlights h4 { padding: 5px 5px 0 5px }
#sidebar { float: right; width: 300px; padding: 0; margin: 19px 24px 0 0; display: inline }
#sidebar h3 { margin-top: 14px; padding: 19px 5px 3px 5px; font: normal 2em "trebuchet MS", Tahoma, Helvetica, Arial, sans-serif; color: rgb(102, 102, 102); letter-spacing: -0.5px }
#sidebar h4 { margin-top: 14px; padding: 19px 5px 3px 5px; font: normal 2em "trebuchet MS", Tahoma, Helvetica, Arial, sans-serif; color: rgb(99, 69, 44); letter-spacing: -0.5px }
#sidebar ul.sidemenu { text-align: left; margin: 0px 5px 8px 0px; padding: 5px 0 0 0; text-decoration: none; background: url(./images/dots.gif) repeat-x left top }
#sidebar ul.sidemenu li { list-style: none; background: url(dots.gif) repeat-x left bottom; padding: 4px 14px; margin: 0 }
* html body #sidebar ul.sidemenu li { height: 1% }
#sidebar ul.sidemenu li a { text-decoration: none; background-image: none; background-color: transparent; border: none; color: rgb(48, 76, 112); font-weight: bold; font-family: "Trebuchet MS", Tahoma, Helvetica, Arial, Sans-serif; font-size: 18px }
#sidebar ul.sidemenu li a span { color: rgb(152, 152, 152); font-family: Georgia, "Times New Roman", Times, serif; font-style: italic; font-weight: normal; font-size: 0.8em }
#sidebar ul.sidemenu li a:hover { color: rgb(85, 85, 85) }
#sidebar ul.sidemenu ul { margin: 0 0 0 5px; padding: 0 }
#sidebar ul.sidemenu ul li { background: none }
#sidebar .indentfirst { margin-left: 0px }
#sidebar .indentsecond { margin-left: 24px }
.postmeta { padding: 5px; margin: 24px 14px 19px 14px; font-size: 1em; color: rgb(119, 119, 119); border: 1px solid rgb(236, 248, 254); background: rgb(236, 248, 254) }
.postmeta .date { margin: 0 14px 0 5px }
.postmeta a.comments { margin: 0 14px 0 5px }
.postmeta a.readmore { margin: 0 14px 0 5px }
.post-info { font-size: 0.95em; padding-top: 3px; margin-left: 5px; color: rgb(186, 186, 186) }
.post-info a { color: rgb(197, 147, 92) }
p.thumbs { padding: 16px 0 0 14px }
.thumbs img { position: relative; border: 1px solid rgb(235, 235, 235); background: none; padding: 4px; margin: 5px }
.thumbs img:hover { border: 1px solid rgb(228, 232, 231); background: none }
.thumbs a:hover { background-color: transparent; border: none }
body#home #wrap { position: relative; background: rgb(255, 255, 255) url(./images/home-wrapper.png) top center no-repeat; width: 1650px; margin: 0 auto; text-align: left }
body#home #header { position: relative; width: 1645px; height: 403px; padding: 0; margin: 0 auto; background: transparent }
body#home #header #slides { position: absolute; top: 128px; left: 14px; background: url(./images/slideshow-bg.jpg) top center no-repeat; width: 1623px; height: 260px }
body#home #header #slides .slideshow { width: 1623px; height: 260px; margin: 0px; padding: 0px }
body#home #header #slides .callout { position: absolute; top: 35px; left: 70px; font-size: 30px; line-height: 30px; color: rgb(214, 210, 95) }
body#home #header #slides .description { position: absolute; top: 175px; left: 70px; font-size: 18px; line-height: 19px; color: rgb(186, 223, 230); width: 550px }
body#home #header #slides .controls { width: 100px; position: absolute; top: 19px; left: 950px; height: 30px }
body#home #header #slides .controls a { border: none; position: absolute; height: 30px; line-height: 24px; padding: 5px; text-indent: -9999px; outline: none }
body#home #header #slides .controls a.previous { background: url(./images/backward.gif) top center no-repeat; left: 0px; height: 30px; width: 20px }
body#home #header #slides .controls a.next { background: url(./images/forward.gif) top center no-repeat; left: 60px; height: 30px; width: 20px }
body#home #header #slides .controls a.stop { background: url(./images/pause.gif) top center no-repeat; left: 30px; height: 30px; width: 20px }
body#home #header #slides .controls a.start { background: url(./images/start.gif) top center no-repeat; left: 30px; height: 30px; width: 20px }
body#home #header #slides .controls a img { background: none; border: none; cursor: pointer }
body#home #header #slides .mantle { position: absolute; top: 58px; left: 785px }
body#home #col1 { float: left; width: 260px; padding: 0; margin: 5px 0 0 0px; display: inline }
body#home #col2 { float: left; width: 260px; padding: 0; margin: 5px 0 0 24px; display: inline }
.downloadNow { margin: 30px 0 14px 0 }
.downloadLinks span.docs { float: left; margin: 0px 0px 0 0; display: inline }
.downloadLinks span.previousVersions { float: right; margin: 0px 24px 0 0; display: inline }
body#full #wrap { position: relative; background: rgb(255, 255, 255) url(./images/full-wrapper.jpg) top center no-repeat; width: 1645px; margin: 0 auto; text-align: left }
body#semi #wrap { position: relative; background: rgb(255, 255, 255) url(./images/wrapper.jpg) top center no-repeat; width: 1645px; margin: 0 auto; text-align: left }