/*
* CSS by Roman Schejbal (c) 2009
*/

* {padding: 0px; margin: 0px;}
body {font-family: Arial, 'Trebuchet MS'; background: #363636 url(images/top_bg.jpg) 0px -97px repeat-x; color: #fff;text-align: center; font-size: small;}
#head {width:300px; height: 208px; background: url(images/head.jpg) no-repeat; position: absolute; left: 50%; margin-left: -148px; top: -24px;}
h1,h2 {display: none;}

#top_menu {height: 47px; position: absolute; top: 191px; left: 50%;width:700px; margin-left: -310px;}
#top_menu ul {list-style: none; height: 47px;}
#top_menu ul li {float: left; height: 47px; position: relative;}
#top_menu ul li a {color: #262626; border: none; font-family: Verdana, Arial; font-size: 13pt; text-decoration: none; text-transform: uppercase;padding: 12px 20px 25px 20px; display: block;}
#top_menu ul li a:hover {color: #fff;}
#top_menu ul li.active a {color: #fff; background: #363636 url(images/menu_active_right.gif) right top no-repeat;}
#top_menu ul li.active a span {background: url(images/menu_active_left.gif) left top no-repeat; position: absolute; left:0px; top:0px; height: 47px; width: 7px;}

#page {width:800px; padding-top: 273px; margin: auto;}
#page h3 {background: url(images/h3.gif) -1px 0px repeat-x; text-align: left; margin-bottom: 10px; font-size: 13pt; height: 19px;}
#page h3 span {color:#fff; background: #363636; padding-right: 15px;height: 40px; }
#page h3 span span {color:#d9222a; padding: 0px;}
#page p {font-size: 10pt; font-family: Arial, 'Trebuchet MS'; margin: 0px 0px 20px 0px; text-align: justify;}
#page ul {font-size: 10pt; font-family: Arial, 'Trebuchet MS'; margin: 0px 0px 20px 20px; text-align: left;}

#page .box {background: #d83b32 url(images/why_us.gif) top left repeat-x; padding: 15px 20px 0px 20px; margin-top: 10px;margin-bottom: 20px; border: 1px solid #d83b32;}
#page .box h3 {background: url(images/why_us_h3.gif) -1px 0px repeat-x;}
#page .box h3 span {color: #fff; background: #b22825;}

dfn {color: #eee; border-bottom: 1px dotted #eee; font-size: 9pt; cursor: help;}

a, a:visited {color: #fff; border-top: 1px dashed #ee0000;border-bottom: 1px dashed #ee0000; text-decoration: none;}
a:hover {color:#ff2222;border-top: 1px dashed #fff;border-bottom: 1px dashed #fff;}

#page .reference {width: 786px; height: 276px; background: url(images/reference_bg.jpg) no-repeat; margin: 10px 0px 20px 0px; position: relative; overflow: hidden;}
#page .reference a {border: 0px;}
#page .reference a.left_arrow {cursor: pointer; background: url(images/arrow_left.png) no-repeat; width: 51px; height: 51px; display: block; position: absolute; left:10px; top:112px;}
#page .reference a.right_arrow {cursor: pointer;background: url(images/arrow_right.png) no-repeat; width: 51px; height: 51px; display: block;position: absolute; left:725px; top:112px;}
#page .reference .infinite {position:relative; overflow:hidden; width: 670px; height:170px; left: 57px; top: 58px; _left: 0px;}
#page .reference .items {position: absolute; height: 170px; width: 3000px; clear: both;}
#page .reference img {border: 0px; width: 213px; margin: 0px 5px 0px 5px; cursor: pointer; padding: 0px;}

#tooltip {display:none; background:transparent url(images/tooltip.png) bottom; font-size:12px; padding:10px; color:#fff; border: 1px solid #bbb;}

#page p img {padding: 4px; background: url(images/img_bg.gif); float: right; margin-left:10px;}
#page p span {color:#d22825;}
#page table span {color:#d22825;}
#page table th, #page table td {font-weight: normal; padding: 5px; margin: 1px; border: 1px solid #393939;}
#page table tr {background: #323232; }

.reference_info {display:none;}

.clear {clear: both;}

#bottom {clear: both; background: url(images/bottom_bg.gif) repeat-x; height: 66px; margin-top: 60px; margin-bottom: 20px; font-size: 9pt; line-height: 55px; text-align: right; padding-right: 20%;}