* {margin: 0; padding: 0; font-size:12px; font-family: Georgia; border: none; outline: none;}
body{background:white url(../images/blackline.jpg) repeat-x;}
html, body {height:100%;}
.wrap {position:relative; height:auto !important; height:100%; min-height:100%; margin-top:-15px;}

body .center  a:hover{color: #5F9FDF;}
#head{width:100%; height:72px;background-color: black;}
#logo{width:844px; height:72px; padding: 0 30px; position:relative;}
#logo h1{position:absolute; top:6px; left: 30px; }
#logo h1 a {width:78px; height:50px; text-indent:-10000px; background: url(../images/logo1.gif) no-repeat; display: block; }

#logo ul.header_menu{float: left; margin-top: 29px;margin-left: 126px; position: relative; display:inline; }
#logo li{float: left; list-style-type: none;  position: relative;}
#logo li a.active {color: white;}

.header_menu li{height: 20px; line-height: 13px; padding: 4px 4px 0 5px; margin-right:23px; background: #cccccc;}
.header_menu li a {font-size: 14px; font-weight: bold; text-decoration:none;color:black;} 
#logo ul.header_menu li.active{background: white;}
#logo ul.header_menu li.active a{text-decoration:underline; color: #5F9FDF;}

#logo .search{float: right; margin-top: 10px; width:205px;}
#logo .search a{color:#aaaaaa; font: 10px Tahoma; text-decoration: none;}
#logo .search a:hover{color: #5F9FDF;}
#logo .search li{ background: black; margin-right: 13px;}
#logo .search ul{ margin-bottom: 12px; display: block;_margin-bottom:11px; height: 11px; line-height: 10px;} 
.search_form div{ background: url(../images/search_bg.jpg) no-repeat; width:195px; height: 16px; overflow: hidden; padding: 5px;}
.search_form input {border: none;background-color: transparent; font-size: 10px!important; line-height: 10px; width:200px;}
#banner{background-color: black; text-align: center; overflow: hidden; height:288px;}

#subheader{height:72px; background: url(../images/bg_portfolio.jpg) repeat-x; margin-bottom:72px;}
#subheader_menu{width:844px; height:72px;  overflow: hidden; }
#subheader_menu h2{float: left; padding-top: 18px;  font-weight: normal; position: absolute; _margin-left:37px;}
#subheader_menu h2 a:hover{color: #5F9FDF;}
#subheader_menu h2 a.active{color: #5F9FDF;}
#subheader_menu a{font-size: 29px; color: white;} 
#subheader_menu ul{float: right; margin-left: -37px; }
#subheader_menu li{float: left; list-style-type: none; margin-left: 37px; height: 72px; text-align: left;}
.center{ margin: 0 auto; width:904px;}
.clear{clear:both;}  
.start_projects {width:844px; height:313px; overflow: hidden; padding:0 30px; margin-top: -30px;position:relative;}
.start_projects ul{list-style-type: none; margin-left: -30px; _margin-left: -70px; overflow: hidden;}
.start_projects li{width:252px; float: left; margin-left:38px; text-align: center;}
.start_projects_image a{width:240px; height: 180px; display: block; padding: 6px;}
.start_projects_image a:hover{ background: url(../images/start_project_bg.gif)  no-repeat;  }
.start_pojects_info {width: 241px; margin-top:13px; padding: 0 5px; text-align: center;}
.start_pojects_info a{ color: black; font-size:14px; }
.underline_start{width:784px; height: 1px; padding: 0 30px;  margin-top: -30px;  background: url(../images/underline.jpg) repeat-x ; margin-left: 30px;}
.start_info{width: 327px; float: left; padding-left: 30px; margin-top: 29px; _margin-top:15px } 
.start_info .black_white{height:15px; padding: 2px 5px ; line-height: 23px; font-size: 21.28px; overflow: hidden;}
.start_info p{font-size: 14px; margin-top: 28px;}

/*
.anythingSlider{ width: 300px; height: 220px; position: relative; }
.anythingSlider .wrapper{ width: 300px; overflow: auto; height: 220px;  position: absolute; top: 0; left: 0; }
.anythingSlider .wrapper ul{ width: 99999px; list-style: none; position: absolute; top: 0; left: 0;  margin: 0; }
.anythingSlider ul li{ display: block; float: left; padding: 0; height: 220px; width: 300px; margin: 0; }
#thumbNav{margin-top:200px; position: absolute;}
#thumbNav a{display:block; width:9px; height: 9px; background: url(../images/list.png); float: left; margin-right: 10px; text-indent: 10000px; overflow: hidden;}
#thumbNav a.cur {background: url(../images/list_active.png);}
*/

.start_map_link{text-decoration:none;}
.start_map{width:471px; height: 222px; float: right;  margin-top: 29px; padding-right: 30px;_margin-bottom:3px; _margin-top:15px; background: url(../images/contact_map.jpg) no-repeat;}
.start_map  div{ width:135px;  font-size: 9px; font-style: italic; color:#6c6c6c;  position: relative; top:150px;}
.start_map a {width:471px; height: 222px;}
.start_map1_link{text-decoration:none;}
.start_map1{width:471px; height: 222px; float: right;  margin-top: 29px; padding-right: 30px;_margin-bottom:3px; _margin-top:15px; background: url(../images/contact_map1.jpg) no-repeat;}
.start_map1  div{ width:135px;  font-size: 9px; font-style: italic; color:#6c6c6c;  position: relative; top:150px;}
.start_map1 a {width:471px; height: 222px;}
/* Конец главной  */
/*  Начала портфолио */

.portfolio_featured{float:left; width:541px;overflow: hidden; padding-left: 30px; min-height: 500px;}
.portfolio_featured_image {width:541px; height: 192px; }
.portfolio_featured_image a{width:529px; height: 180px; display: block; padding: 6px;}
.portfolio_featured_image a:hover{ background: url(../images/portfolio_image_bg.gif)  no-repeat;}
.portfolio_featured_info{width: 529px; margin:9px 0 0 6px; margin-bottom:56px; background: url(../images/star.jpg) no-repeat left center; padding-left:22px; }
.portfolio_featured_info a{color: black; font-size:14px; padding: 4px; background: #f4f4f4; line-height: 23px; text-decoration: underline;}
.portfolio_featured_info p{margin-top:9px;}

.portfolio_project{ width:578px; }
.portfolio_project_image a{width:240px; height: 180px; display: block; padding: 6px;  }
.portfolio_project_image a:hover{ background: url(../images/start_project_bg.gif) no-repeat;}
.portfolio_project ul{list-style-type: none; width:578px;  }
.portfolio_project li{width:252px; float: left; margin-right:37px; margin-bottom:36px; }
.portfolio_project_info{width: 240px; margin: 13px 0 0 6px; }
.portfolio_project_info a{color: black; font-size:14px; padding: 4px; background: #f4f4f4;  line-height: 23px;  text-decoration: underline;}
.portfolio_project_info p{margin-top:8px;}

.right_menu{float:right; width:234px; color:#0066cc; position: relative; }
.right_menu a.hover{font-size:12px; color: #999999;padding: 4px 6px 3px 6px ; background: #f3efec ; text-decoration: none; position: relative;}
.right_menu ul{list-style-type: none; position: relative;}
.right_menu li{position: relative;}
.right_menu li a{color:#0066cc ;}
.active_hover{ margin-left:-6px; position: relative;}
ul.up_menu {padding-left:6px; margin-left: -6px;  }
ul.up_menu li{margin-bottom: 12px;}
.down_menu .active_hover{ margin-left:14px;}
ul.down_menu li {margin-top: 6px; margin-left:16px; overflow: hidden; margin-bottom: 0px;}
ul.down_menu a{background: url(../images/marker.jpg) no-repeat 0px 8px; padding-left: 5px;}
ul.down_menu .active_hover_type{text-decoration:none; font-weight: bold;}
ul.down_menu a.hover{background:#f3efec ; font-size:12 px; color: #999999;padding: 4px 6px 3px 6px ;  text-decoration: none;}

.accordion{margin-top:30px; cursor: pointer;}
.accordion .down_menu{font-weight: normal;}

.icons{height:16px;width:16px; background:url(../images/icons.png); display: block;}
.icon_arrow{background-position:-32px -16px;}
.icon_arrow_2{background-position:-64px -16px;}
.number_page{ margin-left: 404px; margin-bottom:28px; height:14px;}
.number_page ul{list-style-type: none; }
.number_page li{float: left; margin-right:37px; }
.number_page a{color:#0066cc}
.number_page a.page_active{color:#999999; text-decoration: none; font-size:12 px}

/* Конец порфолио */
/*  Начала One project page */
.data_project{width:50%; height:60px; background: url(../images/databg.jpg) repeat-x;  padding:0; left:50%; position:absolute;}
.one_project_page{margin: 0 auto; width:904px;background:white; z-index:1; position: relative; }
.one_project_page a:hover{color: #5F9FDF;}
.start_site{float: left; width:661px; padding-left:30px; overflow: hidden; }
.start_site h3{font-size:21px; font-style: italic; font-weight: normal; margin-bottom:32px;}
.start_site p{font-size:14px;} 
.start_site ul{list-style-type: none; margin-bottom:36px;}
.start_site li{margin-top: 17px;}
.start_site li a{color:#00aeef; font-size: 14px;}
.start_site_info {width:456px; margin-bottom:72px; _margin-bottom:55px;}
.start_site_project{width:661px;}
.start_site_project li{margin-bottom:35px;}
.right_data{float:left; width:145px; ; margin-left: 68px; position: relative;  }
.release_date{height:45px;  background:#eff0e8; padding: 15px 0 0 30px; margin-left:-30px; margin-right:-30px; position: relative; margin-bottom:83px;}
.release_date span.data {font-size:14px;}
.play-button{width:68px; height:33px; margin-left:5px; margin-top:-33px;position: absolute;}
.alt{display:none}
.other_work{width:145px; margin-bottom: 36px; }
.other_work span{margin-left:-30px; position: relative; display: block; width: 100%; overflow: hidden;}
.other_work ul{list-style-type: none;  width:102px; }
.other_work ul li{margin-top: 15px;}
.other_work a{color: #00aeef; }
/* Конец One project page */

/*  Начала Careers */
 .careers{width:844px; padding: 0 30px;  _margin-bottom:3px;}
  h3{font-size:21px; font-weight: normal; font-style: italic;}
 .careers_text{width:513px; margin-left: 258px; margin-bottom: 72px; font-size: 14px;}
 .careers_info{width:721px; margin-left:73px; background: #ebebe3; margin-bottom: 36px;  overflow: hidden;}
 .left_left{float: left; width:95px;  margin-top: 36px; margin-left: 56px; _margin-left:28px;}
 .left_left span{color:#868087; font-style: italic; font-size: 15px;}
 .careers_info a{color: #00aeef;}
 .careers_info p{padding-top: 25px; font-size: 14px;}
 .two {margin-bottom:36px; margin-top:36px;}
 
 .careers_info_left{float: left; width:252px;  margin-left: 29px;} 
 .careers_info_right{float: left; width:252px;  margin-left: 29px;} 
.black_white {color: white; background: black; font-size: 21px; font-style: normal; padding: 1px 7px 2px 8px; text-decoration: none; }
/* Конец Carrers */

/*  Начала our_team */
 .foto{float:left; width:500px; height:301px;  padding-left: 30px;  margin-bottom:42px;  background: url(../images/vertline.jpg) repeat-y center right; overflow: hidden;}
 .small_foto{float: left;  margin-left: 28px; _margin-left:20px;  width:342px;}
 .small_foto a{width:88px; height:88px; display: block; padding: 6px; }
 .small_foto a:hover{ background: url(../images/small_foto_bor.gif) no-repeat;}
 .small_foto ul{list-style-type: none;  }
 .small_foto ul li{float:left; margin-left:8px;}
 .small_foto ul li img{width:84px; height:84px;}
 .our_team_text {width: 457px; margin-bottom:43px; padding-left: 30px; font-size:14px}
/* Конец our_team */


/*  Начала Contact */
.contact{width:844px; padding:0 30px;  background: url(../images/contact_map2.jpg)  no-repeat 404px 0;  margin-bottom: 32px; _margin-bottom:53px; overflow: hidden }
.contact h3{margin-bottom: 53px; }
.our_contact{float:left; width:255px; margin-bottom: 71px; _margin-bottom:18px;}
.our_contact a{color:#00aeef;}
.our_contact p{padding-top: 20px; font-size:14px;}
/* Конец  Contact */


/*Начала our partners */
.partners_text{width:533px; margin-left: 258px; margin-bottom:72px; font-size:14px; line-height: 20px;}
.partners_text span{font-style:italic;}
.partners{padding:0 30px; }
.partners h3{margin-bottom:20px;}

/* Конец  our partners */

/* Начало Projects*/
.project_img{margin-bottom:36px; margin-left: 260px;}
.project_text{width:560px; margin-left: 260px; _margin-left:257px; margin-bottom:72px; font-size:14px; }
.project_projects{width:200px ; color:#00aeef; font-size:21px; float: left;}
/* Конец  Projects*/


.footer_inner{height:121px;}
#footer_stick {position:relative; height:121px; margin-top:-121px; line-height:121px; vertical-align: middle; width:100%; margin-bottom: 0px;}


.underline{width:471px; height:1px; line-height:1px; background: url(../images/underline.jpg) repeat-x; margin-left: 404px; position:relative; overflow: hidden; padding:0px; _margin-top: -3px;}
.footer_menu {margin-top: 24px; margin-left: 404px; height: 42px;}
.footer_menu li{list-style-type: none; background: #cccccc; float: left; margin-right: 17px; padding: 0px 4px 3px 4px; line-height: normal;}
.footer_menu a{color:black; font-weight: bold; font-size:14.14px; text-decoration: none;}
.footer_menu li.active{background:#cccccc;}
.footer_menu li.active a{text-decoration: underline;color: #5F9FDF;}


#footer{color:white; background-color: black;  height:54px;} 
.footer_left{float: left;  width: 376px; margin-left:30px; margin-top: 19px; _margin-left: 15px;}
.footer_left li{background: #cccccc; float: left; margin-left: 18px; list-style-type: none; padding: 2px 4px 1px 4px; line-height: normal;}
.footer_left li.span_title{float: left; font-size:14px; font-style: italic; margin-left: 0px; background-color:transparent; padding: 0; _margin-right:-3px}
.footer_left li a{color:black; font-size:14px; text-decoration:none;}

.footer_right{float:left; width:498px;}  
.we_work {float:left; font-size: 12px; font-style: italic; padding-top: 21px; width:280px; line-height: normal;} 
.we_work a{color: #4aacff; font-size: 12px; font-style: italic; line-height: normal;} 
.copyright{float:left; font-size: 10px; font-style: italic;  padding-top: 15px; _padding-top:14px; display: inline; line-height: normal;}