html, body {margin:0px; padding: 0px; height: 100%; background: white; }

 body, td, div, p, dt, dd, label {font-size: 13px; font-family:  Arial, Verdana, sans-serif; color: black; }
 p {margin:0; padding: 3px 0px 3px 0px; line-height: 140%;} /* text-align: justify; */



 a {text-decoration: underline; color: #1099E8; font-family:  Arial, Verdana, sans-serif;}
 a.underline, a:hover, a.more, a.noline:hover {text-decoration: underline;}
 a:hover, a.noline {text-decoration: underline; color: black;}
 a.underline:hover, a.more:hover {text-decoration: none;}
 a img {border: none; }
 a.more { font: 12px Arial, sans-serif !important;}

 div.more {text-align: right; padding: 0 0 2px 0; margin-top: -3px;}
 dd div.more {margin-top: 3px;}


 ul, ol {margin: 0px; padding: 0px; } 

 input.text, textarea, select {line-height: 101%; background-color: white; padding-left: 3px; font: 11px Tahoma, sans-serif; color: #353535; border: 1px solid #B5CBC8;  } /* padding-left: 12px; */
 select { height: 16px;}
 form { margin:0px; padding: 0px;}

 h1 {font: 26px 'Trebuchet MS', Times; color: black; margin: 0; padding: 0px 0 12px 0;}

 h2 {margin: 0px; padding: 3px 0 3px 0px; font: bold 16px Arial, sans-serif; line-height: 17px; color: black; text-transform: none;}
 h2.news {padding: 8px 0;}
 h3 {margin: 0px; padding: 5px 1px 2px 0; font: bold 16px Arial, Verdana, sans-serif; }

 h4  {padding: 20px 0 15px 0px; margin: 0; font: bold 15px Arial, sans-serif; line-height: 17px; color: #333333;}
 h4.name {padding: 6px 0 5px 0px;}
 h4.name, h4.name a {font: bold 20px 'Times New Roman', Times, sans-serif; color: #565656; line-height: 22px; text-decoration: none;}

 h5 {padding: 4px 1px 5px 0px; margin: 0px; font: bold 15px Helvetica,'Arial Narrow', sans-serif; color: #333333;}

 h6 {margin: 0px; padding: 7px 0px 2px 0; font: bold 12px Arial,sans-serif; line-height: 14px; color: #1C1C1C; }



 table {border-collapse: collapse; padding:0;}
 table td {padding:0;}

 .clearfix:after {clear: both; display: block; content: '.'; visibility:hidden; height: 0px; font-size: 0px; line-height: 0px;}

 .bold {font-weight: bold;}

 .fnt12 {font-size: 12px !important; padding-top: 5px; padding-bottom: 6px; margin-top: 7px;}
 .upper {text-transform: uppercase !important;}

 .btm20 {margin-bottom: 20px;}
 .btm30 {margin-bottom: 30px;}

 .top15 {margin-top: 15px;}
 .top25 {margin-top: 25px;}

 .left15 {padding-left: 15px !important;}

 .lhi17 {line-height: 18px !important;}

 .float_left {float: left;}

 .black {color: black !important;}
 .gray {color: #798785 !important;}

 .f14 {font-size: 14px !important;}
 .f16 {font-size: 16px !important;}

 .red {color: #D70101 !important;}
 .great {font: 26px 'Trebuchet MS', Tahoma, Arial, sans-serif; padding-bottom: 16px;}

/* ----------  TOP head part  ----------------- */

 .cbox { margin: 0px auto; width: 1000px; position: relative;}

 #top-line {width: 100%;}
 #top-line td {height: 4px; font-size: 3px; line-height: 3px;}
 #top-line td.left {background: url(img/top_left.gif) repeat-x right top;}
 #top-line td.right {background: url(img/top_right.gif) repeat-x left top;}
 #top-line td.center,  #top-line td.center #cnt_top {height: 4px; width:240px; background: url(img/top_cnt.gif) no-repeat;}


 #head {height: 90px; padding: 36px 30px 0 40px; }

 #logo { position: absolute; left: 40px; top: 36px; background: url(img/logo_dk.gif) no-repeat;}
 #logo a {text-decoration: none; display: block;}
 #logo, #logo a {width: 210px; height: 60px; }

 #lang {position: absolute; left: 290px; top: 53px; width: 90px; height: 15px;}
 #lang span {padding: 0 27px 0px 0; color: #ACB8B7;  }
 #lang, #lang * {font-size: 11px;}

 #contact { position: absolute; right: 75px; top: 48px; width: 200px; height: 35px; background: url(img/ico_contact.gif) no-repeat;}
 #contact p {padding: 3px 0 0 45px; color: #262626; }
 #contact,  #contact * {font-size: 11px;}
 #acontact {float: left; width: 33px; height: 33px; display: block; text-decoration: none; }

 #home, #ahome { position: absolute; left: 40px; top: 1px; background: url(img/ico_ahome.gif) no-repeat;}
 #home a, #ahome a, #apfolio a {text-decoration: none; display: block;}
 #home, #home a, #ahome, #ahome a {width: 11px; height: 9px; font-size: 10px; line-height: 10px;}
 #ahome { background-image: url(img/ico_home.gif);}


/*		Portfolio		*/

 #apfolio {background: url(img/ico_aportfolio.gif) no-repeat 0px top;}

 #pfolio { padding-bottom: 46px;}
 #pfolio .box {padding: 32px 0 0 10px; background: url(img/ico_vertline.gif) no-repeat 10px 0px;}
 #apfolio, #apfolio a {width: 14px; height: 12px; font-size: 10px; line-height: 10px;}
 #apfolio {margin-left: 10px;}

 .pbox {background: url(img/port_border.gif) no-repeat; padding: 6px 6px 15px 6px; height: 110px;}

 #pfolio .box h3 {font-size: 16px; padding-top:6px; padding-bottom: 10px;}
 #pfolio .box p {font-size: 11px; color: #262626;}

/*		BODY			*/


 #body { padding: 0px 30px 0 30px; min-height: 450px;}

 #left_part {float: left; width: 220px;}


 #left_menu {list-style: none; padding: 31px 0 41px 0px;}
 #left_menu li {padding: 5px 0px 6px 10px; }
 #left_menu li a {font: 12px Arial, sans-serif; color: #1C1C1C; }
 #left_menu li a:hover, #left_menu li.active a { color: #d00202; text-decoration: underline;}
 #left_menu li.active { color: #1099E8; text-decoration: none;}

/*		NEWS BOX		*/

 #news { background: url(img/ico_anews.gif) no-repeat 10px top; min-height: 100px; padding-bottom: 46px;}
 #news .box {padding: 40px 0 0 0px; background: url(img/ico_vertline.gif) no-repeat 10px 10px; }
 #news .box h3 {padding-left: 10px; font-size: 15px; padding-top:6px;}
 #news .box p {padding-left: 10px; font-size: 11px; padding-top:4px;}


 #left_news { margin: 0; padding: 9px 0 0px 10px; }
 #left_news dt {margin: 0; padding:0; clear:both; font: 12px Arial,sans-serif; line-height: 16px;}
 #left_news dd {margin: 0; padding:5px 0 15px 0; line-height: 14px; clear:both; color: #8C9C99; font: 10px Tahoma, Arial, sans-serif;}

 #news-archive, #plinks, .anlinks, .link {color: #3B4241; font-size: 11px;}
 #news-archive2 {color: #3B4241; font-size: 11px;}
 #news-archive {padding-left: 8px;}
 #news-archive2 {padding-left: 11px;}
 #plinks {padding: 3px 0 0 0px;}
 .anlinks {padding: 25px 0 0 0px;}
 .link {padding: 15px 0 0 0px;}
 #news-archive a, .anlinks a, .link a {padding-left: 3px; }

 .news_date {padding: 8px 0 8px 20px; background: url(img/ico_news.gif) no-repeat left center; }

 dl.news_list {padding: 0; margin: 0;}
 dl.news_list dd, .news_date {font: 10px Tahoma,sans-serif;}
 dl.news_list dd {color: #9EB0AD; padding: 8px 0 5px 0; margin: 0;}
 dl.news_list dt {padding-bottom: 15px;}
 /*	 dl.news_list dt a {color: black;} */
 dl.news_list dt strong{display: block; padding-bottom: 6px;}


 #phone-call {padding: 33px 0 10px 0; background: url(img/ico_call_phone.gif) no-repeat left 3px; min-height: 100px;}
 #phone-call .phonenum { padding: 8px 0 0 10px; }
 #phone-call .num {font:  26px Arial, sans-serif; color: #111111; line-height: 27px; float: left; letter-spacing: 1px;}
 #phone-call .small {font: 11px Arial, sans-serif; line-height: 12px; color: #3B4241; padding: 11px 6px 0 0; float: left;}
 #phone-call .our_citi {font: 10px Tahoma, sans-serif; color: #8C9C99; padding-left: 56px; line-height: 11px;}


 .page_prev_link, .page_prev_nolink {text-align: left; color: #9EB0AD; margin-left: 20px;}
 .page_prev_link {background: url(img/arrow_aleft.gif) no-repeat left 25px;}
 .page_prev_nolink {background: url(img/arrow_left.gif) no-repeat left 25px;}

 .page_next_link, .page_next_nolink {text-align: right; vertical-align: top; color:#9EB0AD; margin-right: 20px;}
 .page_next_link {background: url(img/arrow_aright.gif) no-repeat right 25px;}
 .page_next_nolink {background: url(img/arrow_right.gif) no-repeat right 25px;}
 .page_years {text-align: center;}
 .page_years a {padding: 0 2px;}
 .page_prev_link, .page_prev_nolink, .page_next_link, .page_next_nolink, .page_years {padding: 20px 24px; }  
 table.tipp_box td.free {padding-top: 0px !important; width: 33% !important;}


/* ----------  CENTER PART  ----------------- */

 #cnt_part {padding-left: 259px;}
 #cnt_part .box {padding-top: 5px;}

 #last_works {padding-left: 0px;}
 table.col3 {width: 680px;}
 table.col3 td {vertical-align: top; }
 table.col3 td.sprt, table.col_3 td.sprt div {width: 39px;}
 table.col3 td.work {height: 155px; background: url(img/frame.gif) no-repeat; padding: 6px;}
 table.col3 td.work div.pic, table.col3 td.work div.pic a {height: 128px; width: 188px;}
 table.col3 td.work div.pic a {display: block; text-decoration: none;}


 table.col3 td.name {padding: 0px 0 0px 6px; height: 57px;} 
 table.col3 td.name div.pcx {padding: 2px 0 15px 34px; line-height: 16px; background: url(img/0.gif) no-repeat left 3px;}
 div.pcx_web {background-image: url(img/pcx_web.gif) !important;}
 div.pcx_video {background-image: url(img/pcx_video.gif) !important;}
 div.pcx_paper {background-image: url(img/pcx_paper.gif) !important;}
 div.pcx_print {background-image: url(img/pcx_print.gif) !important;}
 table.col3 td.name div.pcx a {font-size: 12px;}
 div.work_cat {font-size: 11px;}

 table.col3 td.text h4 {padding: 14px 0 6px 0px;}
 table.col3 td.text {padding-left: 1px; font-size: 11px;}


/*		index page		*/

 .header {font: 27px Arial, sans-serif; line-height: 32px; padding: 0 0 35px 0; min-height: 110px;}

 .header_blue {color: #1099E8; font: 18px Arial, sans-serif; padding: 7px 0 8px 0; line-height: 22px;}

 #one_line_service {padding: 6px 0 8px 0; font: bold 14px Arial, sans-serif; color: #333333;}
 #one_line_pfolio  {padding: 16px 0 28px 0; font: bold 13px Arial, sans-serif; color: black;}
 #one_line_service a, #one_line_pfolio a {font: 13px Arial, sans-serif; line-height: 14px;}
 #one_line_service a {padding-right: 3px; padding-left: 4px;}
 #one_line_pfolio a {padding-right: 7px; padding-left: 7px;}
 #one_line_service a:hover, #one_line_pfolio a:hover {color: black;}
 #one_line_service a.dactive {color: black; text-decoration: none;}

 #one_line_pfolio span.simple {font: bold 13px Arial; color: black; padding-right: 10px;}



 #pm {height: 188px; padding-top: 10px; width: 680px;}

 #service_foto, .jsmenu {padding: 5px; margin-bottom: 4px; margin-left: 1px;}
 #service_foto {border: 1px solid #B5CBC8;}
 .sfoto {height: 178px; background: url(img/serv_foto_011.jpg) no-repeat;}
 .sfoto a {display: block; width: 100%; height: 178px; text-decoration: none;}


 div.download {background: url(img/ico_download.gif) no-repeat left 3px; padding-left: 19px; padding-bottom: 8px; font-size: 11px;}
 div.lastload {padding-bottom: 0px !important;}

 #clients {position: absolute; height: 90px; width: 33px; margin-left: -56px; background: url(img/ico_clients.gif) no-repeat left 48px;}

/*		Text Page		*/


/*		content page		*/

 table.links_list {width: 100%;}
 table.links_list td {vertical-align: top; padding: 20px 5px 0px 0;}
 table.links_list td h3 {font: bold 12px Arial, sans-serif; color: black; }
 table.links_list ul {list-style: none;}

 ul.qlist {padding-top: 6px; list-style: none;}
 ul.qlist li {padding: 2px 0 3px 10px; background: url(img/blt_qdr1.gif) no-repeat 1px 8px; font-size: 11px; }
 ul.qlist li a:hover {text-decoration: underline; color: black;}

 .pic404 {padding: 16px 0 3px 0;}
 .pic404 img {width: 380px; height: 380px;}

 ul.list_grayed {list-style: none; padding: 1px 0 6px 0;}
 ul.list_grayed li {background: url(img/ligreen_hline.gif) no-repeat left center; padding: 2px 0 5px 20px;}
 
 ul.list_gray {list-style: none; padding: 1px 0 6px 0;}
 ul.list_gray li {padding: 2px 0 5px 0px;}

 .red_very {color: #C40000; font: italic normal 14px Arial, sans-serif; padding: 8px 0 7px 0 ; line-height: 18px;}


 div.tipp {padding: 18px 0 0px 0; min-height: 70px;}
 table.tipp_box {width: 100%; }
 table.tipp_box td.btm_td {font-size:3px; background: url(img/decor_hline.gif) repeat-x; height: 3px; line-height: 3px;}
 table.tipp_box caption {background: url(img/decor_hline.gif) repeat-x left bottom; font-size: 2px; padding-left: 36px; text-align: left; padding-bottom:0; vertical-align: bottom; height: 8px;}
 table.tipp_box caption img {width: 15px; height: 8px;}
 table.tipp_box td.lbox {background: url(img/decor_vline.gif) repeat-y; width: 46%;}
 table.tipp_box td.rbox {background: url(img/decor_vline.gif) repeat-y right top; width: 20%; padding: 14px 0 3px; vertical-align: top;}

 table.tipp_box td.lbox h3 {font: bold 13px Arial; padding: 0px 22px;}
 table.tipp_box td.cbox ul.qlist {padding: 7px 2px;}
 table.tipp_box td.cbox ul.qlist a:hover {color: #C40000; text-decoration: underline;}
 table.tipp_box td.cbox ul.qlist li {background-image: url(img/blt_qdrt1_red.gif);}
 div.grico_web {background: url(img/grico_web.gif) no-repeat center top; height: 64px;}


 table.table_3x2 {width: 100%;}
 table.table_3x2 h4 {padding: 20px 0 7px 0;}
 table.table_3x2 td, table.table_3x2 td p {font-size: 11px; line-height: 14px;}
 table.table_3x2 td {vertical-align: top; padding: 0 25px 0 0;}
 table.table_3x2 td.last {padding-right: 5px;}
 table.table_3x2 td .link {padding: 8px 0 0 0px; color: #AFC4C1;}

 .link_blue {padding: 10px 0 13px 0px;}
 .pic_great { padding: 15px 0; }
 .pic_great, .pic_great p {color: #80908E; font-style: italic; text-align: center;}

 #contact_box {padding: 3px;}

 #contact_box table {width: 99%;}
 #contact_box table td.hdr { color: black; font: bold 12px Arial; padding: 20px 0 25px 0; }
 #contact_box table td.text {width: 23%; color: black; font: 13px Arial;}
 #contact_box table td.fld {width: 48%; padding: 10px 0;}
 #contact_box table td.small {width: 185px; vertical-align: top; padding-top: 6px;}
 #contact_box table td.small, #contact_box table td.small p {font-size: 11px; color: #262626;}
 #contact_box table td.small p.em {padding-top: 10px; font-style: italic;}
 #contact_box table sup {color: red; font-size: 12px; line-height: 10px; vertical-align: baseline;}
 #contact_box table input.text {width: 280px; height: 16px; }
 #contact_box table select.source {width: 440px; font-size: 11px;}
 #contact_box table td input.file {width: 440px; font: 11px Tahoma, sans-serif; color: #353535; line-height: 13px;}
 #contact_box table td textarea {width: 440px; height: 80px;}
 #contact_box table td.btn {padding: 9px 0 0 150px;}
 #contact_box table button,  #contact_box table input.button {padding: 4px 10px; font: bold 16px Arial, sans-serif; color: black; width: 130px; text-align: center; background: url(img/btn_bg.gif) repeat-x left center; border: 1px solid #B6B6B6; border-bottom-color: #8D8D8D; border-top-color: #C5C5C5; cursor: pointer;}
 #contact_box #rbracket {position: absolute; background: url(img/decor_rbracket.gif) no-repeat; width: 30px; height: 70px; margin-left: -26px;}



/* -----------------  Footer --------------------- */ 

 #footer {height: 70px; padding: 44px 0 47px 290px; }
 

 #footer, #footer * {font-size: 11px;}

 #btm_service {width: 430px; padding: 5px 0 12px 0; }
 #btm_service, #btm_service a {color: #8c9c99; text-decoration: none;}
 #btm_service a:hover { text-decoration: underline;}


 #btm_callback {background: url(img/ico_callback.gif) no-repeat left 2px; position: absolute; height: 20px; margin-left: -43px; padding: 0 0 0 43px;}
 #btm_callback a {color: black;}


/* ************************************************************************ */
/* popup menu */
/* ************************************************************************ */
.jsmenu {
	position: absolute; z-index: 99; left: 0; top:0;
	visibility: hidden; display: none; 
	font: 12px Arial, Tahoma; text-align: left; 
	background-color: white; 
	width: 668px; height: 190px; ;
}
.jsmenu a {
	white-space: nowrap; font: 12px Arial, sans-serif; 
	text-decoration: none; 
}
.jsmenu a:hover { text-decoration: none;}

 #m1 {background: white url(img/box_1arr.gif) no-repeat;}
 #m2 {background: white url(img/box_2arr.gif) no-repeat;}
 #m3 {background: white url(img/box_3arr.gif) no-repeat;}
 #m4 {background: white url(img/box_4arr.gif) no-repeat;}


 .jsbox {padding: 37px 25px 30px 35px;}

 table.jstable {width: 100%;}
 .jstable td.lefttd {width: 56%; vertical-align: top; padding-top: 2px;}
 .jstable td.righttd {width: 44%; padding-left: 24px; vertical-align: top; padding-top: 27px;}
 .jstable ul {list-style: none; }
 .jstable ul li {color: #AFC4C1; padding-bottom: 6px;}
 .jstable ul a {text-decoration: underline;}
 .jstable ul a:hover {color: black;}