/* CSS Document */

IMG{
border:0;
}

BODY {
font-family:Tahoma;
}


/*   ----Menu Tabs            ------------------------  M |    */
.tab1{
position:absolute;
top:200px;
left:13%;
z-index:5;
}
/*                                                     E|    */
.tab2{
position:absolute;
top:200px;
left:26%;
z-index:5;
}
/*                                                     N|    */
.tab3{
position:absolute;
top:200px;
left:59.5%;
z-index:5;
}
/*                                                     U|    */
.tab4{
position:absolute;
top:200px;
left:73%;
z-index:5;
}
/* -----------------------------------------------------  |    */


#flash { /* флешка */
width:70%;
position:relative;
left:15%;
}

#index_txt { /* текст про ініціал на головній */
position:relative;
width: 30%;
left: 15%;
}

#about { /* текст про ініціал "про нас" */
position:relative;
width: 40%;
left: 15%;
}

#map{
position:relative;
z-index:2;
left:15%;
}

#menu { /* менюшка */
list-style: none;
padding: 0;
margin: 0;
width:100%;
height: 100px;
background:url(img/m_bg.gif) repeat-x;
}

#menu span{ /* спан, хулі не ясно? */
display:none;
position:absolute;
}

#menu a{
display:block;
text-indent:-900%;
position:absolute;
outline:none;
}

#menu a:hover{
background-position: left bottom;
}













/* classes */
/*  Внизу класи менюшки------------------------------------ */
#menu .about{
width: 100px;
height: 26px;
background:url(img/menu/about.png) no-repeat;
left: 15%;
top: 230px;
}

#menu .portfolio{
width: 80px;
height: 26px;
background:url(img/menu/portfolio.png) no-repeat;
left: 28%;
top: 230px;
}

#menu .wideprint{
width: 130px;
height: 26px;
background:url(img/menu/wideprint.png) no-repeat;
left: 43%;
top: 230px;
}

#menu .benefits{
width: 100px;
height: 26px;
background:url(img/menu/benefits.png) no-repeat;
left: 62%;
top: 230px;
}

#menu .contacts{
width: 100px;
height: 26px;
background:url(img/menu/contacts.png) no-repeat;
left: 75%;
top: 230px;
}

/*-вверху класи менюшки----------------------------------------/
/*----------------------------------------------------------- */





#footer { /* нижний блок */
list-style:none;
background:url(img/m_bg.gif) repeat-x;
width: 100%;
height: 100px;
padding-top:20px;
}

#break { /* делает отступ внизу */
height:100px;
padding-left:15%;
}

#r_p_block { /* правый блок портфолио */
position:absolute;
left:15%;
width:30%;
z-index:1;
}

#l_p_block { /* левый блок портфолио */
position:relative;
left:50%;
width:30%;
z-index:2;
}


/*текстик*/
A {
color:#333333;
font-size:12px;
}

.copy{
font-size:11px;
}

.date{
color:#CCCCCC;
font-size:10px;
line-height:20px;
position:relative;
top:5px;
left:5px;
}

.logo{
position:relative;
top: -50px;
}

.link{
font-size:12px;
color:#666666;
position:relative;
left:10px;
}

.link:hover{
color:#d50000;
}
.link:vizited{
color:#993366;
}



.bold_1{
color:#000000;
font-weight:bold;

}

.red {
color:#FF0000;
font-weight:bold;
}

.header{
font-size:18px;
color:#000000;
}

.header_red{
font-size:18px;
color:#FF0000;
}




/* Спеціально для широкоформатки*/
.header_blue{
font-size:16px;
color:#0099FF;
}

.blue {
color:#0099FF;
font-weight:bold;
}

.wp{
height:265px;
width:420px;
background:url(img/wideprint.png);
background-repeat:no-repeat;
position:absolute;
top:0;
left:50%;
z-index:0;
}

.list_box{
color:#333333;
font-size:12px;
}


/* Старый CSS ----------------------------------------0----------------00000-0---------------------------------
-----------------------------------------------------000----------------000-000--------------------------------
------будем потихоньку-избавляццо-------------------00000----------------0-00000------------------------------- */



/*A {
	color : #626262;
	}
A:vizited {
	color : #7B7B7B;
	}

A:hover {
	color : #d50000;
}

.main {
	color : Black;
	font-size : 75%;
	margin-left : 20px;
	margin-right : 20px;
	margin-top: 20px;
	margin-bottom: 20px;
}
.main_link {
	color : Black;
	font-size : 75%;
	margin-left : 20px;
	margin-right : 20px;
	margin-top: 20px;
}
.main_bold {
	color : #4b4b4b;
	font-size : 75%;
	margin-left : 20px;
	margin-right : 20px;
	margin-top: 20px;
	margin-bottom: 20px;
	font-weight : bold;
}
.main_bold_red {
	color : red;
	font-size : 75%;
	margin-left : 20px;
	margin-right : 20px;
	margin-top: 20px;
	margin-bottom: 20px;
	font-weight : bold;
}

.main_big {
	color : #4b4b4b;
	font-size : 150%;
	margin-left : 10px;
	margin-right : 20px;
	margin-top: 20px;
	margin-bottom: 20px;
	font: bold;
}
.main_mid {
	color : #4b4b4b;
	font-size : 150%;
	margin-left : 10px;
	margin-right : 20px;
	margin-top: 20px;
	margin-bottom: 20px;
}
.main_zag {
	color : #4b4b4b;
	font-size : 220%;
	margin-left : 20px;
	margin-right : 20px;
	margin-top: 20px;
}
.main_date {
	color : #4b4b4b;
	margin-left : 20px;
	margin-right : 20px;
	margin-top: 20px;
	margin-bottom: 20px;
}





.main_italic  {
	color : White;
	font-size : 75%;
	margin-left : 10px;
	margin-right : 20px;
	font-style : italic;
}

.pidpys {
	color : White;
	font-size : 75%;
	margin-left : 10px;
	margin-right : 20px;
	font-style : italic;
	text-align : right;
}
.pidpys_bold {
	color : black;
	font-size : 75%;
	margin-left : 10px;
	margin-right : 20px;
	font-style : italic;
	text-align : right;
	font-weight : bold;
}
.copy {
	font-size : 8pt;
	color : black;
	margin-left : 10px;
	text-align : inherit;
}*/