 /* Style for formating www.syntaxmedia.cz
copyright Jiri Maruna - SYNTAX MEDIA 2009
http://www.syntaxmedia.cz */

/* ---------------------------- basic --------------------------------------- */
body	{
	background-color: #FFF;
	color: #226A53;
	font-size: 80%;
	font-family: Verdana, sans-serif;
	text-align: center;
	background-image: url(bodybkg.jpg);
	background-repeat: repeat-x;
	position: relative;
}


html, body, p, form, 
ul, ol, li, dd		{ margin:0px; padding:0px; }


a {
	color: #226A53;
	font-weight: bold;
/*	text-decoration: none;*/
}

a:hover {
	color: #339966;
}

.text_version {
	display: none;
}

.cleaner {
	clear: both;
	display: block;
	visibility: hidden;
	font-size: 0.1px;
	height: 0px;
	margin: 0px;
	padding: 0px;
}



/* --- page -------------------------------------------------------------  */

#page  {
	width: 1000px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	padding: 0px 0px 0px 0px;
	background-color: white;
	z-index: 0;
	position: relative;
}

#leftbox {
	width: 200px;
	margin-top: 20px;
	padding: 0px;
	background-color: #FFF;
	float: left;
}

#rightbox {
	width: 240px;
	margin-top: 20px;
	background-color: #FFF;
	text-align: left;
	float: right;
	position: relative;
}

#content {
	width: 560px;
	margin-top: 20px;
	background-color: #FFF;
	font-size: 0.9em;
	color: #000;
	float: left;
	overflow: hidden;
	z-index: 0;
}

#content div.content_web { color: #069; }
#content div.content_shop { color: #360; }
#content div.content_marketing { color: #606; }
#content div.content_reference { color: #960; }
#content div.content_firm { color: #900; }

/* --- page -------------------------------------------------------------  */



/* --- header -------------------------------------------------------------  */

#header {
	width: 1000px;
	height: 180px;
	text-align: left;
/*	padding: 0px 0px 0px 0px;*/
	margin: 0px 0px 0px 0px;
	background-image: url(header-bkg.gif);
	background-repeat: no-repeat;
	position: relative;
}

#header a.logo {
	width: 265px;
	_width: 280px;
	height: 50px;
	_height: 80px;
	font-size: 1.4em;
	padding-top: 30px;
	padding-left: 15px;
	display: block;
	margin-top: 27px;
	margin-left: 20px;
	_margin-left: 10px;
	color: navy;
	float: left;
	position: relative;
	z-index: 0;
	cursor: pointer;
}

#header span.logo-pic {
	width: 280px;
	height: 80px;
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	background-image: url(logo.gif);
	background-repeat: no-repeat;
}


#header div.transl_box {
	width: 262px;
	height: 40px;
	margin: 130px 0px 0px 0px;
/*background-color: blue;*/
float: right;
}

#header a.tr_cz {
	width: 38px;
	_width: 63px;
	height: 17px;
/*	margin: 120px 0px 0px 0px;*/
	padding: 0px 0px 0px 25px;
	display: block;
	text-decoration: none;
	font-size: 0.8em;
	font-weight: normal;
	color: #F9BA30;
	background: url(flag-cz.gif) top left no-repeat;
/* background-color: Green;*/
	float: left;
}

#header a.tr_cz:hover {
	background: url(flag-cz-hgl.gif) top left no-repeat;
	color: #F9DA30;
}

#header a.tr_sk {
	width: 38px;
	_width: 63px;
	height: 17px;
/*	margin: 120px 0px 0px 0px;*/
	padding: 0px 0px 0px 25px;
	display: block;
	text-decoration: none;
	font-size: 0.8em;
	font-weight: normal;
	color: #F9BA30;
	background: url(flag-sk.gif) top left no-repeat;
/*	background-color: Green;*/
	float: left;
}

#header a.tr_sk:hover {
	background: url(flag-sk-hgl.gif) top left no-repeat;
	color: #F9DA30;
}

#header a.tr_pl {
	width: 38px;
	_width: 63px;
	height: 17px;
/*	margin: 120px 0px 0px 0px;*/
	padding: 0px 0px 0px 25px;
	display: block;
	text-decoration: none;
	font-size: 0.8em;
	font-weight: normal;
	color: #F9BA30;
	background: url(flag-pl.gif) top left no-repeat;
/*	background-color: Green;*/
	float: left;
}

#header a.tr_pl:hover {
	background: url(flag-pl-hgl.gif) top left no-repeat;
	color: #F9DA30;
}


#header a.tr_ru {
	width: 38px;
	_width: 63px;
	height: 17px;
/*	margin: 120px 0px 0px 0px;*/
	padding: 0px 0px 0px 25px;
	display: block;
	text-decoration: none;
	font-size: 0.8em;
	font-weight: normal;
	color: #F9BA30;
	background: url(flag-ru.gif) top left no-repeat;
/*	background-color: Green;*/
	float: left;
}

#header a.tr_ru:hover {
	background: url(flag-ru-hgl.gif) top left no-repeat;
	color: #F9DA30;
}

#header a.tr_en {
	width: 38px;
	_width: 63px;
	height: 17px;
	margin: 8px 0px 0px 0px;
	padding: 0px 0px 0px 25px;
	display: block;
	text-decoration: none;
	font-size: 0.8em;
	font-weight: normal;
	color: #F9BA30;
	background: url(flag-en.gif) top left no-repeat;
/*	background-color: Green;*/
	float: left;
}

#header a.tr_en:hover {
	background: url(flag-en-hgl.gif) top left no-repeat;
	color: #F9DA30;
}


#header a.tr_de {
	width: 38px;
	_width: 63px;
	height: 17px;
	margin: 8px 0px 0px 0px;
	padding: 0px 0px 0px 25px;
	display: block;
	text-decoration: none;
	font-size: 0.8em;
	font-weight: normal;
	color: #F9BA30;
	background: url(flag-de.gif) top left no-repeat;
/*	background-color: Green;*/
	float: left;
}

#header a.tr_de:hover {
	background: url(flag-de-hgl.gif) top left no-repeat;
	color: #F9DA30;
}


#header a.tr_fr {
	width: 38px;
	_width: 63px;
	height: 17px;
	margin: 8px 0px 0px 0px;
	padding: 0px 0px 0px 25px;
	display: block;
	text-decoration: none;
	font-size: 0.8em;
	font-weight: normal;
	color: #F9BA30;
	background: url(flag-fr.gif) top left no-repeat;
/*	background-color: Green;*/
	float: left;
}

#header a.tr_fr:hover {
	background: url(flag-fr-hgl.gif) top left no-repeat;
	color: #F9DA30;
}

#header a.tr_es {
	width: 38px;
	_width: 63px;
	height: 17px;
	margin: 8px 0px 0px 0px;
	padding: 0px 0px 0px 25px;
	display: block;
	text-decoration: none;
	font-size: 0.8em;
	font-weight: normal;
	color: #F9BA30;
	background: url(flag-es.gif) top left no-repeat;
/*	background-color: Green;*/
	float: left;
}

#header a.tr_es:hover {
	background: url(flag-es-hgl.gif) top left no-repeat;
	color: #F9DA30;
}





/* --- header -------------------------------------------------------------  */


/* --- topmenu -------------------------------------------------------------  */

#topmenu {
	width: 1000px;
	height: 140px;
	text-align: left;
/*	padding: 0px 0px 0px 0px;*/
	margin: 0px 0px 0px 0px;
	background-image: url(topmenu-bkg.gif);
	background-repeat: no-repeat;
	position: relative;
	z-index: 0;
}

#topmenu ul.services {
	width: 640px;
	height: 130px;
	text-align: left;
	font-size: 0.1em;
	list-style: none;
/*	background-color: gray;*/
	margin-left: 20px;
	_margin-left: 10px;
	position: relative;
	float: left;
}

#topmenu li.svc {
	width: 140px;
	height: 130px;
	text-align: left;
	list-style: none;
	margin-right: 20px;
	float: left;
	display: block;
	position: relative;
}

#topmenu a.svc {
	width: 140px;
	height: 130px;
	text-align: left;
	display: block;
	position: relative;
}

#topmenu span.svc_1_nor {
	width: 140px;
	height: 130px;
	display: block;
	background-image: url(li-tm-svc-1.gif);
	background-repeat: no-repeat;
	cursor: pointer;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
}

#topmenu span.svc_1_act {
	width: 140px;
	height: 130px;
	display: block;
	background-image: url(li-tm-svc-1-act.gif);
	background-repeat: no-repeat;
	cursor: pointer;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
}

#topmenu span.svc_2_nor {
	width: 140px;
	height: 130px;
	display: block;
	background-image: url(li-tm-svc-2.gif);
	background-repeat: no-repeat;
	cursor: pointer;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
}

#topmenu span.svc_2_act {
	width: 140px;
	height: 130px;
	display: block;
	background-image: url(li-tm-svc-2-act.gif);
	background-repeat: no-repeat;
	cursor: pointer;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
}


#topmenu span.svc_3_nor {
	width: 140px;
	height: 130px;
	display: block;
	background-image: url(li-tm-svc-3.gif);
	background-repeat: no-repeat;
	cursor: pointer;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
}

#topmenu span.svc_3_act {
	width: 140px;
	height: 130px;
	display: block;
	background-image: url(li-tm-svc-3-act.gif);
	background-repeat: no-repeat;
	cursor: pointer;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
}

#topmenu span.svc_4_nor {
	width: 140px;
	height: 130px;
	display: block;
	background-image: url(li-tm-svc-4.gif);
	background-repeat: no-repeat;
	cursor: pointer;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
}

#topmenu span.svc_4_act {
	width: 140px;
	height: 130px;
	display: block;
	background-image: url(li-tm-svc-4-act.gif);
	background-repeat: no-repeat;
	cursor: pointer;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
}

#topmenu div.firmmenu {
	width: 250px;
	margin: 56px 0px 0px 65px;
	_margin: 56px 0px 0px 44px;
	float: left;
}

#topmenu div.frmmn_cont {
	width: 250px;
	background-image: url(firmmenu-bkg.gif);
	background-repeat: repeat-y;
}

#topmenu div.frmmn_bord {
	width: 250px;
	height: 11px;
	background-image: url(firmmenu-bkg-bord.gif);
	background-repeat: no-repeat;
}

#topmenu div.frmmn_itmsblock {
	width: 110px;
	margin: 10px 0px 0px 10px;
	float: left;
}

#topmenu a.frmmn_a {
	padding: 0px 0px 3px 15px;
	text-decoration: none;
	font-size: 0.8em;
	color: #F30;
	display: block;
	background: url(li-red-wh.gif) top left no-repeat;
}

#topmenu a.frmmn_a:hover {
	color: #C00;
}


/* --- topmenu -------------------------------------------------------------  */




/* --- footer -------------------------------------------------------------  */

#footer {
	width: 1000px;
	height: 100px;
	color: #B9D4F8;
	font-size: 0.9em;
	margin-top: 20px;
	background-image: url(footer.jpg);
	background-repeat: repeat-x;
	position: relative;
}

#footer div.foot_left_bord {
	width: 20px;
	height: 100px;
	background-image: url(foot-left-bord.jpg);
	background-repeat: no-repeat;
	float: left;
}

#footer div.foot_right_bord {
	width: 20px;
	height: 100px;
	background-image: url(foot-right-bord.jpg);
	background-repeat: no-repeat;
	float: right;
}

#footer div.foot_box_logo {
	width: 180px;
	height: 100px;
	float: left;
	font-size: 0.9em;
	text-align: left;
}

#footer div.foot_logo {
	width: 150px;
	height: 40px;
	background-image: url(foot-logo.jpg);
	background-repeat: no-repeat;
	margin: 30px 0px 8px 0px;
}

#footer ul.foot_list_services {
	width: 275px;
	height: 70px;
	float: left;
	text-align: left;
	margin: 30px 0px 0px 0px;
	list-style-type: none;
/*	background-color: Blue;*/
}

#footer li.foot_li_services {
	list-style-type: none;
	padding-left: 15px;
	margin-bottom: 2px;
	background-image: url(li-foot-services.gif);
	background-repeat: no-repeat;
}

#footer a.foot_a_line_link {
	text-decoration: none;
	color: #B9D4F8;
}

#footer a.foot_a_line_link:hover {
	color: #D0E2FB;
}

#footer dl.foot_box_supp {
	width: 280px;
	height: 70px;
	float: left;
	text-align: left;
	margin: 30px 0px 0px 0px;
/*	background-color: Green;*/
}

#footer dt.foot_dt_supp {
	margin-bottom: 2px;
}

#footer dd.foot_dd_supp {
	display: inline;
}

#footer a.foot_a_supp {
	text-decoration: none;
	color: #B9D4F8;
	font-weight: normal;
	font-size: 0.9em;
}

#footer a.foot_a_supp:hover {
	color: #D0E2FB;
}

#footer div.foot_line {
	margin-bottom: 2px;
}

#footer div.foot_box_counter {
	width: 195px;
	height: 40px;
	text-align: left;
	float: right;
	margin: 30px 0px 0px 0px;
}


/* --- footer -------------------------------------------------------------  */



/* --- home content -------------------------------------------------------------  */

#home_right_box {
	width: 800px;
	text-align: left;
	float: right;
	margin: 20px 20px 0px 0px;	
	_margin: 20px 10px 0px 0px;	
/*	background-color: Yellow;*/
	position: relative;
}

#home_top_box {
	width: 800px;
	text-align: left;
	margin: 0px 0px 0px 0px;
/*	background-color: Blue;*/
	position: relative;
}

#home_bot_box {
	width: 800px;
	text-align: left;
	margin: 20px 0px 0px 0px;
/*	background-color: Green;*/
	position: relative;
}

#home_news_box {
	width: 150px;
	text-align: left;
	float: left;
	margin: 20px 0px 0px 20px;
	_margin: 20px 0px 0px 10px;
}


#home_news_box div.home_news_header {
	width: 150px;
	height: 20px;
	background: url(home-news-header.gif) top left no-repeat;
	margin: 0px 0px 10px 0px;
}

#home_news_box p.home_newsitem_box {
	width: 150px;
	display: block;
	color: black;
	font-size: 0.8em;
	margin: 0px 0px 15px 0px;
}

#home_news_box span.home_newsitem_date {
	width: 150px;
	display: block;
	color: black;
	margin-bottom: 4px;
}

#home_news_box strong.home_newsitem_header {
	width: 150px;
	display: block;
	color: black;
	margin-bottom: 4px;
}


#home_top_box div.home_about_and_services {
	width: 460px;
	background-color: white;
	float: left;
}

#home_top_box p.home_about {
	padding: 0px 10px 15px 10px;
	margin-bottom: 10px;
	color: #00203C;
	text-align: justify;
	background: url(home-about-bkg.gif) no-repeat bottom;
}

#home_top_box img.home_about_img {
	margin-bottom: 10px;
}

#home_top_box ul.home_about2_ul {
	height: 100px;
	padding-top: 10px;
	color: #00203C;
	list-style: none;
	background: url(home-about2-bkg.gif) no-repeat;
}

#home_top_box li.home_about2_li {
	padding: 0px 0px 0px 20px;
	margin: 0px 0px 5px 10px;
	color: #00203C;
	list-style: none;
	background: url(li-blue-wh.gif) left no-repeat;
}

#home_top_box h2.home_need_h2 {
	margin-top: 0px;
	position: relative;
}

#home_top_box ul.home_need_ul {
	width: 460px;
	height: 260px;
/*	color: #00203C;*/
	_margin-top: 10px;
	list-style: none;
/*	background: url(home-about2-bkg.gif) no-repeat;*/
	position: relative;
}

#home_top_box li.home_need_li {
	width: 150px;
	height: 175px;
	margin: 0px 5px 0px 0px;
	color: #00203C;
	list-style: none;
/*	background: url(li-blue-wh.gif) left no-repeat;*/
	float: left;
	position: relative;
}

#home_top_box li.home_need_li_nomargin {
	width: 150px;
	height: 175px;
	margin: 0px 0px 0px 0px;
	color: #00203C;
	list-style: none;
/*	background: url(li-blue-wh.gif) left no-repeat;*/
	float: left;
	position: relative;
}

#home_top_box a.home_need_a {
	width: 150px;
	height: 75px;
	display: block;
	margin: 0px 0px 10px 0px;
	color: #00203C;
	size: 1.3em;
	text-decoration: none;
	cursor: pointer;
/*	background: url(li-blue-wh.gif) left no-repeat;*/
	position: relative;
}


#home_top_box span.home_need_a_span1 {
	width: 150px;
	height: 75px;
	display: block;
	background: url(home-need-web.gif) left top no-repeat;
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 1;
}

#home_top_box span.home_need_a_span1_hgl {
	width: 150px;
	height: 75px;
	display: block;
	background: url(home-need-web-hgl.gif) left top no-repeat;
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 1;
}


#home_top_box span.home_need_a_span2 {
	width: 150px;
	height: 75px;
	display: block;
	background: url(home-need-shop.gif) left top no-repeat;
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 1;
}

#home_top_box span.home_need_a_span2_hgl {
	width: 150px;
	height: 75px;
	display: block;
	background: url(home-need-shop-hgl.gif) left top no-repeat;
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 1;
}

#home_top_box span.home_need_a_span3 {
	width: 150px;
	height: 75px;
	display: block;
	background: url(home-need-seo.gif) left top no-repeat;
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 1;
}

#home_top_box span.home_need_a_span3_hgl {
	width: 150px;
	height: 75px;
	display: block;
	background: url(home-need-seo-hgl.gif) left top no-repeat;
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 1;
}

#home_top_box ul.home_need_web_ul {
	width: 150px;
	height: 175px;
	padding: 15px 8px 0px 8px;
	list-style: none;
	background: url(home-need-services-web.gif) no-repeat;
	position: relative;
}

#home_top_box li.home_need_web_li {
	width: 134px;
	height: 25px;
	margin: 0px 0px 5px 0px;
	color: #069;
	font-size: 0.7em;
	list-style: none;
	float: left;
	position: relative;
}

#home_top_box ul.home_need_shop_ul {
	width: 150px;
	height: 175px;
	padding: 15px 8px 0px 8px;
	list-style: none;
	background: url(home-need-services-shop.gif) no-repeat;
	position: relative;
}

#home_top_box li.home_need_shop_li {
	width: 134px;
	height: 25px;
	margin: 0px 0px 5px 0px;
	color: #390;
	font-size: 0.7em;
	list-style: none;
	float: left;
	position: relative;
}


#home_top_box ul.home_need_seo_ul {
	width: 150px;
	height: 175px;
	padding: 15px 8px 0px 8px;
	list-style: none;
	background: url(home-need-services-seo.gif) no-repeat;
	position: relative;
}

#home_top_box li.home_need_seo_li {
	width: 134px;
	height: 25px;
	margin: 0px 0px 5px 0px;
	color: #906;
	font-size: 0.7em;
	list-style: none;
	float: left;
	position: relative;
}

#home_top_box div.home_ref_and_prop {
	width: 330px;
/*	background-color: #AB9EFC;*/
	float: right;
}

#home_top_box div.home_referencies_box {
	width: 170px;
	text-align: left;
	float: left;
	margin: 0px 0px 0px 0px;
}


#home_top_box div.home_referencies_header {
	width: 170px;
	height: 20px;
	background: url(home-referencies-header.gif) top left no-repeat;
	margin: 0px 0px 10px 0px;
}

#home_top_box p.home_ref_item_box {
	width: 170px;
	height: 185px;
	display: block;
	color: #81D4FA;
	font-size: 0.8em;
	text-align: left;
/*	background-color: Fuchsia;*/
	margin: 0px 0px 10px 0px;
}

#home_top_box a.home_ref_item_imgbox {
	width: 170px;
	height: 120px;
	display: block;
}

#home_top_box img.home_ref_item_img {
	width: 160px;
/*	height: 120px;*/
	margin: 8px 0px 0px 5px;
	border: 0px solid white;
}

#home_top_box a.home_ref_item_urlbox {
	width: 170px;
	height: 14px;
	display: block;
	margin-top: 3px;
	font-weight: normal;
	text-align: center;
	text-decoration: none;
	color: #024179;
/*	background-color: pink;*/
}




#home_top_box div.home_properties_box {
	width: 150px;
	text-align: left;
	float: left;
	margin: 0px 0px 0px 10px;
}


#home_top_box div.home_properties_header {
	width: 150px;
	height: 20px;
	background: url(home-properties-header.gif) top left no-repeat;
	margin: 0px 0px 10px 0px;
}

#home_top_box ul.home_proper_ul {
	width: 150px;
	list-style: none;
}

#home_top_box li.home_proper_li {
	width: 130px;
	_width: 150px;
	height: 55px;
	_height: 65px;
	padding: 10px 0px 0px 20px;
	margin: 0px 0px 8px 0px;
	color: #000;
	text-align: right;
	font-size: 0.8em;
	line-height: 14px;
	list-style: none;
	background: url(proper-item-bkg.jpg) left top no-repeat;
}

#home_bot_box div.home_systems_box {
	width: 220px;
	text-align: left;
	float: right;
}

#home_bot_box div.home_clients_and_blog_box {
	width: 560px;
	text-align: left;
	float: left;
/*	margin: 20px 0px 0px 20px;
	_margin: 20px 0px 0px 10px;*/
/*	background-color: Yellow;*/
}

#home_bot_box div.home_clients_box {
	width: 560px;
	height: 160px;
	background: url(home-clients.gif) left top no-repeat;
}

#home_bot_box div.home_blog_box {
	width: 560px;
	text-align: left;
	margin: 20px 0px 0px 0px;
	padding-top: 30px;
	background: url(home-blog-header.gif) left top no-repeat;
/*	background-color: Lime;*/
}

#home_bot_box div.home_blog_line {
	color: #000;
	font-size: 0.8em;
	margin: 10px 0px 0px 0px;
/*	background-color: Aqua;*/
}

#home_bot_box p.home_blog_itembox_left {
	width: 260px;
	display: block;
	margin: 0px 0px 0px 10px;
/*	background-color: Fuchsia;*/
	float: left;
}

#home_bot_box p.home_blog_itembox_right {
	width: 260px;
	display: block;
	margin: 0px 10px 0px 0px;
/*	background-color: Fuchsia;*/
	float: right;
}

#home_bot_box span.home_blog_item_header {
	width: 260px;
	display: block;
	font-weight: bold;
/*	margin: 10px 0px 0px 0px;*/
/*	background-color: Aqua;*/
}

#home_bot_box span.home_blog_item_text {
	width: 260px;
	display: block;
	margin: 5px 0px 0px 0px;
/*	background-color: Red;*/
}

#home_bot_box a.home_blog_item_link {
	width: 115px;
	height: 13px;
	display: block;
	margin: 2px 0px 0px 0px;
	background: url(home-blog-link.gif) left top no-repeat;
}

#home_bot_box a.home_blog_item_link:hover {
	background: url(home-blog-link-hgl.gif) left top no-repeat;
}

/* --- home content -------------------------------------------------------------  */


/* ----------------- banners ---------------------------------------- */

#banner_sysbox_1 {
	width: 220px;
	height: 150px;
	display: block;
	text-align: right;
	text-decoration: none;
	margin: 0px 0px 10px 0px;
	cursor: pointer;
	background: url(home-webrealizer-bkg.gif) left top no-repeat;
}

#banner_sysbox_1:hover {
	background: url(home-webrealizer-bkg-hgl.gif) left top no-repeat;
}

#banner_sysbox_1 span.home_sys_box_top {
	width: 220px;
	display: block;
	text-align: right;
	padding: 15px 0px 0px 0px;
/*	background-color: Aqua;*/
}

#banner_sysbox_1 strong.home_sys_name {
	color: #065DAC;
	font-size: 1.6em;
	margin-right: 10px;
/*	background-color: Aqua;*/
}

#banner_sysbox_1 span.home_sys_name_i {
	color: #000;
	font-size: 0.8em;
	font-style: italic;
/*	background-color: Aqua;*/
}
#banner_sysbox_1 span.home_sys_descr {
	color: #999;
	font-size: 0.8em;
	margin-right: 10px;
/*	background-color: Lime;*/
}

#banner_sysbox_1 span.home_sys_box_text {
	width: 110px;
	display: block;
	text-align: right;
	font-size: 0.7em;
	font-weight: normal;
	color: #000;
	margin: 10px 10px 0px 0px;
	float: right;
/*	background-color: Aqua;*/
}



#banner_sysbox_2 {
	width: 220px;
	height: 150px;
	display: block;
	text-align: right;
	text-decoration: none;
	margin: 0px 0px 10px 0px;
	cursor: pointer;
	background: url(home-shoprealizer-bkg.gif) left top no-repeat;
}

#banner_sysbox_2:hover {
	background: url(home-shoprealizer-bkg-hgl.gif) left top no-repeat;
}

#banner_sysbox_2 span.home_sys_box_top {
	width: 220px;
	display: block;
	text-align: right;
	padding: 15px 0px 0px 0px;
/*	background-color: Aqua;*/
}

#banner_sysbox_2 strong.home_sys_name {
	color: #065DAC;
	font-size: 1.6em;
	margin-right: 10px;
/*	background-color: Aqua;*/
}

#banner_sysbox_2 span.home_sys_name_i {
	color: #000;
	font-size: 0.8em;
	font-style: italic;
/*	background-color: Aqua;*/
}
#banner_sysbox_2 span.home_sys_descr {
	color: #999;
	font-size: 0.8em;
	margin-right: 10px;
/*	background-color: Lime;*/
}

#banner_sysbox_2 span.home_sys_box_text {
	width: 110px;
	display: block;
	text-align: right;
	font-size: 0.7em;
	font-weight: normal;
	color: #000;
	margin: 10px 10px 0px 0px;
	float: right;
/*	background-color: Aqua;*/
}



#banner_sysbox_3 {
	width: 220px;
	height: 150px;
	display: block;
	text-align: right;
	text-decoration: none;
	margin: 0px 0px 0px 0px;
	cursor: pointer;
	background: url(home-micrositerealizer-bkg.gif) left top no-repeat;
}

#banner_sysbox_3:hover {
	background: url(home-msiterealizer-bkg-hgl.gif) left top no-repeat;
}


#banner_sysbox_3 span.home_sys_box_top {
	width: 220px;
	display: block;
	text-align: right;
	padding: 15px 0px 0px 0px;
/*	background-color: Aqua;*/
}

#banner_sysbox_3 strong.home_sys_name {
	color: #065DAC;
	font-size: 1.6em;
	margin-right: 10px;
/*	background-color: Aqua;*/
}

#banner_sysbox_3 span.home_sys_name_i {
	color: #000;
	font-size: 0.8em;
	font-style: italic;
/*	background-color: Aqua;*/
}
#banner_sysbox_3 span.home_sys_descr {
	color: #999;
	font-size: 0.8em;
	margin-right: 10px;
/*	background-color: Lime;*/
}

#banner_sysbox_3 span.home_sys_box_text {
	width: 110px;
	display: block;
	text-align: right;
	font-size: 0.7em;
	font-weight: normal;
	color: #000;
	margin: 10px 10px 0px 0px;
	float: right;
/*	background-color: Aqua;*/
}





/* ----------------- banners ---------------------------------------- */



/* ---------- menu web -------------------------------------------------- */

#menu_web {
	width: 180px;
	margin: 0px 0px 0px 20px;
	background-color: #F4F8FD;
	_margin: -2px;
}

#menu_web ul.menu_ul_box {
	width: 180px;
	height: 400px;
	text-align: left;
	background: url(menu-web-ul-bkg.jpg) top right no-repeat;
}

#menu_web ul.menu_sub_ul_box {
	width: 180px;
}

#menu_web li.li_head {
	width: 170px;
	list-style: none;
	text-align: left;
	padding-top: 22px;
	background: url(menu-web-li-head-bkg.jpg) top left no-repeat;
}

#menu_web li.li_sub {
	width: 170px;
	height: 40px;
	list-style: none;
	text-align: left;
	background-color: #F4F8FD;
}

#menu_web a {
	width: 150px;
	_width: 170px;
	font-weight: normal;
	font-size: 0.9em;
	padding: 8px 5px 0px 15px;
	display: block;
	text-decoration: none;
	border-bottom: 1px solid #62A0C1;
}


#menu_web a.a_head_active {
	height: 29px;
	_height: 38px;
	color: #FFF;
	background: url(li-a-menu-web.gif) top left no-repeat;
}

#menu_web a.a_head {
	height: 29px;
	_height: 38px;
	color: #FFF;
	background: url(li-a-menu-web.gif) top left no-repeat;
}
#menu_web a.a_head:hover {
	color: #036;
	background: url(li-c-menu-web.gif) top left no-repeat;
}

#menu_web a.a_sub {
	height: 30px;
	_height: 40px;
	font-size: 0.8em;
	color: #62A0C1;
	background: url(li-b-menu-web.gif) top left no-repeat;
}
#menu_web a.a_sub:hover {
	color: #1766AD;
	background: url(li-d-menu-web.gif) top left no-repeat;
	background-color: #FFF;
}

#menu_web a.a_sub_active {
	height: 30px;
	_height: 40px;
	font-size: 0.8em;
	color: #036;
	background: url(li-c-menu-web.gif) top left no-repeat;
}
#menu_web a.a_sub_active:hover {
	color: #1766AD;
	background: url(li-d-menu-web.gif) top left no-repeat;
	background-color: #FFF;
}

#menu_web div.menu_bott_bord {
	width: 180px;
	height: 35px;
	background: url(menu-web-bott-bord.jpg) top left no-repeat;
}

/* ---------- menu web -------------------------------------------------- */



/* ---------- menu shop -------------------------------------------------- */

#menu_shop {
	width: 180px;
	margin: 0px 0px 0px 20px;
	background-color: #F6FBF0;
	_margin: -2px;
}

#menu_shop ul.menu_ul_box {
	width: 180px;
	height: 400px;
	text-align: left;
	background: url(menu-shop-ul-bkg.jpg) top right no-repeat;
}

#menu_shop ul.menu_sub_ul_box {
	width: 180px;
}

#menu_shop li.li_head {
	width: 170px;
	list-style: none;
	text-align: left;
	padding-top: 22px;
	background: url(menu-shop-li-head-bkg.jpg) top left no-repeat;
}

#menu_shop li.li_sub {
	width: 170px;
	height: 40px;
	list-style: none;
	text-align: left;
	background-color: #F6FBF0;
}

#menu_shop a {
	width: 150px;
	_width: 170px;
	font-weight: normal;
	font-size: 0.9em;
	padding: 8px 5px 0px 15px;
	display: block;
	text-decoration: none;
	border-bottom: 1px solid #81A260;
}


#menu_shop a.a_head_active {
	height: 29px;
	_height: 38px;
	color: #FFF;
	background: url(li-a-menu-shop.gif) top left no-repeat;
}

#menu_shop a.a_head {
	height: 29px;
	_height: 38px;
	color: #FFF;
	background: url(li-a-menu-shop.gif) top left no-repeat;
}
#menu_shop a.a_head:hover {
	color: #360;
	background: url(li-c-menu-shop.gif) top left no-repeat;
}

#menu_shop a.a_sub {
	height: 30px;
	_height: 40px;
	font-size: 0.8em;
	color: #8CCB48;
	background: url(li-b-menu-shop.gif) top left no-repeat;
}
#menu_shop a.a_sub:hover {
	color: #549512;
	background: url(li-d-menu-shop.gif) top left no-repeat;
	background-color: #FFF;
}

#menu_shop a.a_sub_active {
	height: 30px;
	_height: 40px;
	font-size: 0.8em;
	color: #360;
	background: url(li-c-menu-shop.gif) top left no-repeat;
}
#menu_shop a.a_sub_active:hover {
	color: #549512;
	background: url(li-d-menu-shop.gif) top left no-repeat;
	background-color: #FFF;
}

#menu_shop div.menu_bott_bord {
	width: 180px;
	height: 35px;
	background: url(menu-shop-bott-bord.jpg) top left no-repeat;
}

/* ---------- menu shop -------------------------------------------------- */



/* ---------- menu marketing -------------------------------------------------- */

#menu_marketing {
	width: 180px;
	margin: 0px 0px 0px 20px;
	background-color: #FBEFFA;
	_margin: -2px;
}

#menu_marketing ul.menu_ul_box {
	width: 180px;
	height: 400px;
	text-align: left;
	background: url(menu-marketing-ul-bkg.jpg) top right no-repeat;
}

#menu_marketing ul.menu_sub_ul_box {
	width: 180px;
}

#menu_marketing li.li_head {
	width: 170px;
	list-style: none;
	text-align: left;
	padding-top: 22px;
	background: url(menu-marketing-li-head-bkg.jpg) top left no-repeat;
}

#menu_marketing li.li_sub {
	width: 170px;
	height: 40px;
	list-style: none;
	text-align: left;
	background-color: #FBEFFA;
}

#menu_marketing a {
	width: 150px;
	_width: 170px;
	font-weight: normal;
	font-size: 0.9em;
	padding: 8px 5px 0px 15px;
	display: block;
	text-decoration: none;
	border-bottom: 1px solid #A260A1;
}


#menu_marketing a.a_head_active {
	height: 29px;
	_height: 38px;
	color: #FFF;
	background: url(li-a-menu-marketing.gif) top left no-repeat;
}

#menu_marketing a.a_head {
	height: 29px;
	_height: 38px;
	color: #FFF;
	background: url(li-a-menu-marketing.gif) top left no-repeat;
}
#menu_marketing a.a_head:hover {
	color: #606;
	background: url(li-c-menu-marketing.gif) top left no-repeat;
}

#menu_marketing a.a_sub {
	height: 30px;
	_height: 40px;
	font-size: 0.8em;
	color: #DB49D4;
	background: url(li-b-menu-marketing.gif) top left no-repeat;
}
#menu_marketing a.a_sub:hover {
	color: #9D129D;
	background: url(li-d-menu-marketing.gif) top left no-repeat;
	background-color: #FFF;
}

#menu_marketing a.a_sub_active {
	height: 30px;
	_height: 40px;
	font-size: 0.8em;
	color: #606;
	background: url(li-c-menu-marketing.gif) top left no-repeat;
}
#menu_marketing a.a_sub_active:hover {
	color: #9D129D;
	background: url(li-d-menu-marketing.gif) top left no-repeat;
	background-color: #FFF;
}

#menu_marketing div.menu_bott_bord {
	width: 180px;
	height: 35px;
	background: url(menu-marketing-bott-bord.jpg) top left no-repeat;
}

/* ---------- menu marketing -------------------------------------------------- */



/* ---------- menu reference -------------------------------------------------- */

#menu_reference {
	width: 180px;
	margin: 0px 0px 0px 20px;
	background-color: #FCF9EC;
	_margin: -2px;
}

#menu_reference ul.menu_ul_box {
	width: 180px;
	height: 400px;
	text-align: left;
	background: url(menu-reference-ul-bkg.jpg) top right no-repeat;
}

#menu_reference ul.menu_sub_ul_box {
	width: 180px;
}

#menu_reference li.li_head {
	width: 170px;
	list-style: none;
	text-align: left;
	padding-top: 22px;
	background: url(menu-reference-li-head-bkg.jpg) top left no-repeat;
}

#menu_reference li.li_sub {
	width: 170px;
	height: 40px;
	list-style: none;
	text-align: left;
	background-color: #FCF9EC;
}

#menu_reference a {
	width: 150px;
	_width: 170px;
	font-weight: normal;
	font-size: 0.9em;
	padding: 8px 5px 0px 15px;
	display: block;
	text-decoration: none;
	border-bottom: 1px solid #C1A15E;
}


#menu_reference a.a_head_active {
	height: 29px;
	_height: 38px;
	color: #FFF;
	background: url(li-a-menu-reference.gif) top left no-repeat;
}

#menu_reference a.a_head {
	height: 29px;
	_height: 38px;
	color: #FFF;
	background: url(li-a-menu-reference.gif) top left no-repeat;
}
#menu_reference a.a_head:hover {
	color: #960;
	background: url(li-c-menu-reference.gif) top left no-repeat;
}

#menu_reference a.a_sub {
	height: 30px;
	_height: 40px;
	font-size: 0.8em;
	color: #F6CA19;
	background: url(li-b-menu-reference.gif) top left no-repeat;
}
#menu_reference a.a_sub:hover {
	color: #C2860D;
	background: url(li-d-menu-reference.gif) top left no-repeat;
	background-color: #FFF;
}

#menu_reference a.a_sub_active {
	height: 30px;
	_height: 40px;
	font-size: 0.8em;
	color: #960;
	background: url(li-c-menu-reference.gif) top left no-repeat;
}
#menu_reference a.a_sub_active:hover {
	color: #C2860D;
	background: url(li-d-menu-reference.gif) top left no-repeat;
	background-color: #FFF;
}

#menu_reference div.menu_bott_bord {
	width: 180px;
	height: 35px;
	background: url(menu-reference-bott-bord.jpg) top left no-repeat;
}

/* ---------- menu reference -------------------------------------------------- */


/* ---------- menu firm -------------------------------------------------- */

#menu_firm {
	width: 180px;
	margin: 0px 0px 0px 20px;
	background-color: #FFF5F5;
	_margin: -2px;
}

#menu_firm ul.menu_ul_box {
	width: 180px;
	height: 400px;
	text-align: left;
	background: url(menu-firm-ul-bkg.jpg) top right no-repeat;
}

#menu_firm ul.menu_sub_ul_box {
	width: 180px;
}

#menu_firm li.li_head {
	width: 170px;
	list-style: none;
	text-align: left;
	padding-top: 22px;
	background: url(menu-firm-li-head-bkg.jpg) top left no-repeat;
}

#menu_firm li.li_sub {
	width: 170px;
	height: 40px;
	list-style: none;
	text-align: left;
	background-color: #FFF5F5;
}

#menu_firm a {
	width: 150px;
	_width: 170px;
	font-weight: normal;
	font-size: 0.9em;
	padding: 8px 5px 0px 15px;
	display: block;
	text-decoration: none;
	border-bottom: 1px solid #C26262;
}


#menu_firm a.a_head_active {
	height: 29px;
	_height: 38px;
	color: #FFF;
	background: url(li-a-menu-firm.gif) top left no-repeat;
}

#menu_firm a.a_head {
	height: 29px;
	_height: 38px;
	color: #FFF;
	background: url(li-a-menu-firm.gif) top left no-repeat;
}
#menu_firm a.a_head:hover {
	color: #900;
	background: url(li-c-menu-firm.gif) top left no-repeat;
}

#menu_firm a.a_sub {
	height: 30px;
	_height: 40px;
	font-size: 0.8em;
	color: #FF6D6D;
	background: url(li-b-menu-firm.gif) top left no-repeat;
}
#menu_firm a.a_sub:hover {
	color: #C21A1A;
	background: url(li-d-menu-firm.gif) top left no-repeat;
	background-color: #FFF;
}

#menu_firm a.a_sub_active {
	height: 30px;
	_height: 40px;
	font-size: 0.8em;
	color: #900;
	background: url(li-c-menu-firm.gif) top left no-repeat;
}
#menu_firm a.a_sub_active:hover {
	color: #C21A1A;
	background: url(li-d-menu-firm.gif) top left no-repeat;
	background-color: #FFF;
}

#menu_firm div.menu_bott_bord {
	width: 180px;
	height: 35px;
	background: url(menu-firm-bott-bord.jpg) top left no-repeat;
}

/* ---------- menu firm -------------------------------------------------- */




/* --------------- rightbox -------------------------------------------------- */


#rightbox div.b_box {
	margin-top: 40px;
}

/* -------- rbox web --------------------------------- */

#rbox_web {
	width: 220px;
	margin-right: 20px;
	color: #069;
	background: url(rbox-web-bkg.jpg) top left no-repeat;
	position: relative;
}

#rbox_web div.top {
	width: 210px;
	height: 60px;
	margin-left: 10px;
	background: url(rbox-web-top.jpg) top left no-repeat;
}

#rbox_web dl.ref {
	width: 200px;
	margin: 5px 0px 0px 20px;
}

#rbox_web dt.ref_text {
	width: 200px;
	height: 25px;
	display: block;
	color: #069;
}

#rbox_web dd.ref_imgbox {
	width: 200px;
	height: 160px;
	display: block;
	overflow: hidden;
	text-align: center;
}

#rbox_web dd.ref_imgbox img {
	width: 200px;
}

#rbox_web p.ref_promotext {
	width: 200px;
	height: 80px;
	display: block;
	margin-left: 20px;
	font-size: 0.8em;
	color: #069;
}

#rbox_web div.lets_contact {
	width: 200px;
	height: 20px;
	margin-left: 20px;
	background: url(rbox-web-lets-contact.gif) top left no-repeat;
}

#rbox_web div.contact_buttons {
	width: 200px;
	height: 55px;
	margin-left: 20px;
}

#rbox_web a.butt_writeus {
	width: 80px;
	height: 55px;
	display: block;
	font-size: 0.1em;
	color: #069;
	float: left;
	cursor: pointer;
	position: relative;
}

#rbox_web span.butt_writeus_img {
	width: 80px;
	height: 55px;
	display: block;
	position: absolute;
	z-index: 1;
	top: 0px;
	left: 0px;
	background: url(rbox-web-butt-writeus.gif) top left no-repeat;
}

#rbox_web span.butt_writeus_img_hgl {
	width: 80px;
	height: 55px;
	display: block;
	position: absolute;
	z-index: 1;
	top: 0px;
	left: 0px;
	background: url(rbox-web-butt-writeus-hgl.gif) top left no-repeat;
}

#rbox_web a.butt_callus {
	width: 80px;
	height: 55px;
	display: block;
	margin-left: 20px;
	font-size: 0.1em;
	color: #069;
	float: left;
	cursor: pointer;
	position: relative;
}

#rbox_web span.butt_callus_img {
	width: 80px;
	height: 55px;
	display: block;
	position: absolute;
	z-index: 1;
	top: 0px;
	left: 0px;
	background: url(rbox-web-butt-callus.gif) top left no-repeat;
}

#rbox_web span.butt_callus_img_hgl {
	width: 80px;
	height: 55px;
	display: block;
	position: absolute;
	z-index: 1;
	top: 0px;
	left: 0px;
	background: url(rbox-web-butt-callus-hgl.gif) top left no-repeat;
}

#rbox_web div.bottom {
	width: 220px;
	height: 30px;
	_margin-top: -2px;
	background: url(rbox-web-bottom.jpg) top left no-repeat;
}

/* -------- rbox web --------------------------------- */


/* -------- rbox shop --------------------------------- */

#rbox_shop {
	width: 220px;
	margin-right: 20px;
	color: #360;
	background: url(rbox-shop-bkg.jpg) top left no-repeat;
	position: relative;
}

#rbox_shop div.top {
	width: 210px;
	height: 60px;
	margin-left: 10px;
	background: url(rbox-shop-top.jpg) top left no-repeat;
}

#rbox_shop dl.ref {
	width: 200px;
	margin: 5px 0px 0px 20px;
}

#rbox_shop dt.ref_text {
	width: 200px;
	height: 25px;
	display: block;
	color: #360;
}

#rbox_shop dd.ref_imgbox {
	width: 200px;
	height: 160px;
	display: block;
	overflow: hidden;
	text-align: center;
}

#rbox_shop dd.ref_imgbox img {
	width: 200px;
}

#rbox_shop p.ref_promotext {
	width: 200px;
	height: 80px;
	display: block;
	margin-left: 20px;
	font-size: 0.8em;
	color: #360;
}

#rbox_shop div.lets_contact {
	width: 200px;
	height: 20px;
	margin-left: 20px;
	background: url(rbox-shop-lets-contact.gif) top left no-repeat;
}

#rbox_shop div.contact_buttons {
	width: 200px;
	height: 55px;
	margin-left: 20px;
}

#rbox_shop a.butt_writeus {
	width: 80px;
	height: 55px;
	display: block;
	font-size: 0.1em;
	color: #360;
	float: left;
	cursor: pointer;
	position: relative;
}

#rbox_shop span.butt_writeus_img {
	width: 80px;
	height: 55px;
	display: block;
	position: absolute;
	z-index: 1;
	top: 0px;
	left: 0px;
	background: url(rbox-shop-butt-writeus.gif) top left no-repeat;
}

#rbox_shop span.butt_writeus_img_hgl {
	width: 80px;
	height: 55px;
	display: block;
	position: absolute;
	z-index: 1;
	top: 0px;
	left: 0px;
	background: url(rbox-shop-butt-writeus-hgl.gif) top left no-repeat;
}

#rbox_shop a.butt_callus {
	width: 80px;
	height: 55px;
	display: block;
	margin-left: 20px;
	font-size: 0.1em;
	color: #360;
	float: left;
	cursor: pointer;
	position: relative;
}

#rbox_shop span.butt_callus_img {
	width: 80px;
	height: 55px;
	display: block;
	position: absolute;
	z-index: 1;
	top: 0px;
	left: 0px;
	background: url(rbox-shop-butt-callus.gif) top left no-repeat;
}

#rbox_shop span.butt_callus_img_hgl {
	width: 80px;
	height: 55px;
	display: block;
	position: absolute;
	z-index: 1;
	top: 0px;
	left: 0px;
	background: url(rbox-shop-butt-callus-hgl.gif) top left no-repeat;
}

#rbox_shop div.bottom {
	width: 220px;
	height: 30px;
	_margin-top: -2px;
	background: url(rbox-shop-bottom.jpg) top left no-repeat;
}

/* -------- rbox shop --------------------------------- */


/* -------- rbox marketing --------------------------------- */

#rbox_marketing {
	width: 220px;
	margin-right: 20px;
	color: #606;
	background: url(rbox-marketing-bkg.jpg) top left no-repeat;
	position: relative;
}

#rbox_marketing div.top {
	width: 210px;
	height: 60px;
	margin-left: 10px;
	background: url(rbox-marketing-top.jpg) top left no-repeat;
}

#rbox_marketing dl.ref {
	width: 200px;
	margin: 5px 0px 0px 20px;
}

#rbox_marketing dt.ref_text {
	width: 200px;
	height: 25px;
	display: block;
	color: #606;
}

#rbox_marketing dd.ref_imgbox {
	width: 200px;
	height: 160px;
	display: block;
	overflow: hidden;
	text-align: center;
}

#rbox_marketing dd.ref_imgbox img {
	width: 200px;
}

#rbox_marketing p.ref_promotext {
	width: 200px;
	height: 80px;
	display: block;
	margin-left: 20px;
	font-size: 0.8em;
	color: #606;
}

#rbox_marketing div.lets_contact {
	width: 200px;
	height: 20px;
	margin-left: 20px;
	background: url(rbox-marketing-lets-contact.gif) top left no-repeat;
}

#rbox_marketing div.contact_buttons {
	width: 200px;
	height: 55px;
	margin-left: 20px;
}

#rbox_marketing a.butt_writeus {
	width: 80px;
	height: 55px;
	display: block;
	font-size: 0.1em;
	color: #606;
	float: left;
	cursor: pointer;
	position: relative;
}

#rbox_marketing span.butt_writeus_img {
	width: 80px;
	height: 55px;
	display: block;
	position: absolute;
	z-index: 1;
	top: 0px;
	left: 0px;
	background: url(rbox-marketing-butt-writeus.gif) top left no-repeat;
}

#rbox_marketing span.butt_writeus_img_hgl {
	width: 80px;
	height: 55px;
	display: block;
	position: absolute;
	z-index: 1;
	top: 0px;
	left: 0px;
	background: url(rbox-mark-butt-writeus-hgl.gif) top left no-repeat;
}

#rbox_marketing a.butt_callus {
	width: 80px;
	height: 55px;
	display: block;
	margin-left: 20px;
	font-size: 0.1em;
	color: #606;
	float: left;
	cursor: pointer;
	position: relative;
}

#rbox_marketing span.butt_callus_img {
	width: 80px;
	height: 55px;
	display: block;
	position: absolute;
	z-index: 1;
	top: 0px;
	left: 0px;
	background: url(rbox-marketing-butt-callus.gif) top left no-repeat;
}

#rbox_marketing span.butt_callus_img_hgl {
	width: 80px;
	height: 55px;
	display: block;
	position: absolute;
	z-index: 1;
	top: 0px;
	left: 0px;
	background: url(rbox-mark-butt-callus-hgl.gif) top left no-repeat;
}

#rbox_marketing div.bottom {
	width: 220px;
	height: 30px;
	_margin-top: -2px;
	background: url(rbox-marketing-bottom.jpg) top left no-repeat;
}

/* -------- rbox marketing --------------------------------- */



/* -------- rbox reference --------------------------------- */

#rbox_reference {
	width: 220px;
	margin-right: 20px;
	color: #960;
	background: url(rbox-refer-bkg.jpg) top left no-repeat;
	position: relative;
}

#rbox_reference div.top {
	width: 210px;
	height: 60px;
	margin-left: 10px;
	background: url(rbox-refer-top.jpg) top left no-repeat;
}

#rbox_reference dl.ref {
	width: 200px;
	margin: 5px 0px 0px 20px;
}

#rbox_reference dt.ref_text {
	width: 200px;
	height: 25px;
	display: block;
	color: #960;
}

#rbox_reference dd.ref_imgbox {
	width: 200px;
	height: 160px;
	display: block;
	overflow: hidden;
	text-align: center;
}

#rbox_reference dd.ref_imgbox img {
	width: 200px;
}

#rbox_reference p.ref_promotext {
	width: 200px;
	height: 80px;
	display: block;
	margin-left: 20px;
	font-size: 0.8em;
	color: #960;
}

#rbox_reference div.lets_contact {
	width: 200px;
	height: 20px;
	margin-left: 20px;
	background: url(rbox-refer-lets-contact.gif) top left no-repeat;
}

#rbox_reference div.contact_buttons {
	width: 200px;
	height: 55px;
	margin-left: 20px;
}

#rbox_reference a.butt_writeus {
	width: 80px;
	height: 55px;
	display: block;
	font-size: 0.1em;
	color: #960;
	float: left;
	cursor: pointer;
	position: relative;
}

#rbox_reference span.butt_writeus_img {
	width: 80px;
	height: 55px;
	display: block;
	position: absolute;
	z-index: 1;
	top: 0px;
	left: 0px;
	background: url(rbox-refer-butt-writeus.gif) top left no-repeat;
}

#rbox_reference span.butt_writeus_img_hgl {
	width: 80px;
	height: 55px;
	display: block;
	position: absolute;
	z-index: 1;
	top: 0px;
	left: 0px;
	background: url(rbox-refer-butt-writeus-hgl.gif) top left no-repeat;
}

#rbox_reference a.butt_callus {
	width: 80px;
	height: 55px;
	display: block;
	margin-left: 20px;
	font-size: 0.1em;
	color: #960;
	float: left;
	cursor: pointer;
	position: relative;
}

#rbox_reference span.butt_callus_img {
	width: 80px;
	height: 55px;
	display: block;
	position: absolute;
	z-index: 1;
	top: 0px;
	left: 0px;
	background: url(rbox-refer-butt-callus.gif) top left no-repeat;
}

#rbox_reference span.butt_callus_img_hgl {
	width: 80px;
	height: 55px;
	display: block;
	position: absolute;
	z-index: 1;
	top: 0px;
	left: 0px;
	background: url(rbox-refer-butt-callus-hgl.gif) top left no-repeat;
}

#rbox_reference div.bottom {
	width: 220px;
	height: 30px;
	_margin-top: -2px;
	background: url(rbox-refer-bottom.jpg) top left no-repeat;
}

/* -------- rbox refer --------------------------------- */


/* -------- rbox firm --------------------------------- */

#rbox_firm {
	width: 220px;
	margin-right: 20px;
	margin-bottom: 30px;
	color: #900;
	background: url(rbox-firm-bkg.jpg) top left no-repeat;
	position: relative;
}

#rbox_firm div.top {
	width: 210px;
	height: 60px;
	margin-left: 10px;
	background: url(rbox-firm-top.jpg) top left no-repeat;
}

#rbox_firm dl.ref {
	width: 200px;
	margin: 5px 0px 0px 20px;
}

#rbox_firm dt.ref_text {
	width: 200px;
	height: 25px;
	display: block;
	color: #900;
}

#rbox_firm dd.ref_imgbox {
	width: 200px;
	height: 160px;
	display: block;
	overflow: hidden;
	text-align: center;
}

#rbox_firm dd.ref_imgbox img {
	width: 200px;
}

#rbox_firm p.ref_promotext {
	width: 200px;
	height: 80px;
	display: block;
	margin-left: 20px;
	font-size: 0.8em;
	color: #900;
}

#rbox_firm div.lets_contact {
	width: 200px;
	height: 20px;
	margin-left: 20px;
	background: url(rbox-firm-lets-contact.gif) top left no-repeat;
}

#rbox_firm div.contact_buttons {
	width: 200px;
	height: 55px;
	margin-left: 20px;
}

#rbox_firm a.butt_writeus {
	width: 80px;
	height: 55px;
	display: block;
	font-size: 0.1em;
	color: #900;
	float: left;
	cursor: pointer;
	position: relative;
}

#rbox_firm span.butt_writeus_img {
	width: 80px;
	height: 55px;
	display: block;
	position: absolute;
	z-index: 1;
	top: 0px;
	left: 0px;
	background: url(rbox-firm-butt-writeus.gif) top left no-repeat;
}

#rbox_firm span.butt_writeus_img_hgl {
	width: 80px;
	height: 55px;
	display: block;
	position: absolute;
	z-index: 1;
	top: 0px;
	left: 0px;
	background: url(rbox-firm-butt-writeus-hgl.gif) top left no-repeat;
}

#rbox_firm a.butt_callus {
	width: 80px;
	height: 55px;
	display: block;
	margin-left: 20px;
	font-size: 0.1em;
	color: #900;
	float: left;
	cursor: pointer;
	position: relative;
}

#rbox_firm span.butt_callus_img {
	width: 80px;
	height: 55px;
	display: block;
	position: absolute;
	z-index: 1;
	top: 0px;
	left: 0px;
	background: url(rbox-firm-butt-callus.gif) top left no-repeat;
}

#rbox_firm span.butt_callus_img_hgl {
	width: 80px;
	height: 55px;
	display: block;
	position: absolute;
	z-index: 1;
	top: 0px;
	left: 0px;
	background: url(rbox-firm-butt-callus-hgl.gif) top left no-repeat;
}

#rbox_firm div.bottom {
	width: 220px;
	height: 30px;
	_margin-top: -2px;
	background: url(rbox-firm-bottom.jpg) top left no-repeat;
}


/* -------- rbox firm --------------------------------- */








/* --------------- rightbox -------------------------------------------------- */






/* start*********************************************** page end ************************************* */

#content div.page_end {
	width: 560;
	height: 25px;
	margin-top: 20px;
	background: url("pageend-bkg.jpg") top left repeat-x;
	position: relative;
	z-index: 0;
/*	margin: 0px auto 30px auto;*/
}

#content span.pageend_l {
	width: 195px;
	height: 25px;
	text-align: left;
	background: url("pageend-left-bkg.jpg") top left no-repeat;
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 0;
}

#content span.pageend_r {
	width: 195px;
	height: 25px;
	text-align: right;
	background: url("pageend-right-bkg.jpg") top left no-repeat;
	position: absolute;
	top: 0px;
	left: 370px;
	z-index: 0;
}

#content a.a_pageend_l  {
	width: 120px;
	_width: 150px;
	height: 25px;
	color: #FCB72D;
	text-decoration: none;
	font-weight: normal;
	font-size: 0.8em;
/*	background-color: Gray;*/
	position: absolute;
	top: 7px;
	left: 60px;
	z-index: 1;
	padding-left: 30px
}

#content a.a_pageend_r  {
	width: 100px;
	_width: 130px;
	height: 25px;
	color: #FCB72D;
	text-decoration: none;
	font-weight: normal;
	font-size: 0.8em;
/*	background-color: Gray;*/
	position: absolute;
	top: 7px;
	left: 0px;
	z-index: 1;
	padding-right: 30px
}

#content a.a_pageend_l:hover {
	color: #F29D3F;
}

#content a.a_pageend_r:hover {
	color: #F29D3F;
}

#content span.printico {
	width: 22px;
	height: 12px;
	background: url("print-ico.gif") top left no-repeat;
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 2;
}

#content span.sendmsgico {
	width: 22px;
	height: 12px;
	background: url("sendmsg-ico.gif") top left no-repeat;
	position: absolute;
	top: 1px;
	left: 110px;
	z-index: 2;
}
/* *********************************************** page end *************************************end */





/* ------------------------ content basic elements ------------------------------------------------*/


#content div.element {
	margin: 0px 20px 0px 20px;
}


#content div.element_dual {
	width: 50%;
	_width: 48%;
	float: left;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

#content div.element_trial {
	width: 33%;
	_width: 32%;
	float: left;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

#content div.element_trial_center {
	width: 34%;
	_width: 32%;
	float: left;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

#content div.element_quatro {
	width: 25%;
	_width: 23%;
	float: left;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}



#content div.hiding_link_div {
}

#content a.hiding_but_open {
	height: 18px;
	_height: 20px;
	color: #F0902C;
	text-align: left;
	text-decoration: none;
	padding: 2px 0px 0px 26px;
	background: url(link-showdetails-bkg.gif) top left no-repeat;
	background-color: #FFFADF;
}
#content a.hiding_but_open:hover {
	color: #000;
}
#content a.hiding_but_close {
	height: 18px;
	_height: 20px;
	color: #F0902C;
	text-align: left;
	text-decoration: none;
	padding: 2px 0px 0px 26px;
	background: url(link-hidedetails-bkg.gif) top left no-repeat;
}
#content a.hiding_but_close:hover {
	color: #000;
}


#content div.elemet_highl_box {
	background-color: #FFF8D1;
	margin-top: 10px;
}

#content div.elemet_highl_box_top_border {
	height: 10px;
}

#content span.elemet_highl_box_top_border_left_corner {
	width: 10px;
	height: 10px;
	display: block;
	background: url(top-left-corner.gif) top left no-repeat;
	float: left;
}

#content span.elemet_highl_box_top_border_right_corner {
	width: 10px;
	height: 10px;
	display: block;
	background: url(top-right-corner.gif) top right no-repeat;
	float: right;
}

#content div.elemet_highl_box_foot_border {
	height: 10px;
}

#content span.elemet_highl_box_foot_border_left_corner {
	width: 10px;
	height: 10px;
	display: block;
	background: url(foot-left-corner.gif) top left no-repeat;
	float: left;	
}

#content span.elemet_highl_box_foot_border_right_corner {
	width: 10px;
	height: 10px;
	display: block;
	background: url(foot-right-corner.gif) top right no-repeat;
	float: right;
}



#content h1 {
	width: 480px;
	height: 30px;
	_width: 560px;
	_height: 55px;
	font-size: 1.4em;
	text-align: left;
	padding-left: 35px;
/*	padding-top: 25px; */
	background-image: url(pageheader-classic-bkg.jpg) top left no-repeat;
	margin: 0px;
}


#content h2 {
	width: 525px;
	height: 20px;
	_width: 560px;
	font-size: 1.2em;
	text-align: left;
   padding-left: 35px;
	background-image: url(h2-bkg.jpg) top left no-repeat;
	margin: 20px 0px 0px 0px;
}




#content p {
/*	width: 500px;*/
/*	width: 100%;*/
	_width: 520px;
	text-align: justify;
	line-height: 1.5em;
	margin: 10px 10px 5px 10px;
}

#content a {
	font-weight: normal;
	text-decoration: underline;
	color: #033;
}
#content a:hover {
	color: #000;
}

#content dl {
	margin: 0px 5px 0px 5px;
	padding: 0px 0px 0px 0px;
	text-align: left;
}

#content dt {
	width: 50%;
	_width: 46%;
	float: left;
	padding: 2px 0px 2px 0px;
	margin: 0px 0px 3px 0px;
	background-color: #FDFAD0;
}
#content span.dt_padding {
	margin: 0px 5px 0px 5px;
}

#content dd {
	width: 50%;
	_width: 46%;
	float: left;
	padding: 2px 0px 2px 0px;
	margin: 0px 0px 3px 0px;
	background-color: #FDFAD0;
}
#content div.dd_padding {
	margin: 0px 5px 0px 5px;	
}

#content dt.cln {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-size: 0.1em;
}
#content dd.cln {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-size: 0.1em;
}

#content ul {
	text-align: left;
	margin: 10px 10px 5px 10px;
	list-style: none;
}

#content li {
	padding-left: 20px;
	margin-bottom: 5px;
	background-image: url(li-content.jpg);
	background-repeat: no-repeat;
}
	
#content a.produkty_link_katalog {
	width: 329px;
	_width: 355px;
	height: 18px;
	_height: 20px;
	display: block;
	float: right;
	background-color: #FFFADF;
	color: #F0902C;
	text-decoration: none;
	padding: 2px 0px 0px 26px;
	margin-bottom: 5px;
	background-image: url(link-bkg.gif);
	background-repeat: no-repeat;
}

#content a.produkty_link_katalog:hover {
	color: #000;
}

#content a.dealers_link {
	width: 484px;
	_width: 510px;
	height: 18px;
	_height: 20px;
	display: block;
	background-color: #FFFADF;
	color: #F0902C;
	text-align: left;
	text-decoration: none;
	padding: 2px 0px 0px 26px;
	margin: 5px 25px 5px 25px;
	background-image: url(link-bkg.gif);
	background-repeat: no-repeat;
}

#content a.dealers_link:hover {
	color: #000;
}



/* ------------------------ content basic elements ------------------------------------------------*/


/* ------------------------ content colored elements ------------------------------------------------*/

#content div.content_marketing td {
	border: 1px solid #606;
}

#content div.content_marketing thead td {
	padding: 5px 10px 5px 10px;
	background-color: #FFEEFF;
}

#content div.content_marketing tbody td {
	padding: 5px 10px 5px 10px;
/*	background-color: #FFEEFF;*/
}

#content div.content_marketing tbody td.hgl {
	padding: 5px 10px 5px 10px;
	background-color: #FFDDFF;
}

/* ------------------------ content colored elements ------------------------------------------------*/





/* start*********************************************** paragraph l r picture ************************************* */

#content span.picture_r {
/*	background-color: #FFF;
	width: 135px;*/
	text-align: center;
	margin: 0px 0px 10px 10px;
	float: right;
}

#content span.picture_l {
/*	background-color: #FFF;
	width: 135px;*/
	text-align: center;
	margin: 0px 10px 10px 0px;
	float: left;
}

#content span.picture_r img {
	width: 220px;
/*	height: 165px;
	margin-top: 25px;*/
	border: 0px solid white;
}
#content span.picture_l img {
	width: 220px;
/*	height: 165px;
	margin-top: 25px;*/
	border: 0px solid white;
}

#content span.picture_full img {
	width: 500px;
/*	height: 165px;
	margin-top: 25px;*/
	border: 0px solid white;
}


/* *********************************************** paragraph l r picture *************************************end */


/* start*********************************************** paragraph gallery l r picture ************************************* */

#content span.gallery_pic_r {
	background-color: #FFF8D1;
	width: 250px;
	overflow: hidden;
	text-align: center;
	margin: 0px 5px 0px 5px;
	float: right;
}

#content span.gallery_pic_l {
	background-color: #FFF8D1;
	width: 250px;
	overflow: hidden;
	text-align: center;
	margin: 0px 5px 0px 5px;
	float: left;
}

#content span.gallery_pic_l_topborder {
	width: 250px;
	height: 10px;
	font-size: 0.1em;
	display: block;
	background: url("top-border-short.jpg") top left no-repeat;
/*	background-color: blue;*/
}
#content span.gallery_pic_r_topborder {
	width: 250px;
	height: 10px;
	font-size: 0.1em;
	display: block;
	background: url("top-border-short.jpg") top left no-repeat;
/*	background-color: blue;*/
}

#content span.gallery_pic_l_footborder {
	width: 250px;
	height: 10px;
	font-size: 0.1em;
	display: block;
	background: url("foot-border-short.jpg") top left no-repeat;
/*	background-color: blue;*/
}
#content span.gallery_pic_r_footborder {
	width: 250px;
	height: 10px;
	font-size: 0.1em;
	display: block;
	background: url("foot-border-short.jpg") top left no-repeat;
/*	background-color: blue;*/
}

#content span.gallery_pic_img_box {
	background-color: #FFF8D1;
	width: 240px;
	overflow: hidden;
	text-align: center;
	margin: 0px 5px 0px 5px;
	display: block;
}

#content img.gallery_pic_img {
	border: 5px solid #FFFADF;
	margin-bottom: 0px;
}

#content span.gallery_pic_text {
	width: 230px;
	_width: 240px;
	margin: 5px 5px 0px 5px;
	padding: 0px 5px 0px 5px;
	background-color: #FFFADF;
/*	font-size: 0.7em;*/
	text-align: justify;
	display: block;
}

#content a.gallery_pic_dwnl_link {
	width: 214px;
	_width: 355px;
	height: 18px;
	_height: 20px;
	text-align: left;
	display: block;
	background-color: #FFFADF;
	margin: 5px 5px 0px 5px;
	padding: 2px 0px 0px 26px;
	
	color: #F0902C;
	text-decoration: none;
	background-image: url(link-download-bkg.gif);
	background-repeat: no-repeat;
}

#content a.gallery_pic_dwnl_link:hover {
	color: black;
}


/* *********************************************** paragraph gallery l r picture *************************************end */











/* start*********************************************** contact_box ************************************* */


#content div.contact_box_photo_and_name {
	width: 250px;
	margin: 0px 5px 0px 5px;
	_margin: 0px 3px 0px 3px;
	float: left;
}

#content div.contact_box_photo {
	width: 80px;
	height: 90px;
	background-color: #FFF8D1;
	background: url(photo-bkg.jpg) top left no-repeat;
	float: left;
}
#content div.contact_box_name {
	width: 160px;
	height: 18px;
	_height: 20px;
	text-align: left;
	padding: 2px 5px 0px 5px;
	margin: 0px 0px 3px 0px;
	color: #900;
	background-color: #FFF8D1;
	float: left;
}
#content div.contact_box_function {
	width: 160px;
	height: 18px;
	_height: 20px;
	text-align: left;
	padding: 2px 5px 0px 5px;
	color: #900;
	background-color: #FFF8D1;
	float: left;
}

#content dl.contact_box_details {
	width: 250px;
	margin: 0px 5px 0px 5px;
	float: left;
}


#content dt.contact_box_term {
	width: 45px;
	_width: 55px;
/*	height: 18px;
	_height: 20px;*/
	float: left;
	padding: 2px 5px 2px 5px;
	margin: 0px 0px 5px 0px;
	background-color: #FFFADF;
}
#content dd.contact_box_def {
	width: 185px;
	_width: 195px;
/*	height: 18px;
	_height: 20px;*/
	float: left;
	padding: 2px 5px 2px 5px;
	margin: 0px 0px 5px 0px;
	background-color: #FFFADF;
}


/* *********************************************** contact_box *************************************end */



/* start*********************************************** contact form ************************************* */

#contact_form {
	margin: 25px 20px 15px 20px;
	_margin: 25px 20px 15px 20px;
	padding: 0px;
}

#contact_form div.valuebox {
	width: 173px;
	_width: 170px;
	font-weight: bold;
/*	text-align: center;*/
	text-align: left;
	float: left;
/*	background-color: #DC9FAC;*/
}

#contact_form span.valuename {
	width: 160px;
	color: #FF6D6D;
	font-size: 0.8em;
	margin-left: auto;
	margin-right: auto;
	_margin-left: 0px;
	_margin-right: 0px;
	font-weight: bold;
	text-align: left;
	display: block;
/*	background-color: orange;*/
}

#contact_form input {
	width: 160px;
	_width: 158px;
	height: 16px;
	_height: 22px;
	color: #000153;
	_font-size: 0.85em;
/*	font-weight: bold;*/
	font-family: Verdana, sans-serif;
	padding: 4px 2px 0px 3px;
	border: 1px solid #C26262;
	background-color: #FFF5F5;
	margin-bottom: 14px;
	_margin-bottom: 12px;
	|float: right;
}

#contact_form div.areabox {
	width: 390px;
	height: 120px;
	font-weight: bold;
	text-align: left;
	_margin-top: 1px;
	float: left;
/*	background-color: Fuchsia;*/
}

#contact_form span.areaname {
	width: 97%;
	color: #FF6D6D;
	font-size: 0.8em;
	margin-left: auto;
	margin-right: auto;
	_margin-left: 0px;
	_margin-right: 0px;
	font-weight: bold;
	text-align: left;
	display: block;
}

#contact_form textarea {
	width: 96%;
	height: 101px;
	_height: 106px;
	border: 1px solid #C26262;
	background-color: #FFF5F5;
	color: #000153;
	font-size: 1.0em;
/*	font-weight: bold;*/
	font-family: Verdana, sans-serif;
	padding: 3px 3px 0px 3px;
	|float: right;
	_float: right;
}

#contact_form div.buttons_box {
	width: 127px;
	_width: 110px;
	height: 60px;
	_height: 120px;
	font-weight: bold;
	text-align: right;
	padding-top: 60px;
	_margin-top: 1px;
	float: left;
/*	background-color: #132568;*/
}

#contact_form input.but_res {
	width: 100px;
	_width: 90px;
	height: 22px;
	_height: 22px;
	padding-top: 0px;
	margin-right: 5px;
	color: #FF6D6D;
	font-size: 0.9em;
	font-weight: bold;
	background-color: #FFF;
	border: 1px solid #C26262;
	cursor: pointer;
	background-image: none;
	|float: left;
}
#contact_form input.but_res:hover {
	color: #B00;
}


#contact_form input.but_sub {
	width: 100px;
	_width: 90px;
	height: 22px;
	_height: 22px;
	padding-top: 0px;
	margin-right: 5px;
	color: #FFF;
	font-size: 0.9em;
	font-weight: bold;
	background-color: #FF6D6D;
	border: 1px solid #C26262;
	cursor: pointer;
	background-image: none;
	|float: left;
}

#contact_form input.but_sub:hover {
	background-color: #B00;
}

#contact_form div.status_msg {
	height: 22px;
	_height: 24px;
	margin: 10px auto 20px auto;
	display: block;
/*	float: left;*/
	color: #FFF;
	font-weight: bold;
	text-align: left;
	padding-top: 6px;
	padding-left: 7px;
	background-color: #B00;
}

#contact_form div.status_msg_free {
	width: 98%;
	_width: 99%;
	height: 20px;
	_height: 22px;
	margin-top: 10px;
	margin-bottom: 20px;
	display: block;
	float: left;
	text-align: left;
	padding-top: 2px;
	padding-left: 7px;
}

#content div.succesmsg {
	height: 50px;
	_height: 55px;
	display: block;
	margin: 70px 20px 0px 20px;
	font-weight: bold;
	text-align: left;
	padding-top: 6px;
	padding-left: 7px;
	color: #FFF;
	background-color: #B00;
}

/* *********************************************** contact form *************************************end */



/* ----------------------------- layer 2 ----------------------- */


#layer_2_bkg {
	width: 100%;
	display: none;
	background-color: #124;
	opacity: 0.6;
	filter: alpha(opacity=60);
	-moz-opacity: 0.6;
	-khtml-opacity: 0.6;
	margin: 0px;
	z-index: 5;
	position: absolute;
	top: 0px;
	_top: 0px;
	|top: 0px;
	left: 0px;
}


/* ----------------------------- layer 2 ----------------------- */


/* ------------------------- showbox ---- */

#showbox {
	background-color: #FFF;
	padding: 0px 10px 0px 10px;
	position: relative;
	z-index: 10;
}


#close_prev {
	width: 68px;
	_width: 80px;
	height: 15px;
	color: #C00;
	text-align: left;
	font-size: 0.7em;
	letter-spacing: 0.2em;
	font-weight: normal;
	text-decoration: none;
	padding: 0px 0px 0px 12px;
	background: url(close-prev.gif) top left no-repeat;
	display: none;
	position: absolute;
	top: -9px;
	left: 10px;
	z-index: 11;
}

#close_prev:hover {
	color: #000;
	background: url(close-prev-hov.gif) top left no-repeat;
}


#showbox_el {
	width: 500px;
	display: none;
	top: 100px;
	left: 200px;
	position: absolute;
	z-index: 10;
}

#showbox_el div.showbox_top_border {
	height: 10px;
	_font-size: 0.1em;
	background-color: #FFF;
	margin: 0px 10px 0px 10px;
	position: relative;
	z-index: 10;
}

#showbox_el div.showbox_top_border_left_corner {
	width: 0px;
	height: 10px;
	float: left;
	position: relative;
	z-index: 10;
}

#showbox_el div.showbox_top_border_right_corner {
	width: 0px;
	height: 10px;
	float: right;
	position: relative;
	z-index: 10;
}

#showbox_el div.showbox_top_border_left_corner_img {
	width: 10px;
	height: 10px;
	background: url(top-left-corner-white.gif) top left no-repeat;
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 11;
}

#showbox_el div.showbox_top_border_right_corner_img {
	width: 10px;
	height: 10px;
	background: url(top-right-corner-white.gif) top right no-repeat;
	position: absolute;
	top: -10px;
	left: -10px;
	z-index: 11;
}


#showbox_el div.showbox_top_border_close_but {
	width: 30px;
	height: 16px;
	background: url(dialog-close-but.gif) top right no-repeat;
	position: absolute;
	top: 3px;
	left: -30px;
	z-index: 11;
	cursor: pointer;
}
#showbox_el div.showbox_top_border_close_but:hover {
	background: url(dialog-close-but-hover.gif) top right no-repeat;
}


#showbox_el div.showbox_foot_border {
	height: 10px;
	_font-size: 0.1em;
	background-color: #FFF;
	margin: 0px 10px 0px 10px;
	position: relative;
	z-index: 10;
}

#showbox_el div.showbox_foot_border_left_corner {
	width: 0px;
	height: 10px;
	float: left;
	position: relative;
	z-index: 10;
}

#showbox_el div.showbox_foot_border_right_corner {
	width: 0px;
	height: 10px;
	float: right;
	position: relative;
	z-index: 10;
}

#showbox_el div.showbox_foot_border_left_corner_img {
	width: 10px;
	height: 10px;
	background: url(foot-left-corner-white.gif) top left no-repeat;
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 11;
}

#showbox_el div.showbox_foot_border_right_corner_img {
	width: 10px;
	height: 10px;
	background: url(foot-right-corner-white.gif) top right no-repeat;
	position: absolute;
	top: -10px;
	left: -10px;
	z-index: 11;
}


/* ------------------------- showbox ---- */


















/* start*********************************************** downloads ************************************* */


#content a.downloads_ico {
	width: 40px;
	height: 40px;
	display: block;
	margin: 0px 0px 0px 0px;
	float: left;
}

#content a.downloads_ico img {
	border: 0px solid white;
}

#content div.downloads_linesbox {
	width: 440px;
	text-align: left;
	margin: 0px 0px 0px 10px;
	_margin: 0px 0px 0px 5px;
	float: left;
}

#content div.downloads_line1 {
	width: 440px;
	text-align: left;
	margin: 0px 0px 10px 0px;
	float: left;
}

#content div.downloads_line2 {
	font-size: 0.8em;
	width: 130px;
	text-align: left;
	margin: 0px 0px 5px 0px;
	float: left;
}

#content div.downloads_line3 {
	width: 250px;
	text-align: left;
	margin: 0px 0px 0px 0px;
	float: left;
}


#content a.downloads_btn_open {
	width: 54px;
	_width: 80px;
	height: 18px;
	_height: 20px;
	display: block;
	float: left;
	text-align: left;
	background-color: #FDFAD0;
	color: #F0902C;
	text-decoration: none;
	padding: 2px 0px 0px 26px;
	margin: 5px 10px 0px 0px;
	_margin: 3px 10px 0px 0px;
	background-image: url(link-showdoc-bkg.gif);
	background-repeat: no-repeat;
}

#content a.downloads_btn_open:hover {
	color: black;
}

#content a.downloads_btn_dwnl {
	width: 124px;
	_width: 150px;
	height: 18px;
	_height: 20px;
	display: block;
	float: left;
	text-align: left;
	background-color: #FDFAD0;
	color: #F0902C;
	text-decoration: none;
	padding: 2px 0px 0px 26px;
	margin: 5px 10px 0px 0px;
	_margin: 3px 10px 0px 0px;
	background-image: url(link-download-bkg.gif);
	background-repeat: no-repeat;
}

#content a.downloads_btn_dwnl:hover {
	color: black;
}
/* *********************************************** downloads *************************************end */


