h2 {font-family: "Trebuchet MS", sans-serif; font-size: 30px; color: #102152; padding: 0px 0px 0px 0px; font-weight: bold; text-align: left; letter-spacing: -2px; margin-top: 15px;}
h3 {font-family: "Trebuchet MS", sans-serif; font-size: 22px; color: #102152; padding: 10px 0px 0px 0px; font-weight: bold; text-align: left; letter-spacing: -1px; margin-bottom: 5px;}
h4 {font-family: "Trebuchet MS", sans-serif; font-size: 16px; color: #102152; padding: 0px 0px 0px 0px; font-weight: bold; text-align: left; margin: 0px;}

.h2 {font-family: "Trebuchet MS", sans-serif; font-size: 30px; color: #102152; font-weight: bold; text-align: left; letter-spacing: -2px;}
.h3 {font-family: "Trebuchet MS", sans-serif; font-size: 22px; color: #102152; font-weight: bold; text-align: left; letter-spacing: -1px;}
.h4 {font-family: "Trebuchet MS", sans-serif; font-size: 16px; color: #102152; font-weight: bold; text-align: left;}

p {margin: 10px 0px;}
#main div.frame_padding {font-size: 15px; line-height: 25px; text-align: justify; letter-spacing: -1px;}
#main div.frame_padding ul li {list-style: url('../images/common_li.gif'); line-height: 28px;}
#main div.frame_padding ul ul li {list-style: url('../images/common_li_1.gif'); line-height: 25px;}
#main div.frame_padding ul ul ul li {list-style: url('../images/common_li_2.gif');}
#main div.frame_padding ul ul ul ul li {list-style: url('../images/common_li_3.gif');}
#main div.frame_padding ul ul ul ul ul li {list-style: url('../images/common_li_4.gif');}
#main div.frame_padding ul.plus li {list-style: url('../images/common_li_plus.gif');}
#main div.frame_padding ul.arrow li {list-style: url('../images/common_li_arrow.gif');}
#main div.frame_padding ul.pricelist {margin-top: 0px;}
#main div.frame_padding ul.pricelist li {list-style: url('../images/common_li_3.gif'); line-height: 25px;}
#main div.frame_padding ol li {padding-bottom: 5px;}
#main div.frame_padding ol li.n1 {list-style: url('../images/common_ol_1.gif');}
#main div.frame_padding ol li.n2 {list-style: url('../images/common_ol_2.gif');}
#main div.frame_padding ol li.n3 {list-style: url('../images/common_ol_3.gif');}
#main div.frame_padding ol li.n4 {list-style: url('../images/common_ol_4.gif');}
#main div.frame_padding ol li.n5 {list-style: url('../images/common_ol_5.gif');}
#main div.frame_padding ol li.n6 {list-style: url('../images/common_ol_6.gif');}
#main div.frame_padding ol li.n7 {list-style: url('../images/common_ol_7.gif');}
#main div.frame_padding ol li.n8 {list-style: url('../images/common_ol_8.gif');}
#main div.frame_padding ol li.n9 {list-style: url('../images/common_ol_9.gif');}
#main div.frame_padding ol {margin-bottom: 10px;}
#main div.frame_padding ol ul {padding-bottom: 15px;}
#main div.frame_padding ol ul li {list-style: url('../images/common_li_2.gif');}
#main div.frame_padding ol ul ul li {list-style: url('../images/common_li_3.gif');}
#main div.frame_padding ol ul ul ul li {list-style: url('../images/common_li_4.gif');}
#main div.frame_padding ol li .grey {font-size: 13px; color: #888; margin-left: 30px;}
div.frame_padding a {text-decoration: none;}
div.frame_padding a:link {color: #000; border-bottom: 1px solid #666; padding: 1px 0px 1px 0px;}
div.frame_padding a:visited {color: #000; border-bottom: 1px dotted #999; padding: 1px 0px 1px 0px;}
div.frame_padding a:hover {color: #CA0F14; border-bottom: 1px solid #CA0F14; padding: 1px 0px 1px 0px;}
div.frame_padding a.js_linkout {padding-right: 18px; background-image: url('../images/linkout.gif'); background-position: 100% 0px; background-repeat: no-repeat;}
div.frame_padding a.js_linkout:hover {padding-right: 18px; background-position: 100% -24px;}

.right {text-align: right;}
.left {text-align: left;}
.center {text-align: center;}
.small {font-size: 13px;}
.strong {font-weight: bold;}
a.right {float: right;}
img.right {float: right;}
img.left {float: left;}
img.middle {vertical-align: middle;}
.clearboth {clear: both;}
strong {letter-spacing: 0px;}
strong.red {font-weight: bold; color: #CA0F14;}
div.hr {border-top: 5px solid #ededed; margin-top: 10px; height: 10px; overflow: hidden;}
div.hr hr {display: none;}
span.hr {border-top: 5px solid #ededed; margin-top: 10px; height: 10px; overflow: hidden; display: inline-block; width: 99%;}
span.hr hr {display: none;}
code.url {display: block; font-size: 15px; font-weight: bold; /*font-family: Arial, Verdana, Tahoma, sans-serif;*/ padding: 0px 5px; margin: 7px 15px; border: 1px solid #EDEDED; background-color: #EFEFEF;}
code.url span {color: #BBB;}

span.box {display: inline-block; width: 46%; padding: 0px 3% 10px 0px; vertical-align: top; text-align: left;}
div.box {display: block; float: left; width: 46%; padding: 0px 3% 10px 0px; vertical-align: top; text-align: left;}
div.js_corners {background-color: #e9ebed;}

#main div.js_arrowup {float: left; position: relative; font-size: 9px; /*font-weight: bold;*/ letter-spacing: 0px;}
#main div.js_arrowup img {vertical-align: middle; border: none;}
#main div.js_arrowup div {position: absolute; top: 0px; left: -240px; width: 200px; text-align: right;}
#main div.js_arrowup div a {padding: 1px 0px 0px 20px; border: none; background-image: url('../images/menu_arrow_top.gif'); background-position: 0px 0px; background-repeat: no-repeat;}
#main div.js_arrowup div a:hover {background-position: 0px -24px;}

#index p {padding-bottom: 30px;}
#index small {display: block; padding: 0px 5px; font-size: 14px; line-height: 22px;}
#index img.right {margin: -10px -20px 10px 20px;}

#index_browsers {float: right; position: relative; margin-left: 30px; width: 280px; height: 150px; text-align: center; border: 0px solid red; background: url('../images/browsers_bg.gif') no-repeat; overflow: hidden;}

#offer div.right {margin: 10px 190px 20px 0px;}
#offer img.right {margin: 0px 0px 20px 30px;}

#sitemap {color: #666;}

#pricelist h3 {margin: 20px 0px 5px 0px;}
#pricelist span {float: right; margin-left: 20px; text-align: right;}
#pricelist i {display: block; font-size: 12px; color: #888; padding: 2px; letter-spacing: -0.5px;}

#projects div.row {/*overflow: auto; width: 99%;*/ margin: 10px 0px;}
#projects div.data {margin-left: 250px; text-align: left;}
#projects img {vertical-align: middle;}
#projects h3 {color: #CA0F14; margin-top: 0px; padding-top: 0px;}
#projects span {font-size: 11px; padding: 1px 0px 0px 5px;}
#projects div.screen {float: left;}
#projects div.screen img {border: 2px solid #ededed; margin: 0px 20px 20px 0px; padding: 2px; display: block;}
#projects div.screen a {border: none;}
#projects div.screen a:hover {border: none;}
#projects div.screen a:visited {border: none;}
#projects div.data ul {margin: 0px 0px 0px 10px;}
#projects div.data ul li {list-style: url('../images/common_li_3.gif');}
#projects div.data p {display: inline; padding-left: 240px;}
#projects small {display: block; font-size: 9px;}

#news span {float: right; padding: 10px 2px 0px 0px; font-size: 12px; color: #102152;}
#news p {padding: 0px 10px 10px 10px;}

#contact div {padding: 0px 0px 10px 0px;}
#contact div div {padding: 0xp;}
#contact span {display: inline-block; width: 205px; vertical-align: top;}
#contact span.column {margin: 0px; padding: 0px; vertical-align: top;}
#contact input.text {width: 460px; padding: 3px; font-family: Tahoma, Verdana, Arial, sans-serif; font-size: 14px; border: 1px solid #808080;}
#contact textarea.text {width: 460px; padding: 3px; font-family: Tahoma, Verdana, Arial, sans-serif; font-size: 14px; border: 1px solid #808080; height: 160px;}
#contact input.button {width: 200px; padding: 2px 10px; font-family: Tahoma, Verdana, Ariual, sans-serif; font-size: 13px; font-weight: bold;}
#contact input.error, #contact textarea.error {border: 1px solid #CA0F14; background: #FEE;}
#contact input.highlight, #contact textarea.highlight {border-color: #102152;}
#contact h3.msg {padding: 5px; margin-bottom: 20px; text-align: center; color: #0ca42e; border: 1px solid #0ca42e; background: #EFE;}
#contact h3.error {padding: 5px; margin-bottom: 20px; text-align: center; color: #CA0F14; border: 1px solid #CA0F14; background: #FEE;}

#search_form form {margin: 0px; padding: 0px;}
#search_form input.text {width: 360px; padding: 3px; font-family: Tahoma, Verdana, Arial, sans-serif; font-size: 14px;}
#search_form input.button {width: 100px; padding: 2px 10px; font-family: Tahoma, Verdana, Ariual, sans-serif; font-size: 13px; font-weight: bold;}

#search_list {}
#search_list h4 {color: #CA0F14; font-size: 16px;}
#search_list div {font-size: 14px;}
#search_list span {font-size: 11px; padding: 1px 0px 10px 5px; display: inline;}
#search_list code {color: #CA0F14; font-weight: bold; font-family: Tahoma, Verdana, Arial, sans-serif; font-size: 14px;}
#search_list div.hit {position: relative; display: inline; height: 20px; width: 110px; padding: 0px; margin: 0px;}
#search_list div.hit div.bg1 {position: absolute; top: 0px; left: 0px; overflow: hidden; background: url('../images/search_dots_bg.gif'); width: 100px;}
#search_list div.hit div.bg2 {position: absolute; top: 0px; left: 0px; overflow: hidden; background: url('../images/search_dots.gif');}

#pager {text-align: right; font-weight: bold;}
#pager a {display: inline; border: 3px solid #CA0F14; padding: 2px 6px; text-decoration: none;}
#pager a:visited {border-color: #CA0F14;}
#pager a:hover {border-color: #CA0F14; background-color: #CA0F14; color: #FFF;}
#pager a.off {border: 3px solid #e9ebee;}
#pager a.off:visited {border-color: #e9ebee;}
#pager a.off:hover {border-color: #e9ebee; background-color: #FFF; color: #000;}

#dictionary li {padding: 0px 0px 0px 25px; list-style: none; background: url('../images/pricelist_dot.gif') left top no-repeat;}
#dictionary li.highlight {letter-spacing: 0px; padding-right: 100px; background: url('../images/quout.gif') top right no-repeat; font-style: italic;}
#dictionary li.highlight strong {color: #CA0F14; font-style: normal;}

#browsers img.left {margin: 15px 30px 30px 10px;}
 
#error404 {text-align: center;}
#error404 h3 {text-align: center; color: #CA0F14;}

#msie6alert {position: absolute; width: 100%; text-align: center; padding-top: 100px;}
#msie6alert div.content {width: 760px; height: 300px; margin: 0px auto; background: url('../images/msie6_background.gif') top left no-repeat; text-align: left; overflow: hidden;}
#msie6alert img.left {margin: 30px 20px 0px 30px;}
#msie6alert div.right {margin: 5px 50px 0px 160px; background: #FFF;}
#msie6alert h2 {background: #FFF; margin: 30px 20px 0px 160px; font-family: "Trebuchet MS", sans-serif; font-size: 27px; color: #102152; padding: 0px 0px 0px 0px; font-weight: bold; text-align: left; letter-spacing: -2px;}
#msie6alert p {display: block; font-size: 15px; line-height: 25px; text-align: justify; letter-spacing: -1px; margin: 5px 50px 0px 160px; background: #FFF;}
#msie6alert a {text-decoration: none;}
#msie6alert a:link {color: #000; border-bottom: 1px solid #666; padding: 1px 0px 1px 0px;}
#msie6alert a:visited {color: #000; border-bottom: 1px dotted #999; padding: 1px 0px 1px 0px;}
#msie6alert a:hover {color: #CA0F14; border-bottom: 1px solid #CA0F14; padding: 1px 0px 1px 0px;}
#msie6alert input.button {width: 140px; padding: 2px 10px; font-family: Tahoma, Verdana, Ariual, sans-serif; font-size: 13px; font-weight: bold;}

#faq_form input.text {width: 480px; padding: 3px; font-family: Tahoma, Verdana, Arial, sans-serif; font-size: 14px; border: 1px solid #808080;}
#faq_form input.button {width: 120px; padding: 2px 10px; font-family: Tahoma, Verdana, Ariual, sans-serif; font-size: 13px; font-weight: bold; margin: 2px;}
#faq_form input.highlight {border-color: #102152;}

#faq {list-style: none; margin: 0px; padding: 5px;}
#faq li {padding: 5px;}
#faq li h4 {margin-bottom: 5px;}
#faq div.highlight {font-style: italic; letter-spacing: 0px; padding-right: 100px; background: url('../images/quout.gif') top right no-repeat;}
#faq div.highlight ul li {font-style: italic; letter-spacing: 0px;}
#faq div {padding: 0px 0px 0px 15px;}
#faq div.hidden {height: 0px; overflow: hidden;}
#faq a.close_element {display: none; float: right; border: none; width: 0px; height: 20px; padding-left: 20px; margin-top: 5px; overflow: hidden; background-image: url('../images/faq_close.gif'); background-position: 0px 0px; background-repeat: no-repeat;}
#faq a.close_element:hover {background-position: -20px 0px;}
