html,body {
	margin: 0px;
	padding: 0px;

/* Если нужно страницу на 100% по высоте*/
	border: 0;
	height: 100%;

} 

body {
	background-color: #CCCCCC;
}

body, table, td, div, span, p {
	font-family: Tahoma;
	color: #000000;
	font-size: 11px;
	vertical-align:top;
	line-height: 15px;
}

form, h1, h2, h3, h4, h5, input, p {margin: 0px; padding: 0px;}

img {
	border: 0px;
	/*behavior: url("css/png.htc");*/
}

h1 {
	font-family: Arial;
	color: #000000;
	font-size: 16px;
	font-weight: bold;
}

.content a, 
.content a:hover {
	font-family: Tahoma;
	font-size: 11px;
	color: #000000;
	text-decoration: underline;
}

.TextRed,
A.TextRed,
A.TextRed:active,
A.TextRed:hover,
A.TextRed:visited,
A.TextRed:link {
	color: #FF0000;
}

.TextGreen {
	color: #0066CC;
}


TABLE.main {
	min-height: 100%;
	width:100%; 
	height:100%;
	border-collapse: collapse;
}

.left {
	width: 50%;
	height: 100%;
}

.left DIV {
	height: 100%;
	width: 100%; 
	background: url(/i/bg_line.gif) top right;
}

.right {
	width: 50%;
	height: 100%;
}

.right DIV {
	height: 100%;
	width:100%; 
	background: url(/i/bg_line.gif) top left;
}

.center {
	width: 1004px;
	background-color: #FFFFFF;
}

DIV.main {
	width: 1004px;
	height: 100%;
}

DIV.logo_block {
	position: relative;
	left: 74px;
	top: 45px;
	width: 359px;
}

.ico_home {
	position: absolute;
	right:91px;
	top:0px;
	display: block;
}

.ico_mail {
	position: absolute;
	right:64px;
	top:0px;
	display: block;
}

.logo {
	position: absolute;
	left:0px;
	top:14px;
	display: block;
}

.block_submenu {
	position: absolute;
	left:10px;
	top:91px;
	width: 349px;
	height: 83px;
	border-bottom: 5px solid #000000;
	/*background-color: #FF0000;*/
}

.block_menu {
	padding-top:219px;
	width: 26px;
	font-size: 0px;
	line-height: 0px;
}

.block_menu UL {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	list-style-type:none;
	width: 26px;
}

.block_menu UL LI {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 1px 0px;
}

.block_menu UL LI A,
.block_menu UL LI A:hover {
	margin:0px;
	padding:0px;
	/*width: 26px;
	display: block;*/
	font-size: 0px;
	line-height: 0px;
}

TD.footer {
	background-color: #FFFFFF;
	height: 98px;
	vertical-align: bottom;
}

DIV.footer {
	float: right;
	width: 923px;
	height: 98px;
}

DIV.footer SPAN {
	display: block;
	padding: 36px 0px 0px 18px;
	color: #FFFFFF;
	line-height: 15px;
}

.content {
	width: 923px;
	float: right;
	padding-top: 268px;
	padding-bottom: 40px;
	/*background-color: #FF0000;*/
}


/* news */

#r_news * .left {
	background: url(/i/bg_left_news.gif) repeat-y top right;
}

#r_news * .right {
	background: url(/i/bg_right_news.gif) repeat-y top left;
}

#r_news * DIV.main {
	background: url(/i/bg_news.jpg) no-repeat top right;
}

#r_news * DIV.footer {
	background-color: #0066CC;
}

#r_news * h1 {
	display:block;
	height: 55px;
	background: url(/i/zag_news.gif) no-repeat top left;
	font-size: 0px;
	color: #FFFFFF;
}

UL.news {
	margin: 0px 0px 0px 0px;
	padding: 0px 50px 0px 18px;
	list-style-type: none;
}

UL.news LI {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 16px 0px;
}

UL.news LI span {
	color: #0066CC;
	font-size: 11px;
	font-weight: bold;
	padding-top: 5px;
}

UL.news LI h4 {
	font-size: 11px;
	font-weight: normal;
	padding-top: 5px;
}

UL.news LI a.more {
	display: block;
	color: #0066CC;
	font-size: 10px;
	text-decoration: none;
	width: 50px;
}

UL.news LI a.more:hover {
	color: #0066CC;
	font-size: 10px;
	text-decoration: underline;
}


/* news */



/* about */

#r_about * .left {
	background: url(/i/bg_left_about.gif) repeat-y top right;
}

#r_about * .right {
	background: url(/i/bg_right_about.gif) repeat-y top left;
}

#r_about * DIV.main {
	background: url(/i/bg_about.jpg) no-repeat top right;
}

#r_about * DIV.footer {
	background-color: #006600;
}

#r_about * h1 {
	display:block;
	height: 55px;
	background: url(/i/zag_about.gif) no-repeat top left;
	font-size: 0px;
	color: #FFFFFF;
}

#r_about * DIV.text {
	padding: 0px 50px 0px 20px;
}

#r_about * DIV.text, 
#r_about * DIV.text p {
	line-height: 22px;
}

/* about */



/* vacancies */

#r_job * .left {
	background: url(/i/bg_left_vacancies.gif) repeat-y top right;
}

#r_job * .right {
	background: url(/i/bg_right_vacancies.gif) repeat-y top left;
}

#r_job * DIV.main {
	background: url(/i/bg_vacancies.jpg) no-repeat top right;
}

#r_job * DIV.footer {
	background-color: #000099;
}

#r_job * h1 {
	display:block;
	height: 55px;
	background: url(/i/zag_vacancies.gif) no-repeat top left;
	font-size: 0px;
	color: #FFFFFF;
}

UL.job {
	margin: 0px 0px 0px 0px;
	padding: 0px 50px 0px 18px;
	list-style-type: none;
}

UL.job LI {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 16px 0px;
}

UL.job LI h4 {
	font-family: Arial;
	color: #000099;
	font-size: 12px;
	font-weight: bold;
	padding-bottom: 10px;
}

UL.job LI a.more {
	display: block;
	color: #000099;
	font-size: 10px;
	text-decoration: none;
	width: 50px;
}

UL.job LI a.more:hover {
	color: #000099;
	font-size: 10px;
	text-decoration: underline;
}


/* vacancies */



/* contact */

#r_contacts * .left {
	background: url(/i/bg_left_contact.gif) repeat-y top right;
}

#r_contacts * .right {
	background: url(/i/bg_right_contact.gif) repeat-y top left;
}

#r_contacts * DIV.main {
	background: url(/i/bg_contact.jpg) no-repeat top right;
}

#r_contacts * DIV.footer {
	background-color: #990099;
}

#r_contacts * h1 {
	display:block;
	height: 55px;
	background: url(/i/zag_contact.gif) no-repeat top left;
	font-size: 0px;
	color: #FFFFFF;
	width: 307px;
	float:left;
}

#r_contacts * h2 {
	display:block;
	height: 55px;
	background: url(/i/zag_contact2.gif) no-repeat top left;
	font-size: 0px;
	color: #FFFFFF;
	width: 138px;
	float:left;
}

#r_contacts * DIV.text{
	width: 605px;
	padding-left: 19px;
	clear: both;
}

#r_contacts * DIV.text .txt_block {
	width: 292px; 
	float: left;
	line-height: 20px;
}

#r_contacts * DIV.text .txt_block A IMG {
	padding: 40px 40px 0px 0px;
}

/* contact */


/* portfolio */

#r_portfolio * .left {
	background: url(/i/bg_left_portfolio.gif) repeat-y top right;
}

#r_portfolio * .right {
	background: url(/i/bg_right_portfolio.gif) repeat-y top left;
}

#r_portfolio * DIV.main {
	background: url(/i/bg_portfolio.jpg) no-repeat top right;
}

#r_portfolio * DIV.footer {
	background-color: #990000;
}

#r_portfolio * h1 {
	display:block;
	height: 55px;
	background: url(/i/zag_portfolio.gif) no-repeat top left;
	font-size: 0px;
	color: #FFFFFF;
	line-height: 0px;
}

#r_portfolio * h3.parent {
	display:block;
	height: 40px;
	background: url(/i/z_parents.gif) no-repeat top left;
	font-size: 0px;
	color: #FFFFFF;
	line-height: 0px;
	margin-left: -2px;
}

#r_portfolio * h3.day {
	display:block;
	height: 30px;
	background: url(/i/z_birthday.gif) no-repeat top left;
	font-size: 0px;
	color: #FFFFFF;
	margin-top: 27px;
	line-height: 0px;
	margin-left: -2px;
}

#r_portfolio * h3.ideas {
	display:block;
	height: 15px;
	background: url(/i/z_ideas.gif) no-repeat top left;
	font-size: 0px;
	color: #FFFFFF;
	padding-bottom:16px;
	line-height: 0px;
}

#r_portfolio * h3.allwork {
	display:block;
	height: 17px;
	background: url(/i/z_allwork.gif) no-repeat top left;
	font-size: 0px;
	color: #FFFFFF;
	padding-bottom:10px;
	line-height: 0px;
	margin-top: 14px;
}

#r_portfolio * DIV.text {
	padding: 0px 0px 0px 20px;
}

#r_portfolio * DIV.text, 
#r_portfolio * DIV.text p {
	line-height: 22px;
}

#r_portfolio * a.url {
	display: block;
	float: left;
	/*width: 300px;*/
	padding: 5px 0px 9px 0px;
}

#r_portfolio * .description {
	line-height: 20px;
	padding-bottom: 27px;
	clear: left;
}

#r_portfolio * DIV.parent {
	float: left; 
	width:200px;
}

#r_portfolio * DIV.all {
	clear: both;
}

#r_portfolio * IMG.foto {
	margin-right: 44px; 
	float:left;
	padding-bottom: 17px;
}

#r_portfolio * DIV.foto_desc {
	margin-right: 44px; 
	float:left;
	padding-bottom: 17px;
}

#r_portfolio * DIV.ideas {
	clear: both;
	padding-top: 10px;
}

#r_portfolio * DIV.ideas DIV {
	line-height: 20px;
	padding-left: 2px;
}

#r_portfolio * a.allwork {
	display: block;
	width: 75px;
	text-decoration: none;
	margin-top: 29px;
	color: #990000;
}

#r_portfolio * DIV.works {
	line-height: 26px;
	padding-left:2px;
}

#r_portfolio * DIV.works A {
	text-decoration: none;
}

#r_portfolio * DIV.works A:hover {
	color: #990000;
}
	


/* portfolio */


/* index */

#r_index * .left {
	background: url(/i/bg_left_index.gif) repeat-y top right;
}

#r_index * .right {
	background: url(/i/bg_right_index.gif) repeat-y top left;
}

#r_index * DIV.main {
	background: url(/i/bg_index.jpg) no-repeat top right;
}

#r_index * DIV.footer {
	background-color: #006600;
}

#r_index * h3.news {
	display:block;
	height: 55px;
	background: url(/i/zag_news.gif) no-repeat top left;
	font-size: 0px;
	color: #FFFFFF;
	width: 350px;
}

#r_index * h3.vacancies {
	display:block;
	height: 55px;
	background: url(/i/zag_vacancies.gif) no-repeat top left;
	font-size: 0px;
	color: #FFFFFF;
	width: 350px;
}



#r_index * DIV.all_block {
	width: 916px;
	float: right;
	padding-top: 268px;
	padding-bottom: 40px;
}

#r_index * DIV.text {
	width: 350px;
	line-height: 16px;
	padding-bottom: 28px;
}

#r_index * DIV.text a {
	color: #000000;
	text-decoration:none;
}

#r_index * DIV.text a:hover {

	text-decoration:underline;
}

.gr1 {
	float: left;
	width: 350px;
	padding-right:22px;
}

.gr2 {
	float: left;
	width: 500px;
}

#r_index * h3.delo {
	display:block;
	height: 55px;
	width: 172px;
	background: url(/i/zag_delo.gif) no-repeat top left;
	font-size: 0px;
	color: #FFFFFF;
	margin-left: 15px;
}

#r_index * .lw_zag {
	padding-left:15px;
}

#r_index * .lw_foto {
	float: left; 
	width: 308px; 
	font-size: 0px; 
	line-height: 0px;
}
#r_index * .lw_descr {
	float: right; 
	width: 176px; 
	line-height:18px;
}

#r_index * .line {
	float: right; 
	width:485px; 
	font-size: 0px; 
	line-height: 0px; 
	height: 5px; 
	background-color:#CCCCCC;
	margin-top: 5px;
}
/* index */



/* err404 */

#r_err404 * .left {
	background: url(/i/bg_left_index.gif) repeat-y top right;
}

#r_err404 * .right {
	background: url(/i/bg_right_index.gif) repeat-y top left;
}

#r_err404 * DIV.main {
	background: url(/i/bg_err404.jpg) no-repeat top right;
}

#r_err404 * DIV.footer {
	background-color: #333333;
}

#r_err404 * h1 {
	display:block;
	height: 55px;
	background: url(/i/zag_err404.gif) no-repeat top left;
	font-size: 0px;
	color: #FFFFFF;
}

#r_err404 * DIV.text, 
#r_err404 * DIV.text p {
	line-height: 22px;
}

/* err404 */



/* under */

#r_under * .left {
	background: url(/i/bg_left_index.gif) repeat-y top right;
}

#r_under * .right {
	background: url(/i/bg_right_index.gif) repeat-y top left;
}

#r_under * DIV.main {
	background: url(/i/bg_under.jpg) no-repeat top right;
}

#r_under * DIV.footer {
	background-color: #333333;
}

#r_under * h1 {
	display:block;
	height: 55px;
	background: url(/i/zag_under.gif) no-repeat top left;
	font-size: 0px;
	color: #FFFFFF;
}

#r_under * DIV.text, 
#r_under * DIV.text p {
	line-height: 22px;
}

/* under */