/* -------------------------------------------------- GENERAL */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td, body
{
	margin: 0 auto;
	padding: 0;
}

body
{
	background: url(/images/fon.jpg) no-repeat center top #fff;
}

#content
{
	width:1000px;
    align: center;
    min-height:700px;
}

a
{
	color: #00f;
	text-decoration: none;
}

a:visited {
	color: #00f;
}
/* -------------------------------------------------- HEADER */
#top
{
	height:76px;
    align: left;
}

#logo
{
	position: relative;
	width:317px;
	height:76px;
}

#logo_container
{
    float:left;
	position: relative;
	left:120px;
	width:317px;
	height:76px;
}
/*-----------MENU */
#topmenu
{
   float:left;
   position:relative;
   left:145px;
   top:58px;
}

#topmenu img
{
	float:left;
}

.top_menu_but_container
{     width: 100px;
      height: 29px;
	  float: left;
	  cursor: pointer;
	  background: url(/images/menu_not_active.jpg) no-repeat center bottom ;
}

.top_menu_but
{     width: 100px;
	  height: 29px;
	  float: left;
	  cursor: pointer;
	  text-align: center;
}

.top_menu_but_container a
{  	font: bold 12px  Verdana,Helvetica, sans-serif;
	color: #fff;
	text-decoration: none;
}
.top_menu_but_container a:visited
{
	color: #fff;
}
.top_menu_but_container a:hover
{
	color: #ff0;
}

/* -------------------------------------------------- MAIN */
.main
{
	align:center;
}

#page
{
   width: 858px;
}

#head_picture
{
  height: 146px;
  width: 858px;
}

#head_left_text
{
  margin-top: 36px;
  height: 34px;
  width: 155px;
  color: #7a7a7a;
  text-align: center;
  font: bold 16px "Trebuchet MS", Arial, Helvetica, Tahoma,  sans-serif;
  float: left;
  position:relative;
}

#head_empty_before_main_text
{
  height: 68px;
  width: 30px;
  float: left;
}

#head_main_text
{
  margin-top: 15px;
  height: 34px;
  margin-bottom: 19px;
  width: 488px;
  color: #adadad;
  font: 28px  Helvetica, Arial, Tahoma,  sans-serif, "Trebuchet MS";
  float: left;
  position:relative;
}

#head_main_text_2
{
  margin-top: 3px;
  height: 46px;
  margin-bottom: 19px;
  width: 488px;
  color: #adadad;
  font: 20px  Helvetica, Arial, Tahoma,  sans-serif, "Trebuchet MS";
  float: left;
  position:relative;
}

#head_empty_before_buttons
{
  height: 68px;
  width: 30px;
  float: left;
}

#head_buttons
{
  height: 68px;
  width: 155px;
  float: left;
}

html>body .page-ring
{
   margin-top:3px;
   width: 14px;
   height: 14px;
   float:left;
   margin-right:3px;
   background: url(/images/contacts_ring.png) no-repeat center;
}

#head_buttons_quote
{
  margin-top:5px;
  color: #7a7a7a;
  font: bold 14px "Trebuchet MS", Arial, Helvetica, Tahoma,  sans-serif;
  height: 34px;
  width: 155px;
  position:relative;
}
#head_buttons_quote_container
{
    margin-left:17px;
    position:relative;
    cursor:pointer;
}

#head_buttons_quote_text
{
	margin-top:1px;
	float:left;
	position:relative;
}

#head_buttons_portfolio
{
  color: #7a7a7a;
  font: bold 14px "Trebuchet MS", Arial, Helvetica, Tahoma,  sans-serif;
  height: 34px;
  width: 155px;
  position:relative;
}

#head_buttons_portfolio_container
{
    margin-left:27px;
    position:relative;
    cursor:pointer;
}

#head_buttons_portfolio_text
{
	margin-top:1px;
	float:left;
	position:relative;
}

#main_body
{
	clear: both;
	width: 858px;
}

.main_body_empty
{
	height: 10px;
    width: 10px;
    float: left;
}

#main_body_left_text
{
	margin-top: 10px;
    font: 12px Tahoma, Arial, Helvetica,  sans-serif;
	width: 320px;
	float:left;
	text-align:right;
}

#main_body_left_text p
{
	margin-bottom: 10px;
}

#main_body_right_text
{
	margin-top: 10px;
    font: 12px Tahoma, Arial, Helvetica,  sans-serif;
	width: 320px;
	float:left;
}

#main_body_right_text p
{
	margin-bottom: 10px;
}

#left_menu
{
	padding-top:5px;
	width: 135px;
	float:left;
}

html>body .half_moon_image
{
	width: 8px;
	height: 9px;
	padding-top: 10px;
	margin-left: 10px;
	margin-right: 10px;
	float:left;
	background: url(/images/half_moon_red.png) no-repeat center;
}
.left_menu_item_text
{
	float:left;
	font: 12px Tahoma, Arial, Helvetica,  sans-serif;
	border-bottom: 1px #737373 solid;
	color: #393939;
	width: 100px;
	padding-top:2px;
	padding-bottom:3px;
}

.left_menu_item_text a
{
   color: #393939;
}

.left_menu_item_text a:visited
{
	color: #393939;
}

.left_menu_item_text a:hover
{
	color: #f00;
}

.left_menu_item_text_portfolio
{
	float:left;
	cursor:pointer;
	font: 12px Tahoma, Arial, Helvetica,  sans-serif;
	border-bottom: 1px #737373 solid;
	color: #393939;
	width: 100px;
	padding-top:2px;
	padding-bottom:3px;
}

.left_menu_item_text_portfolio:hover
{
	color: #f00;
}

/* ------------ WHATWEDO */
html>body #whatwedopage
{
   margin-top: 50px;
   height: 446px;
   width: 858px;
   background: url(/images/wwd_background.png) no-repeat center;
}

#wwd_begin_empty_div
{
   margin:0;
   padding:0;
   height: 446px;
   width : 32px;
   float: left;
}

.wwd_activity_element
{
   margin:0;
   padding:0;
   height: 446px;
   width : 153px;
   float: left;
}
#wwd_activity_element_2
{
	margin-left: 0px;
}
#wwd_activity_element_3
{
	margin-left: 0px;
}
#wwd_activity_element_4
{
	margin-left: -1px;
}
#wwd_activity_element_5
{
	margin-left: 0px;
}

.wwd_between_empty_div
{
   margin:0;
   padding:0;
   height: 446px;
   width : 7px;
   float: left;
}

.wwd_activity_name
{
	margin-top: 30px;
	height: 50px;
    width : 140px;
	text-align:center;
	font: bold 16px  Verdana,Helvetica, sans-serif;
	color: #000;
	position:relative;

}
.wwd_activity_name b
{
    font: bold 16px  Verdana,Helvetica, sans-serif;
	color: #f00;
	position:relative;
}
.wwd_activity_content
{
	margin-top: 150px;
	margin-left: 30px;
	height: 85px;
    width : 110px;
	font: 10px  Verdana,Helvetica, sans-serif;
	color: #000;
	position:relative;
}

.wwd_activity_content b
{
	font:bold 12px  Verdana,Helvetica, sans-serif;
}
.wwd_backgroung_buttons
{
	overflow: hidden;
	width: 154px;
	height: 93px;
	background: url(/images/w.png) no-repeat;
}

.wwd_regions
{

	position: relative;
	margin-top: -89px;
	overflow: hidden;
	width: 154px;
	height: 93px;

}

.wwd_regions  img
{
	position: relative;
	width: 154px;
	height: 93px;
    border: 0;
}

.wwd_activity_readmore_container
{
      clear:both;
      overflow: hidden;
      margin-top: -65px;
      width: 154px;
      height: 30px;
      position: relative;
}
/*.wwd_activity_readmore_container_inside
{

      width: 154px;
      height: 53px;
	  cursor: pointer;
}
*/
.wwd_activity_readmore
{
      margin-top:7px;
	  width: 100px;
	  height: 26px;
	  float: left;
	  font: bold 12px  Verdana,Helvetica, sans-serif;
	  text-align: left;
      position: relative;
}

.wwd_activity_dist1 {
	margin-top:7px;
	width: 22px;
	height: 18px;
	float: left;

}

.wwd_activity_dist2 {
	float: left;
	margin-top:7px;
	width: 10px;
	height: 18px;
}

.wwd_activity_readmore_image
{   margin-top:5px;
	width: 18px;
	height: 18px;
	float: left;
}

.wwd_activity_readmore_image {
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/wwd_btnring_not_active.png',
    sizingMethod='crop');
}

html>body .wwd_activity_readmore_image
{
	background: url(/images/wwd_btnring_not_active.png) no-repeat right bottom;
}

.wwd_activity_examples_container
{
      clear:both;
      overflow: hidden;
      margin-top: 3px;
      width: 154px;
      height: 30px;
	  position:relative;
}

.wwd_activity_examples
{
      font: bold 12px  Verdana,Helvetica, sans-serif;
	  margin-top: 7px;
	  width: 116px;
	  height: 26px;
	  float: left;
	  text-align: left;
}

.wwd_activity_examples_image
{   margin-top: 5px;
	width: 18px;
	height: 18px;
	float: left;

}

.wwd_activity_examples_image {
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/wwd_btnring_not_active.png',
    sizingMethod='crop');
}

html>body .wwd_activity_examples_image
{
	background: url(/images/wwd_btnring_not_active.png) no-repeat right bottom;
}

html>body #contacts_head
{
   margin-top: 50px;
   height: 214px;
   width: 858px;
   background: url(/images/contacts_head.png) no-repeat center;
}

#contacts_form
{
	padding-top: 10px;
	width: 500px;
	float:left;
	font:14px Tahoma,Arial,Helvetica,sans-serif;
}

#contacts_thanks
{
	padding-top: 25px;
	text-align: center;
	width: 500px;
	float:left;
	font: bold 16px  Verdana,Helvetica, sans-serif;
	color: #393939;
}

.input
{
	height: 24px;
	margin-bottom: 10px;
	width: 400px;

}

.input label
{
	clear: both;
	float: left;
}

.input input
{
	width: 255px;
	height: 22px;
	background: #f8f8f8;
	float:right;
	border: 1px #e7e7e7 solid;

}

.checkboxes
{
    height: 90px;
	margin-bottom: 10px;
	width: 400px;
}
.checkboxes label
{
	clear: both;
	float: left;
}
.checkboxes div
{
	width: 255px;
	height: 22px;
	float:right;
}

.dropdown
{
    height: 40px;
	margin-bottom: 10px;
	width: 400px;
}
.dropdown label
{
	clear: both;
	float: left;
}

.dropdown select
{
	width: 255px;
	height: 22px;
	float:right;
}

.textarea
{
	width: 400px;
	height: 115px;
	margin-bottom: 10px;
}

.textarea label
{
	clear: both;
	float: left;
}

.textarea textarea
{
	width: 255px;
	height: 115px;
	background: #f8f8f8;
	float:right;
	border: 1px #e7e7e7 solid;
}

#captcha
{
	margin-left:30px;
	margin-top: -50px;
}

.contact-error
{
	color:#f00;
	padding-left: 192px;
	margin-top: -10px;
}
.contact-error-top
{
	padding-left: 50px;
	margin-bottom:5px;
	color:#f00;
}

.contact-error-code
{
	color:#f00;
	padding-left: 192px;
	margin-top: -10px;
	margin-bottom: 10px;
}

.button
{
	width: 154px;
	height: 35px;
	margin-left:193px;
	margin-top: -10px;
}

.button input
{
 	width: 155px;
    height: 37px;
    border: 0;
    text-align: left;
    padding-left: 50px;
    color: #7a7a7a;
    font: 16px "Trebuchet MS", Arial, Helvetica, Tahoma,  sans-serif;
    font-weight: bold;
 	background: url(/images/submit.png) repeat-x left top;
 	cursor: pointer;
}

#contacts_text
{
	margin-top: 10px;
    font: 12px Tahoma, Arial, Helvetica,  sans-serif;
	width: 190px;
	float:left;
}

#contacts_text p
{
	margin-bottom: 10px;
}

/* ------------ WHOWEARE */
html>body #whoweare_head
{
   margin-top: 50px;
   height: 215px;
   width: 858px;
   background: url(/images/whoweare_head.png) no-repeat center;
}
/* ------------ MULTIMEDIA */
html>body #multimedia_head
{
   margin-top: 50px;
   height: 214px;
   width: 858px;
   background: url(/images/multimedia_head.png) no-repeat center;
}
/* ------------ MARKETING */
html>body #marketing_head
{
   margin-top: 50px;
   height: 214px;
   width: 858px;
   background: url(/images/marketing_head.png) no-repeat center;
}
/* ------------ WEBDESIGN */
html>body #webdesign_head
{
   margin-top: 50px;
   height: 214px;
   width: 858px;
   background: url(/images/webdesign_head.png) no-repeat center;
}
/* ------------ PROGRAMMING */
html>body #programming_head
{
   margin-top: 50px;
   height: 214px;
   width: 858px;
   background: url(/images/programming_head.png) no-repeat center;
}
/* ------------ IDENTIFY */
html>body #identify_head
{
   margin-top: 50px;
   height: 214px;
   width: 858px;
   background: url(/images/identify_head.png) no-repeat center;
}
/* ------------ PORTFOLIO */
html>body #portfolio_head
{
   margin-top: 50px;
   height: 213px;
   width: 858px;
   background: url(/images/portfolio_head.png) no-repeat center;
}

html>body #main_body_portfolio
{
	margin-top: 10px;
    font: 12px Tahoma, Arial, Helvetica,  sans-serif;
	width: 702px;
	height: 316px;
	float:left;
	background: url(/images/portfolio_background.png) no-repeat center;
}

#portfolio_main
{
   padding:0; margin: 0;
   float:left;
   width: 545px;
   height: 316px;
}

#portfolio_description
{
   padding:0; margin: 0;
   float:left;
   width: 157px;
   height: 316px;
}
#portfolio_description_description
{
   width: 132px;
   margin-right:15px;
   margin-left:10px;
   margin-top:10px;
   height: 166px;
   text-align:right;
   font: 11px Tahoma,Helvetica, Arial, sans-serif, "Trebuchet MS";
}
#portfolio_description_line
{
   margin-left: 26px;
   width: 100px;
   height: 20px;
   border-top: 1px #737373 solid;

}
#portfolio_description_skills_header
{
   width: 132px;
   margin-right:15px;
   margin-left:10px;
   height: 18px;
   color: #8f8f8f;
   text-align:right;
   text-decoration: underline;
   font:bold 14px Arial,Tahoma,Helvetica,  sans-serif, "Trebuchet MS";
}
#portfolio_description_skills
{
   width: 132px;
   margin-right:15px;
   margin-left:10px;
   height: 102px;
   font: 11px Tahoma,Helvetica, Arial, sans-serif, "Trebuchet MS";
   text-align:right;
}

#portfolio_main_head
{
   margin:0; padding:0;
   padding-top:6px;
   padding-left:25px;
   padding-right:25px;
   width: 495px;
   height: 24px;

}

#portfolio_main_middle
{
   padding:0; margin: 0;
   width: 545px;
   height: 236px;

}

#portfolio_main_bottom
{
   padding:0; margin: 0;
   margin-top: 3px;
   width: 545px;
   height: 45px;
}

#portfolio_bottom_container
{
    padding:0; margin: 0;
	width: 440px;
	height: 40px;
	position:relative;
	overflow-x:hidden;
	overflow-y:hidden;
	float:left;

	/*overflow: auto;*/
}

#portfolio_bottom_content
{
    width: 200000px;
	height: 40px;
	padding: 1px;
	margin-left: 0px;
	background:transparent;

	float:left;
}
.portfolio_bottom_section
{
	margin:0 0 0 0;
	cursor:pointer;

	margin-right:1px;
	padding: 1px;
	width:85px;
	height:36px;
	float:left;
	background:#000;
}

html>body #portfolio_left_button
{
    margin-right: 10px;
    margin-left: 9px;
    width: 32px;
    height:35px;
    background: url(/images/portfolio_left_not_active.png) no-repeat center top;
    float:left;
    cursor:pointer;
}
html>body #portfolio_right_button
{
    margin-left: 10px;
    width: 32px;
    height:35px;
    background: url(/images/portfolio_right_not_active.png) no-repeat center top;
    float:left;
    cursor:pointer;
}
#portfolio_caption
{
    float:left;
    font:bold 13px "Trebuchet MS", Arial, Helvetica, Tahoma,  sans-serif;
    color: #393939;
    position:relative;
}
#portfolio_pages
{
	float:right;
}
.portfolio_page
{
	margin: 0px;
	padding: 0px;
	cursor:pointer;
    width: 18px;
    height:20px;
    color: #fff;
    text-align: center;
    font:bold 13px "Trebuchet MS", Arial, Helvetica, Tahoma,  sans-serif;
    float:left;
}

html>body .portfolio_page_active
{
    background: url(/images/portfolio_page_active.png) no-repeat center top;
}
html>body .portfolio_page_not_active
{
    background: url(/images/portfolio_page_not_active.png) no-repeat center top;
}
#portfolio_container
{
	padding:0; margin: 0;
	margin-left: 28px;
	width: 488px;
	height: 235px;
	overflow-x:hidden;
	overflow-y:hidden;
	/*overflow: auto;*/
}
#portfolio_content
{
	width: 200000px;
	height: 235px;
	padding: 2px;
	margin-left: 0px;
	background:#f8f8fa;
	float:left;
}

.portfolio_section
{
	margin:0 0 0 0;
	margin:0 auto;
	width:488px;
	height:235px;
	float:left;
}
#maincontainers{
	width: 616px;
	height: 354px;
	overflow: auto;
	margin: 0 auto;
	overflow-x:hidden;
	overflow-y:hidden;
	margin-top:20px;
	float:left;
}

.maincontents {
	width: 20000px;
	height: 354px;
	padding: 2px;
	margin-left: 0px;
	background:#f8f8fa;
	float:left;

}

.mainsections{
	margin:0 0 0 0;
	width:154px;
	height:354px;
	float:left;


}

/* -------------------------------------------------- FOOTER*/
#footer
{
  clear: both;
  overflow: hidden;
  height: 20px;
  width: 800px;
  padding-bottom: 30px;
  padding-top: 20px;
}

#footer_line
{
	height: 2px;
    width: 796px;
    align: center;
	border-bottom: 1px solid #999;
}

#bottommenu
{  width: 100%;
   float:left;
   left:-2px;
   top:0px;
}

#bottommenu img
{
	float:left;
}

.bottom_menu_but
{
      top: 0px;
	  width: 120px;
      height: 10px;
	  float: left;
	  position:relative;
	  cursor: pointer;
	  text-align: center;

}

.bottom_menu_but a
{
	margin: 0;
	font: bold 10px  Verdana,Helvetica, sans-serif;
	color: #000;
	text-decoration: none;
}

.bottom_menu_but a:visited
{
	color: #000;
}

.bottom_menu_but a:hover
{
    color: #f00;
}

#copyrights
{
    right: 5px;
    top:5px;
	float:right;
	position:relative;
	font: 11px  Verdana,Helvetica, sans-serif;
	color: #000;
	text-decoration: none;
}

#copyrights_img
{
  float:right;
}