/* general */
body {
	margin:0 79px 0 0;
	background-color:#222222;
	
}

body * {font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;}

* img {
	border:0;
}

div.general {
	position:relative;
	width:100%;
}

/* left */
div.left {
	position:absolute;
	width:319px;
	left:0;
	padding-right:39px;
}
div.center {
	position:relative;
	margin: 0 auto;
	width:1004px;
	z-index:4;
}

div.main {
	position:relative;
	width:100%;
	z-index:3;
}
div.left div.logo {
	margin-top:47px;
	margin-left:71px;
	width:175px;
	position: relative;
}
div.left div.menu {
	padding:33px 0 48px 45px;
	
	margin-top:34px;
	width:146px;
	position: relative;
	text-align:left;
	background: url(/img/levo_menu.gif) top left no-repeat;
}
div.left div.new {
	width:201px;
	margin-top:55px;
	margin-left:79px;
	position: relative;
}
div.left div.new div.news {
	margin-top:18px;
	position:relative;
	text-align:left;
	color:#cdcdcd;	
	font-size:13px;

}
div.left div.new div.news p {
	margin:9px 0 24px 0;
}
div.left div.new div.news a {
	text-decoration:none;
}
span.title {
	background-color:#e3e3e3;
	color:#222;
	padding: 0 3px 0 3px;
}

/* right */
div.right {
	position:relative;
	margin-left:319px;
	min-width:625px;
	width: expression(document.body.clientWidth > 998 ? "100%" : "625px");
	max-width:1004px;
	font-size:13px;
	
}
div.right div.top_line_1 {
	height:15px;
	width:100%;
	position: relative;
	background:url(/img/top_line_1.gif);
}
div.right div.top_line_1 img {
	width:1px;
	height:1px;
}
div.line_first {
	top:0px;
	left:0px;
	width:1px;
	height:58px;
	position: absolute;
	background: url(/img/line.gif) top right no-repeat;
}
div.line1 {
	top:0;
	left:0;
	width:17%;
	padding-top: 41px;
	position:absolute;
	height:58px;
	background: url(/img/line.gif) top right no-repeat;
}
div.line2 {
	top:0;
	left:17%;
	width:15%;
	padding-top: 41px;
	position:absolute;
	height:58px;
	background: url(/img/line.gif) top right no-repeat;
}
div.line3 {
	top:0;
	left:34%;
	width:17%;
	padding-top: 41px;
	position:absolute;
	height:58px;
	background: url(/img/line.gif) top right no-repeat;
}
div.line4 {
	top:0;
	left:51%;
	width:17%;
	padding-top: 41px;
	position:absolute;
	height:58px;
	background: url(/img/line.gif) top right no-repeat;
}
div.line5 {
	top:0;
	left:68%;
	width:17%;
	padding-top: 41px;
	position:absolute;
	height:58px;
	background: url(/img/line.gif) top right no-repeat;
}
div.line6 {
	top:0;
	right:0;
	width:17%;
	padding-top: 41px;
	position:absolute;
	height:58px;
	background: url(/img/line.gif) top right no-repeat;
}
div.banner {
	margin-top:110px;
	width:100%;
	height:180px;
	position:relative;
	/*background:url(/img/045.gif) repeat-x;*/
}

.line3 IMG
{
position:relative;
left:-7%;
}

.line6 IMG
{
position:relative;
left:5%;
}

/****************************************************************/
div.l_banner {
	top:0;
	width:14px;
	height:206px;
	position: absolute;
	left:-14px;
	background:url(/img/l_banner.gif) no-repeat;
}
div.r_banner {
	top:0px;
	width:14px;
	height:206px;
	position: absolute;
	right:-14px;
	background:url(/img/r_banner.gif) no-repeat;
}
div.d_banner {
	left:0;
	top:206px;
	width:100%;
	height:20px;
	position: absolute;
	background:url(/img/d_banner.gif) top repeat-x;
}
/****************************************************************/

div.content {
	margin-top:50px;
	position:relative;
}
div.content h2{
	font-size:0.9em;
	color:#ccc;
	margin:0 0 11px 0;
}
div.content p {
	font-size:0.9em;
	line-height:1.3em;
	color:#a5a5a5;
	margin:0 0 7px 0;
}
div.col1 {
	float: left;
	width: 50%;
}
div.col1 div {
	padding-right: 30px;
}
div.col2 {
	width: 100%;
}


/* graf design */
div.coll_left {
	margin-top:144px;
	position: relative;
}
div.coll_left p {
	font-size:0.9em;
	line-height:1.3em;
	color:#a5a5a5;
	margin:0 0 7px 0;
}
div.coll_left h2 {
	font-size:0.9em;
	color:#ccc;
	margin:0 0 11px 0;
}
div.last_works {
	margin-top:0;
	position: relative;
	padding-bottom:12px;
}
div.all_works {
	top:0;
	right:0;
	position:absolute;
}


/*webdesign*/



/* company */
div.company {
	margin-top:150px;
	position: relative;

}
div.company p, div.personal {
	font-size:0.9em;
	line-height:1.3em;
	color:#a5a5a5;
	margin:0 0 7px 0;
}
div.company h2  {
	font-size:0.9em;
	color:#ccc;
	margin:0 0 11px 0;
}
div.personal {
	margin-top:19px;
}
div.personal div.l {
	position: relative;
	width:50%;
	margin-bottom:23px;
	float:left;
}
div.personal div.r {
	position: relative;
	width:49.99%;
	margin-bottom:23px;
	float:left;
}
div.gena_info {
	top:0;
	position:absolute;
	left:124px;;
}
div.vacancy {
	position:relative;
}
div.vacancy h2  {
	font-size:0.9em;
	color:#a5a5a5;
	margin:0 0 11px 0;
}




/* proek */
div.projects {
	margin-top:150px;
	position: relative;
}
div.projects div.project_info a {
	color:#a5a5a5;
}
div.project {
	position:absolute;
	width:140px;
	top:4px;
	left:-165px;
}
div.project_info {
	position: relative;
	margin-left:165px;
	margin-top:27px;
}
div.project_info p {
	font-size:0.9em;
	line-height:1.3em;
	color:#a5a5a5;
	margin:0 0 7px 0;
}
div.project_info h2  {
	font-size:0.9em;
	color:#ccc;
	margin:0 0 11px 0;
}



/*portfolio*/
div.portfolio {
	margin-top:150px;
	/*position: relative;*/
	padding-right:13px;
	float:left;
}
div.port {
    margin-top:150px;
	position: relative;
	margin-bottom:31px;
	
}
div.port p {
	font-size:11px;
	line-height:1.3em;
	color:#c4c4c4;
	margin:0 0 7px 0;
	
}
div.port a {
	font-size:11px;
	line-height:1.3em;
	color:#c4c4c4;
	margin:0 0 7px 0;
}
/* all portfolio */
div.all_portfolio {
	top:0;
	position:relative;
}
div.all_portfolio a {
	font-size:11px;
	line-height:1.3em;
	color:#c4c4c4;
	margin:0 0 7px 0;
}


/*price*/
div.price {
	margin-top:150px;
	position: relative;
	padding-bottom:80px;
}
div.price p {
	font-size:11px;
	line-height:1.3em;
	color:#a5a5a5;
	margin:0 0 7px 0;
}
form.price {
	font-size:11px;
	color:#a5a5a5;
}







/* contact */
div.contact {
	margin-top:150px;
	position: relative;
	font-size:11px;
	color:#a5a5a5;
}
div.contact h2 {
	font-size:16px;
	color:#ccc;
	margin:0 0 11px 0;
	font-weight:bold;
}
div.contact a {
	font-size:11px;
	color:#a5a5a5;
}
/*novosti*/
div.novosti {
	margin-top:144px;
	position: relative;
}
div.novosti div.news {
	margin-top:30px;
	position:relative;
	text-align:left;
	color:#cdcdcd;	
	font-size:12px;
}
div.novosti div.news a {
	text-decoration:none;
}
div.novosti div.news p {
	margin:9px 0 17px 0;
}
/*
div.novosti div.news a span.title {
	background-color:#e3e3e3;
	color:#222;
	padding: 0 3px 0 3px;
}
*/


/* bottom */
div.podval {
	margin-top:22px;
	width:100%;
	background:url(/img/niz_line.gif) top repeat-x;
	position: relative;
   
	height:123px;
	
	}
div.podval p {
	font-size:0.9em;
	line-height:1.3em;
	color:#a5a5a5;
	margin:32px 0 24px 0;
}

div.podval div.adress {
	width:60%;
	float:left;
	
}

div.podval div.adress a {
	color:#a5a5a5;
}
div.tel {
	width:269px;
	height:72px;
	position:absolute;
	right:0px;
	top:100px;
	
	}
span.style1 {
	color: #646464;
	font-size:0.9em;
}
span.style2 {
	color: #646464;
	font-size: 0.9em;
}
span.style3 {
	padding-top:-1em;
	color:#646464;
	font-size: 0.9em;
}
span.style4 {
	padding-top:-1em;
	color:#a5a5a5;
	font-size: 0.9em;
}

.imghrefs{ 
	float:left;
	cursor:pointer;

	margin-top: 10px;
	/*margin-bottom: 10px;*/
	position: absolute;
	margin-left: 2px;
	margin-right: 2px;
	position:relative;
	
}
.imghrefsitm{ 
	cursor:pointer;
	margin-top: 10px;
	/*margin-bottom: 10px;*/
	position: absolute;
	margin-left: 2px;
	margin-right: 2px;
	position:relative;
	
	
}
.imghrefshadows{ 
	float:left;
	margin-top: 10px;
	/*margin-bottom: 10px;*/
	position: absolute;
	margin-left: 2px;
	margin-right: 2px;
	position:relative;
	background-color: #646464;
}


#imghrefs{ 
     width:467px;	
}


span.workref_itemname{
	cursor:pointer;
	border-bottom: 1px dashed;
	line-height: 16px;
}




/**/
img.pictogram{
	position:absolute;
	width:11px;
	height:11px;
	left:0px;
	top:0px;
}

img.rollingline{
	width:140px;
	height: 85px;
}

div.frames a {
	font-size:11px;
	line-height:1.3em;
	color:#c4c4c4;
	margin:0 0 7px 0;
}

div#images div.images_item{
	position:relative;
	float:left;
	display:inline;
}


a {
	color:#a5a5a5;
}