@charset "utf-8";

html {
	width:100%;
	height:100.1%;
	font-size:100.1%;
}

body{
   font-family: "trebuchet ms";
   font-size: 12px;
   color: #656565;
}

body,h1,h2,h3,h4,h5,h6,p,form,fieldset,img, table{	
	margin:0;
	padding:0;
}


/* General */
.relative{
   position:relative;
}
.clear{
   clear:both;
}
a img {
   border: none;
}
/* Menu */
a {
   text-decoration: none;
   color: #656565;
}
ul {
   font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px;
   list-style-type:square
}

/* Layout */
#headerWrapper{
   width:100%;
   height:67px;
}
#header{
   position: relative;
   width:900px;
   height: 67px;
   margin:0 auto;
   background:url(header.jpg) top left no-repeat;
   overflow: hidden;
}
#headerCorner{
   height: 67px;
   width: 900px;
   background-color: #e8e8e8;
   position: absolute;
   top:0;
   right: 0;
   z-index: -1;
}
#contentWrapper{
   width:100%;
   background:url(contentWrapper.jpg) top left repeat-x;
}
#contentTop{
   width:900px;
   height: 390px;
   margin:0 auto;
   background:url(content.jpg) top left no-repeat;
   position: relative;
}
#content{
   width:900px;
   margin:0 auto;
   position: relative;
}
#footerBelt{
   width:100%;
   height: 25px;
   background-color: #f2f2f2;
}
#footerWrapper{
   width:100%;
   height: 40px;
   background-color: #3b6b9a;
}
#footer{
   width:900px;
   margin:0 auto;
   text-align: right;
   color: #fff;
   padding:5px 0 0 10px;
   font-size: 9px;
   position: relative;
}
#logo{
   position:absolute;
   top:0px;
   left:0px;
   width:240px;
   height: 68px;
}
/* Menu */
#menuTopWrapper{
 	width:100%;
	height:50px;
}
#menuTop{
   width:900px;
   margin:0 auto;
   height:50px;
}

#menuTop ul{
	margin:0 0 0 0px;
	padding: 20px 0 0 280px;
}
#menuTop ul li {
	float:left;
	list-style-type:none;
   padding: 0 0 0 10px;

}
#menuTop li a {
	display:block;
	height:50px;
   line-height: 50px;
   text-decoration: none;
   font-size: 15px;
   color: #999;
   margin:0 5px 0 0;
}
#menuTop li a:hover {
   color: #7fff33;
}

/* form
--------------------------------------------------*/
form.default{

}
form.default dl{
	overflow:hidden;
}
form.default input, form.default select, form.default textarea{
	border:1px solid #515151;
	color:#000;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	outline:none;
}

form.default select{
	height:auto;
	width:210px;
	padding:1px;
}

form.default .errors{
	color:#ed1c24;
	text-align:left;
	padding:0;
}
form.default .errors li{
	padding-left:10px;
}

/*btn*/
form.default input.submit, form.default input.btn, .btn{
	width:auto;
	height:auto;
	color:#000;
	font-weight:bold;
	background:#ccc url(/images/btnBg.gif) repeat-x left top;
	border:1px solid #297aa3;
	padding:3px 7px 4px 7px;
	text-decoration:none;
	cursor:pointer;
	font-size:11px;
}
.disabledBtn{
	background-image:none;
	background-color:#c8c8c8;
	color:#ffffff;
	border-color:#9c9c9c;
}
form.default input.submit:hover, form.default input.btn:hover, .btn:hover{
	color:#ffffff;
	text-decoration:none;
	background-position:0 -100px;
}

form.default fieldset{
	border:none;
	padding:0;
	margin:0;
}

form.default .line{
	clear:both;
}

form.default textarea.tinyMce{
	width:600px;
	height:300px;
}

form.default textarea.simple{
	width:300px;
	height:40px;
}
form.default .image{
	width:auto; height:auto;
	border:none;
	padding:0;
}

/* boxes*/

#menuBoxes{
   position:absolute;
   top:79px;
   left:36px;
   width:828px;
   height:187px;
   background:url(menuBoxes.jpg) top left no-repeat;
}
#menuBoxes ul{
	margin:0;
	padding:0;
}
#menuBoxes >ul >li {
	float:left;
	padding:0;
	background:none;
	list-style-type:none;
}
#menuBoxes >ul >li >a {
	display:block;
	height:187px;
	background:url(menuBoxes.jpg) top left no-repeat;
   background-position: 374px;
}
#tnb1{
	width:215px;
}
#tnb1:hover{
	background-position:0px -187px;
}
#tnb2{
	width:214px;
}
#tnb2:hover{
	background-position:-215px -187px
}
#tnb3{
	width:215px;
}
#tnb3:hover{
	background-position:-429px -187px;
}
#tnb4{
	width:184px;
}
#tnb4:hover{
	background-position:-644px -187px;
}

.box{
   width:184px;
   height:187px;
   cursor: pointer;
}
.box h1{
   font-family: "trebuchet ms";
   font-size: 16px;
   color: #fff;
   width:100%;
   text-align: center;
   padding: 20px 0 30px 0;
   font-weight: normal;
}
#twoLinesH1{
   font-family: "trebuchet ms";
   font-size: 16px;
   color: #fff;
   width:100%;
   text-align: center;
   padding: 20px 0 10px 0;
   font-weight: normal;
}
.box p{
   font-family: "trebuchet ms";
   font-size: 12px;
   line-height: 120%;
   color: #e1ecff;
   padding:0 10px 5px 10px;
   text-align: left;
}

/* content */
#index{
	background:url(index.jpg) top left no-repeat;
   background-position: 510px 0px;
   height: 300px;
}
#indexColumn1{
   padding: 10px 0 10px 0;
   height: 275px;
   float: left;
   width: 310px;
}
#indexColumn1 ul li{
   margin:5px 0 5px 0;
}
#indexColumn1 p{
   font-size: 13px;
}
#indexColumn2{
   padding: 10px 0 10px 0;
   height: 275px;
   float: left;
   width:260px;
}
#indexColumn2 ul li{
   margin:5px 0 5px 0;
}
#indexColumn2 p{
   font-size: 13px;
}
#indexColumn3{
   padding: 10px 0 10px 118px;
   height: 275px;
   float: left;
   width:200px;
}
#indexColumn3 ul li{
   margin:5px 0 5px 0;
}
#indexColumn3 p{
   font-size: 13px;
}
/* portfolio */
#portfolio{
   padding:20px 0 0 0;
}
#portfolio img{
   margin: 0 0 20px 0;
}
.portfolioScreen{
   float: left;
   width:600px;
}
.portfolioScreen img{
   width: 600px;
}
.portfolioDescription{
      text-align: center;
   float:left;
   height: 300px;
   width: 300px;
   text-align: right;
}
/* contact */
#contact{
   position: relative;
   height: 310px;
   background: url(contact.jpg) top left no-repeat;
}
#contact input{
   border:none;
	border-style:none;
}
#contact textarea{
   border:none;
	border-style:none;
}
#message{
	position:absolute;
	top:39px;
	left:188px;
	color:#959393;
	width:334px;
	height:218px;
   background-color: #f8f8f8;
}
#topic{
	position:absolute;
	top:40px;
	left:539px;
	color:#959393;
	width:218px;
	height:30px;
   background-color: #f8f8f8;
}
#name{
	position:absolute;
	top:102px;
	left:539px;
	color:#959393;
	width:218px;
	height:30px;
   background-color: #f8f8f8;
}
#email{
	position:absolute;
	top:165px;
	left:539px;
	color:#959393;
	width:218px;
	height:30px;
   background-color: #f8f8f8;
}
#submit{
	position:absolute;
	top:220px;
	left:600px;
	color:#959393;
	width:100px;
	height:40px;
}
#contactData{
   position: absolute;
   width: 150px;
   height: 190px;
   top:20px;
   left:0px;
   font-size: 12px;
   text-align: left;
}
#popup{
   border: 1px solid #7fff33;
   background-color: #f6f6f6;
   color: #004b1f;
   width: 100%;
   height:18px;
   line-height: 18px;
   font-size: 13px;
   text-align: center;
}

/* defaultContent */
#defaultColumn1{
   width:500px;
   padding: 20px 0 0 0;
}
#defaultColumn1 ul li{
   margin:5px 0 5px 0;
}
#defaultColumn1 h2{
   margin:0 0 10px 0;
}
p.green{
   font-size: 13px;
   color: #87ff40;
}
p a.href{
   color:#dd600c;
}
#webPagesContent{
   background: url(webPages.jpg) bottom right no-repeat;
}
#technologyContent{
   background: url(technology.jpg) bottom right no-repeat;
   height: 300px;
}
#partnersContent{
   background: url(partners.jpg) bottom right no-repeat;
   height: 300px;
}
#applicationsContent{
   background: url(applications.jpg) bottom right no-repeat;
   height: 300px;
}
#shopsContent{
   background: url(shops.jpg) bottom right no-repeat;
   height: 300px;
}
#promotionContent{
   background: url(promotion.jpg) bottom right no-repeat;
   height: 300px;
}
#programming{
   position: absolute;
   top:-35px;
   left: 10px;
   height: 80px;
}
#box1{
   padding:0 0 10px 0;
}
/* allegro Form*/
form#allegro input{
  width:300px;
}
#portfolio .line{
    width: 100%;
    height: 1px;
    background-color: #297aa3;
    margin: 0 0 10px 0;
    
}

/* lang */
#lang{
    position: absolute;
    top: 30px;
    right: 0;
}
#lang img{
    float: left;
    margin: 0 5px 0 0;
    height: 30px;
}