body{
  margin: 0px;
  background: #ff7000 url(/images/background.jpg) no-repeat center top;
}

a{
  text-decoration: none;
  color: white;
}


.wrapper{  margin: 0 auto;  width: 980px;}
.header{  height: 100px;  width: 980px;}

.logo{  float: left;  width: 250px;}
.logo img{  margin: 25px 0px 0px 15px;}

.menu{  background: url(/images/menu_bar.png) no-repeat left top transparent;  width: 618px;  height: 35px;  float:right;  margin: 33px 15px 0px 0px;}
.menu a{  float:left;}

.submenu{  height: 35px;  float:right;  margin: 0px 256px 0px 0px;}
.submenu a{  float:left;font-family: "Segoe UI", "Arial";font-size: 15px;}
.submenu a.active{  float:left;font-family: "Segoe UI", "Arial";font-size: 15px;color: #494949;}


.main{  background: url(/images/main.png) no-repeat left top transparent;  width: 84px;  height: 38px; margin-right: 8px;}
.main:hover, .main_active{  background: url(/images/main_active.png) no-repeat left top transparent;  width: 84px;  height: 38px;  margin-right: 8px;}

.about{  background: url(/images/about.png) no-repeat left top transparent;  width: 75px;  height: 38px;  margin-right: 7px;}
.about:hover, .about_active{  background: url(/images/about_active.png) no-repeat left top transparent;  width: 75px;  height: 38px;  margin-right: 7px;}

.portfolio{  background: url(/images/portfolio.png) no-repeat left top transparent;  width: 95px;  height: 38px;  margin-right: 8px;}
.portfolio:hover, .portfolio_active{  background: url(/images/portfolio_active.png) no-repeat left top transparent;  width: 95px;  height: 38px;  margin-right: 8px;}

.service{  background: url(/images/service.png) no-repeat left top transparent;  width: 74px;  height: 38px;  margin-right: 8px;}
.service:hover, .service_active{  background: url(/images/service_active.png) no-repeat left top transparent;  width: 74px;  height: 38px;  margin-right: 8px;}

.price{  background: url(/images/price.png) no-repeat left top transparent;  width: 75px;  height: 38px;  margin-right: 8px;}
.price:hover, .price_active{  background: url(/images/price_active.png) no-repeat left top transparent;  width: 75px;  height: 38px;  margin-right: 8px;}

.discount{  background: url(/images/discount.png) no-repeat left top transparent;  width: 84px;  height: 38px;  margin-right: 8px;}
.discount:hover, .discount_active{  background: url(/images/discount_active.png) no-repeat left top transparent;  width: 84px;  height: 38px;  margin-right: 8px;}

.contact{  background: url(/images/contact.png) no-repeat left top transparent;  width: 84px;  height: 38px; }
.contact:hover, .contact_active{  background: url(/images/contact_active.png) no-repeat left top transparent;  width: 84px;  height: 38px;}

.spacer30{  height: 30px;  width: 980px;}

.content{  width: 980px;}

.main_komanda{  width: 220px;  height: 254px;  background: url(/images/our_team.png) no-repeat top left;}
.main_records{width: 220px;  height: 254px;  background: url(/images/our_records.png) no-repeat top left;}
.main_last{width: 220px;  height: 254px;  background: url(/images/last_job.png) no-repeat top left;}
.main_love{width: 220px;  height: 254px;  background: url(/images/love2.png) no-repeat top left;}
.portfoliolist {width: 234px;  height: 270px;  background: url(/images/blank.png) no-repeat top left; float:left; margin: 5px;}
.portfoliotitle{  color: #494949;  font-family: Arial;  font-size: 15px;  text-align: center;  display: block;  margin-top:7px;}

.blue_bullet{ background: url(/images/bullet_blue.png) no-repeat top left;  width: 19px;  height: 19px;  position: absolute;  z-index: 5;  margin-left:100px;  margin-top:10px;}
.orange_bullet{ background: url(/images/bullet_orange.png) no-repeat top left;  width: 19px;  height: 19px;  position: absolute;  z-index: 5;  margin-left:100px;  margin-top:10px;}
.yellow_bullet{ background: url(/images/bullet_yellow.png) no-repeat top left;  width: 19px;  height: 19px;  position: absolute;  z-index: 5;  margin-left:100px;  margin-top:10px;}
.yellow_bullet2{ background: url(/images/bullet_yellow.png) no-repeat top left;  width: 19px;  height: 19px;  position: absolute;  z-index: 5;  margin-left:110px;  margin-top:10px;}

.portfoliolist img, .main_love img, .main_last img, .main_komanda img, .main_records img {  margin: 7px 7px 0px 7px;}
.main_love a,.main_last a, .main_komanda a, .main_records a{  width: 200px;  display: block;  text-decoration: none;  margin-left: 0px;}

.detail{  font-family: Arial;  font-size: 14px;  color: black;  margin: 5px;  text-decoration: none; background: url(/images/detail.png) no-repeat right; display: block; width:95px; }
.detail:hover{  text-decoration: underline;  }

td p{  font-family: Arial;  font-size: 14px;  text-align: justify;  color: black;  line-height: 18px;  margin: 5px;}
td {  padding-left: 12px;  padding-right: 12px;}

.copyright{  width: 980px;  padding-top: 30px;  font-family: "Segoe UI", "Arial";  font-size: 9px;  color: #ffc000; clear: both;}
.copyright div { font-family: "Segoe UI", "Arial";  font-size: 9px;  color: #ffc000; }

.left{
  float: left;
  width: 280px;
}

.right{
  float:right;
  width: 670px;
  font-family: Arial;
  font-size: 14px;
  line-height: 18px;
  color: black;
  padding: 35px 15px 0px 15px;
}

.right a {
 color: black;
}


.portfolio_navigation{
  width: 980px;
  clear: both;
  padding-top: 30px;
}

.prev{
 float: left;
 display: block;
}

.next{
  float:right;
   display: block;
}

.portfolio_anons{
    width: 660px;
  clear: both;
   font-family: Arial;
  font-size: 15px;
  line-height: 18px;
  color: white;
  text-align: justify;
  margin: 0px 130px 0px 130px;
}

.service_menu{
  font-family: "Segoe UI", "Arial";
  font-size: 13px;
  line-height: 18px;
  color: white;
  height: 35px;  float:right;  margin: 0px 20px 0px 0px;
}
.service_menu a.active{ color: #494949;}

.l{ float:left;}
.l p{ font-family:"Segoe UI";
font-size:15px;
color:black;
margin:0px;
}

.l p a{
color:black;
}


.service_menu a {
text-decoration:underline;
}


.contacty input, .contacty textarea {
margin:6px 0px 6px 20px;
padding-left:5px;
width:340px;
height:20px;
border: none 0px transparent;
font-family:"Segoe UI";
font-size:13px;
color: #414141;
}

.contacty .contact_submit{
background-color:transparent;
border:medium none;
float:right;
font-family:"Segoe UI";
font-size:13px;
text-align:center;
width:75px;
color:black;
font-weight: bold;

}


.block{
background:url(/images/block.png) no-repeat left top;
width:221px;
height:153px;
float: left;
margin:7px;
padding:5px;
color:#393939;
font-family:Arial;
font-size:12px;
}

.block h6{
color:#393939;
font-family:"Segoe UI", "Arial";
font-size:11.5px;
font-weight:bold;
text-transform:uppercase;
line-height:24px;
margin:0px;
}

.block a{
color:#393939;
}

.block hr{
  border: solid 1px #e6e3e3;
}

.right2{
  float:right;
  font-family: Arial;
  font-size: 14px;
  line-height: 18px;
  color: black;
}