html {
  margin:0px;
  padding:0px;
}

body, html {
  height:100%;
  margin:0px;
  padding:0px;
  padding-bottom:30px;
  background:#000000;
  font:12px Arial;
  color:#ACACAC
}
input, textarea, select, option {
  font:12px Tahoma;
  color:#333333
}
p, h2, h3, ul {
  margin:0px;
  padding:0px;
  margin-bottom:10px;
}
li {
  margin:0px;
  padding:0px 0px 0px 10px;
  background:url(/images/li.gif) no-repeat 0px 5px;
  list-style:none;
  height:1%
}
form {
  margin:0px;
  padding:0px;
}
.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
	letter-spacing: 0;
}
#slogan {
  position:absolute;
  right:0px;
  top:60px;
  font:14px Arial;
  text-transform:uppercase;
  color:#FFFFFF
}
#header_wrap {
  text-align:center;
  background:#000000 url(/images/header_bg.jpg) no-repeat left top;
  height:108px;
}
#header {
  width:972px;
  text-align:left;
  margin:0px auto;
  height:108px;
  overflow:hidden;
  position:relative
}
#menu_wrap {
  text-align:center;
  height:32px;
  padding-top:1px;
  overflow:hidden;
  background:#AEC523 url(/images/menu_bg.gif) repeat-x;
}
#logo {
  margin-top:30px;
}
#menu {
  width:972px;
  text-align:left;
  margin:0px auto;
  height:32px;
  overflow:hidden;
}
#menu a {
  display:block;
  float:left;
  width:auto;
  line-height:32x;
  height:32px;
  margin:0px;
  color:#000000;
  text-transform:uppercase;
  font:12px "Trebuchet MS", Arial;
  text-decoration:none
}
#menu a.act, #menu a.act:hover {
  background:url(/images/main_bg.gif) left top;
  color:#CBE147
}
#menu a.act span {
  background:url(/images/menu_act_lt.gif) no-repeat left top;
}
#menu a.act span span {
  background:url(/images/menu_act_rt.gif) no-repeat right top;
}
#menu a:hover, #menu a.over {
  background:url(/images/menu_light.gif) no-repeat 0px bottom;
}
#menu a span {
  display:block;
}
#menu a span span{
  line-height:32px;
  height:32px;
  text-align:center;
  cursor:pointer;
  cursor:hand
}
#menu div {
  display:block;
  float:left;
  width:1px;
  overflow:hidden;
  background:url(/images/menu_div.gif) no-repeat left center;
  height:32px;
}
div#langs {
  position:absolute;
  right:0px;
  background:url(/images/icon_bg.gif) no-repeat;
  width:290px;
  height:29px;
  padding:0px 4px;
}
div#langs a.icon, div#langs a.sound, div#langs span {
  display:block;
  float:left;
}
div#langs span {
  float:left;
  padding-top:4px;
  height:22px;
  line-height:22px;
  margin:0px 11px;
  color:#585858;
}
div#langs div {
  float:right;
  margin:-3px 0px -4px -20px;
  width:55px;
  height:37px;
}
div#langs .sound {
  padding-top:6px;
  height:20px;
}
div#langs span a {
  color:#777777;
  text-decoration:none;
  border-bottom:1px dotted #777777
}
div#langs a.icon {
  width:21px;
  height:26px;
  overflow:hidden;
  margin-left:6px;
}
div#langs a.icon:hover {
  margin-top:-26px;
  height:52px;
}

#content_wrap {
  text-align:center;
  background:#2F2F2F url(/images/main_bg.gif) center top;
}
#content {
  width:972px;
  text-align:left;
  margin:0px auto;
  padding:30px 0px;
  border-bottom:3px solid #8EA311;
  position:relative;
  overflow:hidden;
}
body.home #content {
  height:910px
}
/*
a {
  color:#XXXXXX;
  text-decoration:underline
}
a:hover {
  color:#XXXXXX
}*/
.page_content a, .page_content i a {
  color:#D0E23D;
  text-decoration:none;
  border-bottom:1px dotted #D0E23D;
}
.page_content a:hover, .page_content i a:hover {
  color:#00817A;
  text-decoration:none;
  border-bottom:1px dotted #00817A;
}
div.out_h1 {
   padding:5px 0px 5px 0px;
}
h1 {
  color:#D0E23D;
  font:bold 16px Arial;
  text-transform:uppercase;
  margin:0px;
  padding:0px;
}
h2 {
  color:#DFF754;
  font:18px Arial;
}
h3 {
  color:#EC195C;
  text-transform:uppercase;
  font:12px "Trebuchet MS", Arial;
}
h4 {
  padding:0px;
  margin:0px;
  font-size:12px;
  font-weight:normal;
  color:#00948C;
  text-transform:uppercase
}
h4.normal {
  font-size:14px;
  text-transform:none
}
h5 {
  padding:0px;
  margin:0px;
  font-size:12px;
  font-weight:bold;
  color:#D0E23D;
}
div.faq_question {
  color:#FFFFFF;
  line-height:15px;
}
div.faq_answer {
  padding:10px 0px 0px 15px;
  line-height:15px;
}
#header_wrap {
  text-align:center;
  height:108px;
}
#footer { 
  padding-top:15px;
  font-size:11px;
  height:108px;
  width:972px;
  text-align:left;
  margin:0px auto;
  line-height:15px;
  color:#454545
}
#footer div.fright a {
  color:#454545;
  text-decoration:none;
  border-bottom:1px dashed #454545;
}
#footer div.fright a:hover {
  color:#FFFFFF;
  text-decoration:none;
  border-bottom:1px dashed #FFFFFF;
}
#footer div.fleft span {
  color:#00948C
}
#footer div.fleft b, #footer div.fleft a {
  color:#FFFFFF;
  font-weight:normal;
  text-decoration:none;
}
#footer div.fleft a:hover {
  border-bottom:1px dashed #FFFFFF;
}
#footer div.fright span {
  color:#777777
}
#footer div.fright {
  background:url(/images/search_bg.gif) no-repeat right 1px;
}
#footer div.fright input.inp {
  background:transparent;
  border:none;
  width:166px;
  padding:3px 5px;
  color:#777777;
  font-size:11px;
}
div.fright {
  float:right;
  text-align:right;
  width:auto;
  padding-bottom:10px;
}
div.fleft {
  float:left;
  width:auto;
  padding-bottom:10px;
}
#content, #content p, #content div, #content li, #content table {
  
}
.dropmenu {
  position:absolute;
  top:0px;
  width:208px;
  background:#DFF754 url(/images/dropmenu_light.gif) no-repeat 3px 0px;
  padding-top:8px;
  z-index:100
}
.dropmenu a {
  padding:4px 7px;
  display:block;
  text-decoration:none;
  color:#000000;  
  font:12px "Trebuchet MS", Arial;
  margin:0px 5px;
}
.dropmenu a:hover {
  background:url(/images/dropmenu_act_bg.gif) no-repeat 0px 0px;
}
p.high {
  color:#FFFFFF;
}
div#home_text {
  position:absolute;
  top:30px;
  right:0px;
  width:396px;
  height:334px;
  padding:8px;
  padding-left:226px;
  overflow:hidden;
  background:#000000;
}
.promo {
  position:absolute;
  top:37px;
  right:413px;
  border:7px solid #191919;
}
div#bannerline1 {
  position:absolute;
  top:395px;
  right:-10px;
  width:640px;
}
div#bannerline2 {
  position:absolute;
  top:732px;
  right:-10px;
  width:640px;
}
div#bannerline3 {
  position:absolute;
  top:625px;
  right:-10px;
  width:640px;
  height:92px;
}
div#bannerline1 div.banner, div#bannerline2 div.banner {
  height:215px;
  width:150px;
  overflow:hidden;
  float:left;
  margin-left:10px;
  background:#000000;
}
div#bannerline1 div.banner_1st, div#bannerline2 div.banner_1st {
  margin-left:0px !important
}
div#video {
  position:absolute;
  top:30px;
  left:0px;
  padding:7px;
  width:168px;
  height:126px;
  background:#000000;
}
div#top20 {
  position:absolute;
  top:30px;
  left:187px;
  padding:7px;
  width:126px;
  height:126px;
  background:#000000;
}
div#news {
  position:absolute;
  top:185px;
  width:313px;
  padding:7px;
  height:518px;
  overflow:hidden;
  background:#000000;
}
div#newsblock {
margin-top:7px;
height:481px;
}
div#newsblock div.paginal {
  margin-top:7px;
}
div#newsblock div.item {
  height:115px;
  width:291px;
  padding:0px;
  overflow:hidden;
  position:relative;
  margin-top:7px;
}
div#newsblock div.item_1st {
  margin-top:0px !important;
}
div#newsblock div.item img {
  position:absolute;
  left:12px;
  top:12px;
}
div#newsblock div.item div.date {
  position:absolute;
  left:126px;
  top:14px;
  font-size:10px;
  color:#DFF754
}
div#newsblock div.item a {
  position:absolute;
  top:0px;
  left:0px;
  display:block;
  height:83px;
  width:166px;
  padding:32px 10px 0px 116px;
  color:#919191;
  text-decoration:none;
  background:url(/images/news_place.gif) no-repeat;
}
div#newsblock div.item a:hover {
  color:#FFFFFF;
  background-position:0px -115px;
}
div#download {
  position:absolute;
  top:732px;
  left:0px;
  width:306px;
  background:#000000;
  height:98px;
  padding:5px 10px;
  overflow:hidden;
}
div#downloads {
  position:absolute;
  top:771px;
  left:3px;
  width:330px;
  height:79px;
  overflow:hidden;
}
div#downloads span {
  width:80px;
  height:79px;
  overflow:hidden;
  float:left;
}
div#downloads a {
  width:80px;
  height:79px;
  overflow:hidden;
  float:left;
}
div#downloads a:hover {
  margin-top:-79px;
  height:158px;
}
div#faq {
  position:absolute;
  top:855px;
  left:0px;
  width:326px;
  height:92px;
  background:#000000;
}
#modal {
  margin:2px;
  height:410px;
  background:#191919;
  position:relative;
  overflow:hidden;
  color:#FFFFFF;
}
#modal #modal_wimg {
  position:absolute;
  top:18px;
  left:218px;
  width:366px;
  height:380px;
  overflow:hidden
}
#modal #modal_woimg {
  position:absolute;
  top:18px;
  left:10px;
  width:574px;
  height:380px;
  overflow:hidden
}
#modal img.close {
  position:absolute;
  right:0px;
  top:0px;
}
#modal img.img {
  border:5px solid #000000;
  margin:10px;
}
#modal .date {
  font-size:10px;
  color:#DFF754;
  background:url(/images/news_date_bg.gif) no-repeat;
  padding:0px 0px 22px 10px;
}
#modal div.flexcroll{
  height:336px;
  padding-right:20px;
  width:345px;
}
#modal #modal_woimg div.flexcroll{
  width:553px;
}
/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> global settings needed for thickbox <<<-----------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
/**{padding: 0; margin: 0;}*/

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox specific link and font settings <<<------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_window {
	font: 12px Arial, Helvetica, sans-serif;
	color: #333333;
}

#TB_secondLine {
	font: 10px Arial, Helvetica, sans-serif;
	color:#666666;
}

#TB_window a:link {color: #ACACAC;}
#TB_window a:visited {color: #ACACAC;}
#TB_window a:hover {color: #FFFFFF;}
#TB_window a:active {color: #ACACAC;}
#TB_window a:focus{color: #ACACAC;}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox settings <<<-----------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_overlay {
	position: fixed;
	z-index:100;
	top: 0px;
	left: 0px;
	height:100%;
	width:100%;
}

.TB_overlayMacFFBGHack {background: url(/images/macFFBgHack.png) repeat;}
.TB_overlayBG {
	background-color:#000;
	filter:alpha(opacity=75);
	-moz-opacity: 0.75;
	opacity: 0.75;
}

* html #TB_overlay { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

#TB_window {
	position: fixed;
	background: #191919;
	z-index: 102;
	color:#FFFFFF;
	display:none;
	border: 5px solid #DFF754;
	text-align:left;
	top:50%;
	left:50%;
}

* html #TB_window { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}

#TB_window img#TB_Image {
	display:block;
	margin: 15px 0 0 15px;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #666;
	border-left: 1px solid #666;
}

#TB_caption{
	height:25px;
	padding:7px 30px 10px 25px;
	float:left;
}

#TB_closeWindow{
	height:25px;
	padding:11px 25px 10px 0;
	float:right;
}
#TB_closeWindowButton {
  color:#FFFFFF !important
}
#TB_closeAjaxWindow{
	padding:7px 10px 5px 0;
	margin-bottom:1px;
	text-align:right;
	float:right;
}

#TB_ajaxWindowTitle{
	float:left;
	padding:7px 0 5px 10px;
	margin-bottom:1px;
}

#TB_title{
    display:none;
	background-color:#e8e8e8;
	height:27px;
}

#TB_ajaxContent{
	clear:both;
	/*padding:2px 15px 15px 15px;*/
	padding:0px;
	overflow:hidden;
	text-align:left;
	line-height:1.4em;
}

#TB_ajaxContent.TB_modal{
	/*padding:15px;*/
}

#TB_ajaxContent p{
	/*padding:5px 0px 5px 0px;*/
}

#TB_load{
	position: fixed;
	display:none;
	height:13px;
	width:208px;
	z-index:103;
	top: 50%;
	left: 50%;
	margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */
}

* html #TB_load { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}

#TB_HideSelect{
	z-index:99;
	position:fixed;
	top: 0;
	left: 0;
	background-color:#fff;
	border:none;
	filter:alpha(opacity=0);
	-moz-opacity: 0;
	opacity: 0;
	height:100%;
	width:100%;
}

* html #TB_HideSelect { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

#TB_iframeContent{
	clear:both;
	border:none;
	margin-bottom:-1px;
	margin-top:1px;
	_margin-bottom:1px;
}

#sitemap {
  background:#000000;
  padding:10px 0px 0px 10px;
  height:430px;
}
#sitemap div.item {
  background:#191919;
  float:left;
  height:173px;
  width:216px;
  padding:7px;
  margin:0px 10px 10px 0px
}
#sitemap h3 {
  background:#000000;
  padding:4px;
  margin-bottom:6px;
}
#sitemap a {
  display:block;
  padding:0px 4px;
  color:#FFFFFF;
  text-decoration:none;
  font:12px "Trebuchet MS", Arial;
  line-height:17px;
}
#sitemap span {
  display:block;
  padding:0px 4px;
  color:#999999;
  text-decoration:none;
  font:12px "Trebuchet MS", Arial;
  line-height:17px;
}
#sitemap a:hover {
  color:#D0E23D;
}
#submenu {
  float:left;
  border:7px solid #000000;
  width:228px;
  height:453px;
  background:#191919;
  overflow:hidden
}
div.h1 {
  background:#000000;
  padding:10px;
  padding-top:5px;
  height:19px;
  overflow:hidden
}
div.h1 h1 {
  margin:0px !important
}
#submenu a {
  display:block;
  text-decoration:none;
  color:#777777;
  text-transform:uppercase;
  font:12px "Trebuchet MS", Arial;
  background:#000000;
  padding:3px 5px;
  margin:7px 7px 0px 7px
}
#submenu a.act {
  color:#CBE147;
}
#submenu a:hover {
  color:#FFFFFF;
  background:#121212
}
#subcontent {
  float:left;
  border:7px solid #000000;
  width:506px;
  height:453px;
  margin-left:16px;
  background:#191919;
  position:relative;
  overflow:hidden;
}
#subcontent2 {
  float:left;
  border:7px solid #000000;
  width:764px;
  height:453px;
  background:#191919;
  position:relative;
  overflow:hidden;
}
.xb3 {
  height:675px !important
}
.xb4 {
  height:897px !important
}
.xb5 {
  height:1119px !important
}
.xb6 {
  height:1341px !important
}
.yb3 {
  height:661px !important
}
.yb4 {
  height:883px !important
}
.yb5 {
  height:1105px !important
}
.yb6 {
  height:1327px !important
}
#subcontent.gallery, #subcontent.document {
  background:#000000;
}
#subcontent img.img, #subcontent2 img.img {
  position:absolute;
  top:42px;
  left:7px;
}
#subcontent .text {
  position:absolute;
  left:164px;
  top:34px;
  width:332px;
  height:419px;
  overflow:hidden;
  background:#000000;
  padding-left:10px;
}
#subcontent2 .text {
  position:absolute;
  left:164px;
  top:34px;
  width:590px;
  height:419px;
  overflow:hidden;
  background:#000000;
  padding-left:10px;
}
#subcontent .textnoimg {
  left:0px !important;
  width:503px !important;
  padding-left:3px !important;
}
#subcontent2 .textnoimg {
  left:0px !important;
  width:761px !important;
  padding-left:3px !important;
}
#subcontent div.flexcroll, #subcontent2 div.flexcroll {
  height:419px;
}
#subcontent div.projects div.flexcroll {
  height:345px !important;
}
#subcontent div.faq div.flexcroll {
  height:436px !important;
}
#subcontent div.projects div.paginal, #subcontent div.faq div.paginal {
  margin-top:10px;
  margin-left:-3px;
}
.xb3 div.flexcroll {
  height:641px !important
}
.xb4 div.flexcroll {
  height:863px !important
}
.xb5 div.flexcroll {
  height:1085px !important
}
.xb6 div.flexcroll {
  height:1307px !important
}
.xb3 div.text {
  height:641px !important
}
.xb4 div.text {
  height:863px !important
}
.xb5 div.text {
  height:1085px !important
}
.xb6 div.text {
  height:1307px !important
}
#subbanner {
  float:right;
  border:7px solid #000000;
  width:150px;
  height:439px;
  padding:7px;
  background:#191919;
}
#subbanner div.banner {
  width:150px;
  height:216px;
  overflow:hidden;
  margin-top:7px;
  background:#000000;
}
#subbanner div.banner_1st {
  margin-top:0px !important;
}
#gallery, #document {
  height:400px;
  margin-right:-10px;
}
#gallery div {
  display:block;
  float:left;
  height:112px;
  width:152px;
  background:#191919;
  padding:6px;
  margin:0px 7px 7px 0px;
  overflow:hidden
}
#document div.item {
  display:block;
  float:left;
  height:110px;
  width:150px;
  background:#000000;
  border:7px solid #191919;
  margin:0px 7px 7px 0px;
  overflow:hidden;
  position:relative; 
}
#document div.item_act {
  background:#2F2F2F !important;
}
#document div.item a {
  position:absolute;
  left:0px;
  top:0px;
  height:110px;
  width:150px;
}
#document div.item div.item_name {
  position:absolute;
  left:7px;
  top:34px;
  color:#FFFFFF;
  width:136px;
  line-height:14px;
}
#document div.item div.item_type1, #document div.item div.item_type2, #document div.item div.item_type3,#document div.item div.item_type4 {
  position:absolute;
  left:7px;
  top:7px;
  height:20px;
  width:70px;
}
#document div.item_act div.item_type1, #document div.item_act div.item_type2, #document div.item_act div.item_type3,#document div.item_act div.item_type4 {
  background-position:0px -20px !important;
}
#document div.item div.item_type1 {
  background:url(/images/download/type1.gif) no-repeat;
}
#document div.item div.item_type2 {
  background:url(/images/download/type2.gif) no-repeat;
}
#document div.item div.item_type3 {
  background:url(/images/download/type3.gif) no-repeat;
}
#document div.item div.item_type4 {
  background:url(/images/download/type4.gif) no-repeat;
}
#document div.item div.item_size {
  position:absolute;
  left:7px;
  bottom:7px;
  height:16px;
  background:url(/images/arrow.gif) no-repeat 0px 0px;
  padding-left:17px;
}
#document div.item_act div.item_size {
  background-position:0px -16px;
}
#document div.item div.item_size span {
  color:#00948C;
}
#document div.item_act div.item_size span {
  border-bottom:1px dotted #00948C;
}
#gallery a {
  border:1px solid #191919;
  display:block;
  height:110px;
  width:150px;
  overflow:hidden
}
#gallery a:hover {
  border:1px solid #FFFFFF
}
.paginal {
  line-height:20px;
  height:20px;
}
.paginal a {
  color:#777777;
  font-weight:bold;
  background:#191919;
  padding:2px 6px;
  text-decoration:none;
  margin-right:7px;
}
.paginal a.act,  .paginal a.act:hover {
  background:#00948C;
  color:#FFFFFF
}
.paginal a:hover {
  background:#313131;
}
#gallery_img {
  text-align:center;
  padding-bottom:15px;
}
#gallery_img img {
  border:5px solid #000000
}
div.text i, div.page_content i, div.text em, div.page_content em {
  font-style:normal;
  color:#FFFFFF
}
#form {
  margin:-7px -7px 10px -7px;
}

#form th {
  vertical-align:top;
  text-align:left;
  color:#ACACAC;
}
#form th div.label {
  width:100px;
  padding:4px;
  height:14px;
  overflow:hidden;
  color:#777777;
  background:#191919;
  font-weight:normal;
  text-align:left;
}
#form td {
}
#form td.group {
  font-weight:bold;
}
#form input, textarea, .input {
  width:207px;
  padding:4px;
  background:#353535 url(/images/input_bg.gif) repeat-x;
  color:#FFFFFF;  border:0px solid #000000;
  margin:0px;
}
#form input.button, .button {
  width:auto;
  background:#191919;
  color:#FFFFFF;
  border:none;
  font-weight:bold;
  padding:4px 10px;
}
#form textarea {
  height:92px;
}
.need {
  color:#F0145A
}
.message {
  font-weight:bold;
  color:#EC1B5C;
  margin-bottom:10px;
}
.copy { margin-top:24px; text-align:right}
a.send {
  display:block;
  width:110px;
  height:22px;
  margin-top:56px;
  background:url(/images/send.gif) no-repeat 0px 0px;
}
a.send:hover {
  background:url(/images/send.gif) no-repeat 0px -22px;
}

a.send_en {
  display:block;
  width:110px;
  height:22px;
  margin-top:56px;
  background:url(/images/send_en.gif) no-repeat 0px 0px;
}
a.send_en:hover {
  background:url(/images/send_en.gif) no-repeat 0px -22px;
}

a#sub {
  float:left;
  display:block;
  width:140px;
  height:22px;
  margin-right:10px;
  background:url(/images/sub.gif) no-repeat 0px 0px;
}
a#sub:hover {
  background:url(/images/sub.gif) no-repeat 0px -22px;
}
a#unsub {
  float:left;
  display:block;
  width:140px;
  height:22px;
  margin-right:10px;
  background:url(/images/unsub.gif) no-repeat 0px 0px;
}
a#unsub:hover {
  background:url(/images/unsub.gif) no-repeat 0px -22px;
}
#myOnPageContent {
  display:none;
}
