* {margin:0; padding:0;}
html {height:100%; background:url(../images/big_header.jpg) center top no-repeat; background-color:#600f12;}
body {width:1024px; margin:0 auto; font-size:12px; font-family:Arial; position:relative; color:#FFFFFF;}
a    {outline:none; color:#FFFFFF; border:none;}
img  {border:none;}
a:hover {text-decoration:none;}
table {border:#000 solid 1px;}
td   {border:#000 solid 1px; padding:10px;}
h1, h2, h3 {margin-left:40px;}
h4   {font-size:12px;}
h5   {font-size:18px; margin-left:40px; margin-top:20px; padding-left:40px; font-weight:normal; background:url(../images/target.gif) no-repeat;}
h6   {font-size:22px; font-weight:normal; margin-left:20px;}
li a    {outline:none; color:#FFFFFF;}


/*#body   {width:1024px; background:url(../images/bg_main.jpg) repeat-y;}*/
#main   {width:1024px; background:url(../images/bg_main.jpg) repeat-y;}

/* header */
#header  {margin-left:10px; width:1004px; height:280px; background:url(../images/header.jpg) no-repeat;}
#header a:hover {text-decoration:underline;}
#home    {width:20px; height:20px; position:absolute; top:5px; left:36px;}
#map     {width:20px; height:20px; position:absolute; top:5px; left:102px;}
#email   {width:20px; height:20px; position:absolute; top:22px; left:69px;}
#logo_link {width:160px; height:200px; position:absolute; top:1px; left:200px;}
#portfolio {width:157px; height:97px; position:absolute; top:140px; left:365px;}
#about     {position:absolute; top:167px; left:550px; text-decoration:none; font-family:"Courier New", Courier, monospace; font-weight:bold; font-size:20px; color:#FFFFFF;}
#services  {position:absolute; top:167px; left:687px; text-decoration:none; font-family:"Courier New", Courier, monospace; font-weight:bold; font-size:20px; color:#FFFFFF;}
#clients   {position:absolute; top:167px; left:784px; text-decoration:none; font-family:"Courier New", Courier, monospace; font-weight:bold; font-size:20px; color:#FFFFFF;}
#contacts  {position:absolute; top:167px; left:891px; text-decoration:none; font-family:"Courier New", Courier, monospace; font-weight:bold; font-size:20px; color:#FFFFFF;}

/* content */
#big_column {width:744px; height:100%; float:left; position:relative;}
/*#big_flash {position:absolute; top:0; left:61px; width:644px; height:217px; background-color:#FFFFFF;}*/
#big_flash {margin-top:0; margin-left:61px; width:644px; height:217px;}
#reklama   {width:660px; height:287px; margin-left:76px; margin-top:50px;}
#reklama p {margin:5px 45px 0 45px; text-align:justify;}
#reklama a {color:#fd9699; margin-left:150px;}
#one       {width:20px; height:147px; float:left; background:url(../images/1.gif) repeat-y;}
#one_text  {width:292px; height:147px; float:left; font-size:14px;}
#two       {width:61px; height:149px; float:left; background:url(../images/2.gif) repeat-y;}
#two_text  {width:282px; height:149px; float:left; font-size:14px;}
#three      {width:56px; height:152px; float:left; margin-left:9px; margin-top:-18px; background:url(../images/3.gif) repeat-y;}
#three_text {width:252px; height:147px; float:left; margin-top:-8px; font-size:14px;}
#four      {width:66px; height:150px; float:left; margin-left:3px; margin-top:-15px; background:url(../images/4.gif) repeat-y;}
#four_text {width:270px; height:147px; float:left; margin-top:-8px; font-size:14px;}
.red_line  {width:730px; height:25px; margin-top:32px; margin-left:14px; background:url(../images/red_line.gif) repeat-x;}
#flash_client {width:730px; height:140px;}
#h1_fl_client {width:730px; height:55px; margin-left:14px; background:url(../images/flash_client.jpg) no-repeat;}
#h1_fl_client p {font-size:30px; text-align:center;}
#content   {width:710px; margin-left:14px;}
#h1_line_1 {width:300px; height:3px; margin-top:17px; margin-right:0; float:right; background:url(../images/h1_line.gif) repeat-x;}
#content {height:100%;}
#content p {margin:20px 10px 20px 35px; text-align:justify;}
#content ul {margin-left:80px;}
#content ol {margin-left:80px;}
#content input {margin-left:80px;}
.zig_zag   {width:730px; height:46px; margin-left:14px; background:url(../images/zig_zag.jpg) no-repeat;}
#project   {width:730px; height:206px; margin-left:14px; background:url(../images/project_bg.jpg) repeat-x;}
#project_img {width:106px; height:126px; margin-left:40px; margin-top:20px; float:left; background:url(../images/project.png) no-repeat;}
#project p a {color:#fff8b1; font-size:14px; margin-top:30px; margin-left:180px; display:block;}

/* right_column */
#right_column {width:255px; float:right; margin-right:19px;}
#zy_mini   {width:43px; height:45px; float:left; margin-left:15px; background:url(../images/zy_mini.jpg) no-repeat;}
#zy        {width:190px; height:68px; margin-left:65px; font-size:12px; text-align:center;}
#zy_yellow {color:#FFFF00; font-weight:bold;}
#menu             {width:250px; list-style-type:none; text-align:center; margin-left:5px;}
#econom a         {display:block; width:250px; height:91px; color:#000000; background:url(../images/econom.png) left no-repeat; cursor:pointer;}
#econom a span    {display:block; padding-top:55px; font-size:14px;}
#econom a:hover   {display:block; width:250px; height:91px; background:url(../images/econom.png) center no-repeat;}
#econom a:active   {display:block; width:250px; height:91px; background:url(../images/econom.png) right no-repeat;}
#econom li.active {display:block; width:250px; height:91px; background:url(../images/econom.png) right no-repeat;}
#standart a         {display:block; width:250px; height:91px; color:#000000; background:url(../images/standart.png) left no-repeat; cursor:pointer;}
#standart a span    {display:block; padding-top:55px; font-size:14px;}
#standart a:hover   {display:block; width:250px; height:91px; background:url(../images/standart.png) center no-repeat;}
#standart a:active {display:block; width:250px; height:91px; background:url(../images/standart.png) right no-repeat;}
#standart li.active {display:block; width:250px; height:91px; background:url(../images/standart.png) right no-repeat;}
#prestige a         {display:block; width:250px; height:91px; color:#000000; background:url(../images/prestige.png) left no-repeat; cursor:pointer;}
#prestige a span    {display:block; padding-top:55px; font-size:14px;}
#prestige a:hover   {display:block; width:250px; height:91px; background:url(../images/prestige.png) center no-repeat;}
#prestige a:active {display:block; width:250px; height:91px; background:url(../images/prestige.png) right no-repeat;}
#prestige li.active {display:block; width:250px; height:91px; background:url(../images/prestige.png) right no-repeat;}
#exclusive a         {display:block; width:250px; height:91px; background:url(../images/exclusive.png) left no-repeat; cursor:pointer;}
#exclusive a span    {display:block; padding-top:55px; font-size:14px;}
#exclusive a:hover   {display:block; width:250px; height:91px; background:url(../images/exclusive.png) center no-repeat;}
#exclusive a:active {display:block; width:250px; height:91px; background:url(../images/exclusive.png) right no-repeat;}
#exclusive li.active {display:block; width:250px; height:91px; background:url(../images/exclusive.png) right no-repeat;}
#shop a         {display:block; width:250px; height:91px; background:url(../images/shop.png) left no-repeat; cursor:pointer;}
#shop a span    {display:block; padding-top:55px; font-size:14px;}
#shop a:hover   {display:block; width:250px; height:91px; background:url(../images/shop.png) center no-repeat;}
#shop a:active {display:block; width:250px; height:91px; background:url(../images/shop.png) right no-repeat;}
#shop li.active {display:block; width:250px; height:91px; background:url(../images/shop.png) right no-repeat;}
#market a         {display:block; width:250px; height:91px; background:url(../images/market.png) left no-repeat; cursor:pointer;}
#market a span    {display:block; padding-top:55px; font-size:14px;}
#market a:hover   {display:block; width:250px; height:91px; background:url(../images/market.png) center no-repeat;}
#market a:active {display:block; width:250px; height:91px; background:url(../images/market.png) right no-repeat;}
#market li.active {display:block; width:250px; height:91px; background:url(../images/market.png) right no-repeat;}

/* news */
#news      {width:230px; margin-left:20px; padding-top:50px;}
#news p    {margin:15px 0;}
#news a    {color:#fd9699;}
.h1_line_2 {width:118px; height:3px; float:left; background:url(../images/h1_line_r.gif) repeat-x;}
#h1_news   {width:28px; height:61px; float:left; margin-top:-8px; margin-left:10px; font-size:22px; padding-left:32px; background:url(../images/news.jpg) no-repeat;}

/* feedback */
#feedback   {width:230px; margin-left:20px; padding-top:50px;}
#feedback p {margin:60px 0;}
#h1_feed    {width:32px; height:63px; float:left; margin-top:-28px; margin-left:10px; font-size:21px; padding-left:15px; padding-top:15px; background:url(../images/feed.jpg) no-repeat;}
#h1_feed_1  {float:right; display:block; margin-top:-43px; font-size:21px;}
.fbForm     {margin-top:-40px;}
.name       {margin:5px 0;}
.error      {color:#FFFF00; text-decoration:blink;}
.element    {margin-bottom:5px;}
.element input {width:146px; background:url(../images/bg_form.jpg) repeat-y; border:#ed070d 1px solid;}
.element textarea {background:url(../images/bg_textarea.jpg) repeat-y; border:#ed070d 1px solid;}
.submit input {margin-top:20px; width:220px; height:25px;}

/* feedback pages */
/*#feedback   {width:230px; margin-left:20px; padding-top:50px;}
#feedback p {margin:60px 0;}
#h1_feed    {width:32px; height:63px; float:left; margin-top:-28px; margin-left:10px; font-size:21px; padding-left:15px; padding-top:15px; background:url(../images/feed.jpg) no-repeat;}
#h1_feed_1  {float:right; display:block; margin-top:-43px; font-size:21px;}*/
#content .fbForm   {margin-top:40px; margin-left:200px;}
#content .fbForm p {margin:30px 0;}
#content .name     {margin:5px 0;}
#content .errors   {color:#FFFF00; text-decoration:blink;}
#content .element  {margin-bottom:5px;}
#content .element input {width:346px; background:url(../images/bg_form.jpg) repeat; border:#600F12 1px solid; margin-left:0;}
#content .element textarea {background:url(../images/bg_textarea.jpg) repeat; border:#600F12 1px solid;}
#content .submit input {margin-top:20px; width:220px; height:25px; margin-left:0;}

/* footer */
#footer  {width:1004px; height:82px; margin-left:10px; background:url(../images/footer.jpg) no-repeat;}
#footer_left  {width:744px; float:left;}
#footer_left ul {list-style-type:none; text-align:center; font-size:14px; font-family:Tahoma; margin-top:50px;}
#footer_left li {display:inline; margin:0 10px;}
#footer_left li a {text-decoration:none;}
#footer_left li a:hover {text-decoration:underline;}
#footer_left li span {font-size:18px;}
#footer_right {width:255px; float:right;}
#footer_right p {text-align:left; display:block; margin-top:60px;}
#footer_right div {margin-right:15px; float:right; margin-top:40px;}
#mysql {text-align:center;}

/************************ PORTFOLIO ****************************/
#h1_portfolio     {text-align:right; width:720px;}
#h1_portfolio  p  {color:#fff8b1; font-family:Helvetica; font-size:36px; font-weight:bold;}
.pagination       {width:448px; height:88px; margin-left:14px; margin-top:30px; background:url(../images/bg_pagination.jpg) no-repeat;}
.pagination p     {font-size:14px; color:#fff8b1; margin-left:120px;}
.pagination_numer {height:28px; margin-top:10px; margin-left:60px; margin-right:160px;}
.arrow_left       {width:32px; margin-right:30px; height:18px; float:left; background:url(../images/arrow_left.png) no-repeat;}
.arrow_right      {width:32px; margin-left:30px; height:18px; float:left; background:url(../images/arrow_right.png) no-repeat;}
.page_n    {width:448px;}
.page_n ul {list-style-type:none; text-align:center; font-size:14px; font-family:Tahoma; margin-left:59px;}
.page_n li.allalla {display:block; float:left; margin:0 4px;}
.page_n li.all {padding-top:15px; margin-bottom:10px; color:#fff8b1; margin-left:-145px;}
.page_n li a {text-decoration:none;}
.page_n li a:hover {text-decoration:underline;}
.page_n li.active_page {width:27px; height:27px; float:left; margin-top:-4px; padding-top:4px; background:url(../images/bg_n_page.png) no-repeat;}
.h1_image_portfolio {height:33px; margin-top:40px;}
.h1_image_portfolio p {color:#fff8b1; font-family:"Courier New", Courier, monospace; font-size:24px; margin-left:80px;}
.image_portfolio      {margin-left:61px; width:644px; height:217px; position:relative;}
#slider1, #slider2 , #slider3 , #slider4 , #slider5 , #slider6 , #slider7 , #slider18, #slider9 , #slider10     {margin-left:61px; width:644px; height:218px; position:relative;}
/*.image_portfolio_child      {margin-left:61px; width:644px; height:217px; display:none;}*/
.selector_image       {height:17px; float:right; margin-top:-20px; margin-right:60px;}
.selector_image ul {list-style-type:none;}
.selector_image li {display:block; float:left; margin:0 3px; width:18px; height:17px; background:url(../images/selector_mini.jpg) no-repeat;}
.selector_image li a {width:18px; height:17px; display:block;}
.selector_image li.active_image {display:block; float:left; margin:0 3px; width:18px; height:17px; background:url(../images/selector_mini_active.jpg) no-repeat;}
.menu_image_div {height:40px; margin-bottom:30px;}
.menu_image   {margin-top:10px; margin-right:60px;}
.menu_image a {float:right;}
.earth   {float:right; width:21px; height:21px; margin:0 7px 0 30px; background:url(../images/earth.jpg) no-repeat;}
.enlarge {float:right; width:34px; height:20px; margin:0 7px 0 30px; background:url(../images/lupa.jpg) no-repeat;}
.detals  {float:right; width:27px; height:23px; margin:0 7px 0 30px; background:url(../images/detals.jpg) no-repeat;}
.text_portfolio {width:580px; margin-left:70px; margin-bottom:10px; margin-top:10px; color:#fff8b1;}
.sort_type  {display:block; text-align:right; margin-right:27px; margin-top:20px; font-size:20px;}

/*scroll portfolio*/
.scroll { /*border: 3px solid #342211;*/ height: 232px; width: 660px; overflow: auto; overflow-x: hidden; position: relative; clear: left;}
.scrollContainer div.panel { padding: 4px; height: 232px; width: 660px;}
/*.panel {float: left; position: relative;}*/

/*column right portfolio*/
.h1_menu_right {font-size:18px; width:210px; margin-left:25px;}
.menu_r    {margin-left:25px; margin-top:20px;}
.menu_r ul {list-style-type:none;}
.menu_r li {display:block; width:180px; height:25px; margin:10px 10px 10px 0; padding-left:40px; font-size:18px; font-weight:bold; font-family:Arial; color:#fff8b1; background:url(../images/selector.jpg) no-repeat;}
.menu_r li a {color:#fff8b1;}
.menu_r li.active_select {display:block; width:180px; height:25px; color:#fff8b1; background:url(../images/selector_active.jpg) no-repeat;}
.menu_r li.active_select  a{text-decoration:none;}

/*img enlarge portfolio*/
#grayimg {background-color:#eee; padding:10px; border-bottom:2px solid #666; border-right:2px solid #666}
#grayimgDetails {font-size:0.8em; padding-top:0.4em}
#grayimgCaption {float:left}
#grayimg img {clear:both; border:0} 
#overlay {background:#000; opacity:0.75; filter: alpha(opacity=75)}
#overlay img {border:0}

/* second_menu */
#second_menu {width:700px; border-top:#FFFFFF solid 1px; border-bottom:#FFFFFF solid 1px; margin:20px 0 20px 30px; padding:6px 0;}
#second_menu .second_active {color:#fff8b1;}
#big_column #second_menu  ul {list-style-type:none; text-align:center; font-size:14px; margin-left:0; font-weight:bold;}
#second_menu  ul li {display:block; float:left; width:174px; margin:4px 0;}
#second_menu  ul li a {text-decoration:underline;}
#second_menu  ul li a:hover {text-decoration:none;}

/* packet_page */
#p_minimal a       {display:block; width:298px; height:72px; margin:0 auto; background:url(../images/packet_min.jpg) left no-repeat; cursor:pointer;}
#p_minimal a:hover {display:block; width:298px; height:72px; background:url(../images/packet_min.jpg) right no-repeat;}
#p_econ a       {display:block; width:298px; height:72px; margin:0 auto; background:url(../images/packet_ekon.jpg) left no-repeat; cursor:pointer;}
#p_econ a:hover {display:block; width:298px; height:72px; background:url(../images/packet_ekon.jpg) right no-repeat;}
#p_pre a       {display:block; width:298px; height:72px; margin:0 auto; background:url(../images/packet_pres.jpg) left no-repeat; cursor:pointer;}
#p_pre a:hover {display:block; width:298px; height:72px; background:url(../images/packet_pres.jpg) right no-repeat;}
#p_ex a       {display:block; width:298px; height:72px; margin:0 auto; background:url(../images/packet_ex.jpg) left no-repeat; cursor:pointer;}
#p_ex a:hover {display:block; width:298px; height:72px; background:url(../images/packet_ex.jpg) right no-repeat;}
#p_shop a       {display:block; width:298px; height:72px; margin:0 auto; background:url(../images/packet_shop.jpg) left no-repeat; cursor:pointer;}
#p_shop a:hover {display:block; width:298px; height:72px; background:url(../images/packet_shop.jpg) right no-repeat;}
#p_super a       {display:block; width:298px; height:72px; margin:0 auto; background:url(../images/packet_super.jpg) left no-repeat; cursor:pointer;}
#p_super a:hover {display:block; width:298px; height:72px; background:url(../images/packet_super.jpg) right no-repeat;}

/* news page*/

.article {margin:40px;}
.article h3 {margin:20px 0;}
.article a {display:block; margin-top:20px; margin-left:520px;}



/*  class  */
.clear {clear:both;}
.left {float:left;}
.right {float:right;}
.center {text-align:center;}
.red {color:#FF0000;}
.div_10 {height:10px;}
.div_20 {height:20px;}
.div_40 {height:40px;}
.div_60 {height:60px;}
.font_11 {font-size:11px;}
.font_14 {font-size:14px;}
.font_24 {font-size:24px;}
.font_36 {font-size:36px;}
.left_40  {margin-left:40px;}
.right_40 {margin-right:40px;}
.left_80  {margin-left:80px;}
.right_80 {margin-right:80px;}
.no_border {border:none;}


#firm {visibility: visible;}


