﻿body { background: #f2f7fa; color: #000000; font-family: Arial, Helvetica, sans-serif; font-size: 12px; margin: 0; padding: 0; }
a, a:visited { color: #0000ff; }
a:active, a:hover { color: #99cc00; }

#banner { background-color: #00669e; height: 70px; list-style: none; margin: 15px 0 0 0; padding: 0; position: relative; }
#banner li { margin: 0; padding: 0; }
#banner li a { display: block; background: url(images/technolutions.png) no-repeat; height: 50px; left: 0; position: absolute; top: 10px; width: 300px; }
#banner span { display: none; }

#content { background: #ffffff; border: 1px solid #dadada; float: left; padding: 10px 14px; width: 770px; }
#content p { line-height: 1.5em; }
#content h1 { color: #00669e; font-size: 20px; font-weight: bold; margin: 0 0 15px 0; }
#content h2 { border-top: 1px solid #99cc00; color: #99cc00; font-size: 18px; font-weight: normal; margin: 15px 0; padding: 3px 0; }
#content h3 { border-top: 1px solid #99cc00; color: #99cc00; clear: both; font-weight: normal; margin: 15px 0; padding: 3px 0; }

#content img.photo { border: 2px solid #000000; margin: 10px; }
#content ol, #content ul { padding: 0; margin: 0; }
#content ol li, #content ul li { margin: 5px 0 5px 45px; padding: 0 0 0 5px; }
#content table { border-color: #004ccc; border-collapse: collapse; }
#content table td, #content table th { border-color: #004ccc; }

#section { background: #ffffff; border: 1px solid #dadada; border-right: none; float: left; margin-top: 25px; padding: 5px; width: 164px; }
#section h3 { font-size: 14px; font-weight: bold; padding: 5px 7px; }
#section h3 a { color: #00669e; text-decoration: none; }
#section h3.selected a:hover { color: #004ccc; }
#section ul { list-style: none; margin: 15px 0 0 7px; padding: 0; }
#section ul ul { margin: 5px 0 0 15px; }
#section li { margin: 0 0 5px 10px; padding: 0; text-indent: -10px; }
#section a { color: #00669e; }
#section a:hover { color: #99cc00; }
#section li.selected > a { color: #99cc00; text-decoration: none; }

#page { margin: 0 auto; padding: 0; width: 975px; }

#global { background: #e6f0f5; float: left; list-style: none; margin: 0 0 15px 0; padding: 0; width: 975px; }
#global li { display: block; float: left; margin: 0; padding: 0; }
#global a { color: #585858; display: block; font-size: 12px; padding: 10px 15px; text-decoration: none; white-space: nowrap; }
#global a:hover { color: #99cc00; }
#global li.selected a { color: #00669e; }

#footer { background: url(/fw/framework/action/32/apps/ksirtet.png) no-repeat 7px 4px; color: #585858; font-size: 11px; clear: both; float: left; margin: 25px 0 0 15px; padding: 5px 0 20px 50px; width: 900px; }

#content .features p, h2 { clear: both; float: left; width: 100%; }
#content .features h2 { margin: 15px 0 10px 0; }
#content .features p { margin: 0 0 10px 0; }
#content .features img { float: left; height: 64px; margin: 0 10px 10px 0; width: 64px; }
#content .features ol { clear: both; margin: 0 0 20px 15px; }

body.wide #content { font-size: 14px; }

.splash { margin: -10px -14px 15px -14px; position: relative; width: 973px; }
.splash-alpha { background: #000000; height: 300px; filter: alpha(opacity=60); opacity: 0.6; position: absolute; right: 0; top: 0; width: 250px; }
.splash-overlay { color: #cccccc; font-size: 25px; position: absolute; bottom: 15px; right: 35px; width: 200px; }

.section-header { float: left; height: 50px; margin: 0 0 5px 0; padding-bottom: 5px; position: relative; width: 100%; }
.section-header img { float: left; margin-left: 15px; }
.section-header ul { right: 15px; list-style: none; margin: 0; padding: 0; position: absolute; top: 35px; }
.section-header li { display: block; float: left; margin: 0; padding: 0; }
.section-header li a { color: #333333; display: block; margin: 0 0 0 40px; text-decoration: none; }
.section-header li a:hover { color: #99cc00; }
.section-header li.selected a { color: #666666; }
#content ul.blank-list { list-style: none; margin: 0 0 0 15px; padding: 0; }
#content ul.blank-list li { line-height: 1.2em; margin: 0; text-indent: -15px; padding: 0; }

.section-header img.flyerboard { margin-top: 10px; }
.section-header img.univariant { margin-top: 10px; }
.section-header img.share { margin-top: 10px; }