/* topsoft css by eugenius */

#page {
/*	min-width: 640px; */
/*	max-width: 940px;*/
/*	margin: 0 auto;
*/}

body {
  	background: #fff url(../i/bg-body.gif) 0 0 repeat-x;
  	color: #333;
  	margin:0;
  	padding:0;
  	font: 62.5%/1.3 "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 0.8em;
/* 	line-height:1.4em; */
/* 	letter-spacing: 0.06em; */
}
html, body {
  height:100%;
  }

img {
	border: 0
}



h1 {
	font: 62.5%/1.3  Arial, Helvetica, sans-serif;
	font-size: 90px;
	font-style: italic;
	color: #666666;
	height:104px;
	width:300px;
	overflow:hidden;
	position:relative;
	margin:30px auto;
}
h1 img {
	z-index:1;
	position:absolute;
	top:0;
	left:0;
}



.teaser {
	min-height: 120px;
	width: 338px;
	padding:0 0 25px 0;
 	margin:0 auto;
	background:url("../img/main_frame.png") bottom left no-repeat;
}
.teaser h3 {
	margin:0;
	padding:15px 0px 5px 5px;
	background:url("../img/main_frame.png") top left no-repeat;
}
.teaser p {
	font-size: 0.9em;
	margin:0;
	padding:0px 0px 20px 0px;
	border:1px solid #999999;
	border-width:0 4px;
	background:#fff;
	color: #666666;
}


.arrow_ballon {
	padding:0 0 0 0;
 	margin:-5px 0 0 0;
}
.thumbs {
 	padding:10px 0 10px 0;
 	margin:0 auto;
}


#our_works_wrap {
	width:500px;
}
#our_works_left {
	font: 62.5%/1.3  Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	width: 170px;
	text-align: right;
	float:left;
}
#our_works_right {
	font: 62.5%/1.3  Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	width: 320px;
	text-align: left;
	float:right;
}

#submit_bottom_wrap {
	width:500px;
    padding-top: 20px;
}
#submit_bottom_left {
	width: 260px;
	text-align: right;
	float:left;
    padding-right: 0px;
}
#submit_bottom_right {
	font: 62.5%/1.3  Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	width: 230px;
	text-align: left;
	float:right;
}





a {
  	color: #333333;
  	background: transparent;
  	text-decoration: underline;
}
a:hover{
  	color: #FF0000;
  	background: transparent;
  	text-decoration: underline;
}



.link_tech a {
    font-size: 0.9em;
	color: #FF0000;
}
.link_tech a:hover {
	color: #FF0000;
	text-decoration: none;
}

.link_about a {
    font-size: 0.9em;
	color: #FF9900;
}
.link_about a:hover {
	color: #FF9900;
	text-decoration: none;
}

.link_proj a {
    font-size: 0.9em;
	color: #009900;
}
.link_proj a:hover {
	color: #009900;
	text-decoration: none;
}

.link_submit a {
    font: 62.5%/1.3 "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: 0.9em;
	color: #3366CC;
}
.link_submit a:hover {
	color: #3366CC;
	text-decoration: none;
}



/*red*/
.ballonImg {
  margin: auto;
  padding: 15px 0 0 15px;
  border: solid 1px black;
  float: left; /* Состыковка с соседним слоем */
}

.ballonText{
  display:inline;
  margin: 0 0 0 0;
  padding: 15px 0 0 15px;
  border: solid 1px black;
  vertical-align: top;
  float: left; /* Состыковка с соседним слоем */
}

.ballonDetails{
  vertical-align: bottom;
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  position: relative; top: -20px;
}

/*
    company.htm
*/

.yellow_frame {
	min-height: 120px;
	width: 440px;
	padding:0 0 25px 0;
 	margin:0 auto;
	background:url("../img/yellow_frame.png") bottom left no-repeat;
	height: auto;

}

.yellow_frame p {
	font-size: 0.8em;
	margin:0;
	padding:0px 35px 20px 84px;
	border:1px solid #FFCC00;
	border-width:0 4px;
	background:#fff;
	color: #333333;
}

.yellow_frame img{
	margin:5px 0px 0px 20px;
}


.yellow_header{
  	font: 62.5%/1.3 "Trebuchet MS", Arial, Helvetica, sans-serif;
    width: 440px;
    font-weight:bold;
	font-size: 2.2em;
    color: #FF9900;
    text-align: left;
/*    margin: 0  0  0 45px;
*/    padding-left: 45px;
    /*height:60px;*/
}
.yellow_header img{
    margin: 10px  0  10px 0px;
}


.yellow_slogan{
  font-weight: bold;
  display:block;
  margin: 4px 0px 0px 0px;
}


.yellow_text{
  color: #FF9900;
}

.link_yellow a {
    font-size: 0.9em;
	color: #FF9900;
}
.link_yellow a:hover {
	color: #FF9900;
	text-decoration: none;
}

.side_text_right{
	font-size: 0.8em;
	padding:0 0 0 0;
	background:#fff;
	color: #333333;
    text-align: left;
}
.side_text_left{
	font-size: 0.8em;
	padding:0 0 0 0;
	background:#fff;
	color: #333333;
    text-align: left;
    float: right;
}



.yellow_top{
	margin:0;
	padding: 15px 0px 5px 5px;
	background:url("../img/yellow_frame.png") top left no-repeat;
}



/*
    technologies.htm
*/

.red_frame {
	min-height: 120px;
	width: 440px;
	padding:0 0 25px 0;
 	margin:0 auto;
	background:url("../img/red_frame.png") bottom left no-repeat;
    height: auto;

}


.red_frame table{
	font-size: 0.8em;
	margin:0;
	color: #333333;
	background:#fff;
}


.red_header{
  	font: 62.5%/1.3 "Trebuchet MS", Arial, Helvetica, sans-serif;
    width: 440px;
    font-weight:bold;
	font-size: 2.2em;
    color: #FF3333;
    text-align: left;
    padding-left: 45px;
}

.red_header img{
    margin: 10px  0  10px 0px;
}

.red_slogan{
  font-weight: bold;
  display:block;
  margin: 4px 0px 0px 0px;
}

.red_text{
  color: #FF0000;
}

.link_red a {
    font-size: 0.9em;
	color: #FF0000;
}

.link_red a:hover {
	color: #FF0000;
	text-decoration: none;
}


.red_top{
	margin:0;
	padding: 15px 0px 5px 5px;
	background:url("../img/red_frame.png") top left no-repeat;
}

.red_container{
    border:1px solid #FF3333;
	border-width:0 4px;
    background:#fff;
    margin: 0;
    padding: 0;
}

.img_td{
  vertical-align:top;
  padding: 0 5px 5px 20px;
}
.text_td{
  /*font-size: 1em;*/
  padding:0 5px 0 5px;
  padding-left: 10px;
}

.outter_column_text{
    width: 370px;
	font-size: 0.8em;
	padding:0px 0px 0px 0px;
	background:#fff;
	color: #333333;
    text-align: left;
    padding-left: 60px;
    vertical-align: middle;
}

/* submit.htm */

.blue_frame {
	min-height: 120px;
	width: 440px;
	padding:0 0 25px 0;
 	margin:0 auto;
	background:url("../img/blue_frame.png") bottom left no-repeat;
    height: auto;

}


.blue_frame table{
	font-size: 0.8em;
	margin:0;
	color: #666666;
	background:#fff;
}

.blue_header{
  	font: 62.5%/1.3 "Trebuchet MS", Arial, Helvetica, sans-serif;
    width: 440px;
    font-weight:bold;
	font-size: 2.2em;
    color: #3872B1;
    text-align: left;
    padding-left: 45px;
}

.blue_header img{
    margin: 10px  0  10px 0px;
}

.blue_slogan{
  font-weight: bold;
  display:block;
  margin: 4px 0px 0px 0px;
}


.link_blue a {
    font-size: 0.9em;
	color: #3366CC;
}

.link_blue a:hover {
	color: #3366CC;
	text-decoration: none;
}


.blue_top{
	margin:0;
	padding: 15px 0px 5px 5px;
	background:url("../img/blue_frame.png") top left no-repeat;
}

.blue_container{
    border:1px solid #3399CC;
	border-width:0 4px;
    background:#fff;
    margin: 0;
    padding: 0;
}
.blue_text{
    color: #3872B1;
}
.blue_outter_column_text{
    width: 220px;
	font-size: 0.8em;
	padding:0px 0px 0px 0px;
	background:#fff;
	color: #333333;
    text-align: left;
}


.select{
  width: 85%;
}

.input{
  width: 85%;
}

.text_area{
  width: 85%;
}

.button{
  margin-left: 105px;
  margin-top: 20px;
}

.submit_or_text{
	font-size: 1.9em;
}


.blue_text_td{
  padding:10px 5px 0 5px;
  padding-left: 10px;
}



/* projects.htm */

.green_text{
    color: #009900;
}

.green_frame {
	min-height: 120px;
	width: 440px;
	padding:0 0 25px 0;
 	margin:0 auto;
	background:url("../img/green_frame.png") bottom left no-repeat;
    height: auto;

}


.green_frame table{
	font-size: 0.8em;
	margin:0;
	color: #333333;
	background:#fff;
}


.green_header{
  	font: 62.5%/1.3 "Trebuchet MS", Arial, Helvetica, sans-serif;
    width: 400px;
    font-weight:bold;
	font-size: 2.2em;
    color: #009900;
    text-align: left;
    padding-left: 5px;

}

.green_header img{
    margin: 10px  0  5px 0px;
}

.green_top{
	margin:0;
	padding: 15px 0px 5px 5px;
	background:url("../img/green_frame.png") top left no-repeat;
}

.green_container{
    border:1px solid #00CC00;
	border-width:0 4px;
    background:#fff;
    margin: 0;
    padding: 0;

}




.green_side_frame {
	min-height: 20px;
	width: 140px;
	padding:0 0 10px 0px;
 	margin:0 auto;
	background:url("../img/green_side_frame.png") bottom left no-repeat;
    height: auto;
    font-size: 0.75em;
    font-weight: bold;
    text-align: left;

}

.green_side_top{
	margin-top: 5px;
	padding: 5px 0px 5px 5px;
	background:url("../img/green_side_frame.png") top left no-repeat;
    text-align: left;


}

.green_side_container{
    border:1px solid #00CC00;
	border-width:0 10px;
    color: #ffffff;
    background:#00CC00;
    text-align: left;

}

.green_side_container a {
    font-size: 1em;
    font-weight: bold;
	color: #009900;
    text-decoration: underline;
}

.green_side_container a:hover {
	color: #009900;
	text-decoration: none;
/*    color: #ffffff;
    background:#00CC00;*/
}


.green_side_frame2 {
	min-height: 20px;
	width: 140px;
	padding:0 0 14px 0px;
 	margin:0 auto;
	background:url("../img/green_side_frame2.png") bottom left no-repeat;
    height: auto;
    font-size: 0.75em;
    font-weight: bold;

}

.green_side_top2{
    margin-top: 5px;
	padding: 8px 0px 5px 5px;
	background:url("../img/green_side_frame2.png") top left no-repeat;
}

.green_side_container2{
    border:2px solid #00cc00;
	border-width:0 2px 0 0;
    color: #009900;
    background:#ffffff;
    margin: 0px 0px 0 0px;
    padding: 0 10;
}

.green_side_container2 a {
    font-size: 1em;
    font-weight: bold;
	color: #009900;
    text-decoration: underline;
}

.green_side_container2 a:hover {
	color: #009900;
	text-decoration: none;
/*    color: #ffffff;
    background:#00CC00;*/
}







/* portfolio */

.grey_frame {
	min-height: 120px;
	width: 440px;
	padding:0 0 25px 0;
 	margin:0 auto;
	background:url("../img/grey_frame.png") bottom left no-repeat;
    height: auto;

}


.grey_frame table{
	font-size: 0.8em;
	margin:0;
	color: #333333;
	background:#fff;
}


.grey_header{
  	font: 62.5%/1.3 "Trebuchet MS", Arial, Helvetica, sans-serif;
    width: 440px;
    font-weight:bold;
	font-size: 2.2em;
    color: #666666;
    text-align: left;
    padding-left: 45px;
}

.grey_header img{
    margin: 10px  0  5px 0px;
}

.grey_top{
	margin:0;
	padding: 15px 0px 5px 5px;
	background:url("../img/grey_frame.png") top left no-repeat;
}

.grey_container{
    border:1px solid #999999;
	border-width:0 4px;
    background:#fff;
    margin: 0;
    padding: 0;
    min-height: 375px;
    height:auto !important;
    height: 375px;
}

.link_grey a {
    font-size: 0.9em;
	color: #666666;
}

.link_grey a:hover {
	color: #666666;
	text-decoration: none;
}



.portfolio_title{
    font-size: 1.3em;
    font-weight: bold;
    /*color: #666666;*/
    /*display:block;*/
    /*margin: 0px 0px 0px 0px;*/
}
.portfolio_text{
    font-size: 0.9em;
    padding: 0px 30px 0px 40px;
}


.portfolio_nmed{
    font-size: 1.2em;
    font-weight: normal;
    font-style: italic;
    /*color: #666666;*/
    /*display:block;*/
    /*margin: 0px 0px 0px 0px;*/

}


.side_link_left{
    text-align: left;
    float: right;
}
.side_link_right{
    text-align: right;
    float: left;
}

form{
    padding: 0;
    margin: 0;
}