html{
	text-align:center;
	height:100%;
	}

body {
	min-height:100%;
	height:auto; 
    position:relative;
	color:#666;
	text-align:left;
	font:normal 14px "Trebuchet MS", Arial, Helvetica, sans-serif;
	line-height:120%;
  	}
	
/********************************************/	
/*  TAGS  ***********************************/	
*{
	margin:0;
	padding:0;
	}
		
img {
	border:none;
	}
	
p {
	padding:7px 0;
	}
a {
	color:#BE1010;
	text-decoration:none;
	outline:none;
	}
	a:hover {
		text-decoration:none;
		}
	
ul,ol {
	padding:5px 5px 5px 10px;
	}
	 li {
	 	margin:0 0 0 10px;
		padding:3px 0;
		}
h1 {
	font-size:18px;
	font-weight:normal;	
	color:#BE1010;
	padding:15px 0 10px 0;
	clear:both;
	}
	
h2 {
	font-size:16px;
	font-weight:normal;	
	color:#BE1010;
	padding:10px 0 5px 0;	
	clear:both;
	}
	
h3 {
	font-size:14px;
	font-weight:normal;	
	color:#BE1010;
	padding:10px 0 5px 0;
	clear:both;
	}
	
h4 {
	font-size:13px;
	font-weight:normal;	
	color:#BE1010;
	padding:5px 0 2px 0;
	clear:both;
	}
h5 {
	font-size:12px;
	font-weight:bold;
	padding:5px 0 2px 0;
	clear:both;
	}
	
table {
	border-collapse:collapse;
	vertical-align:top;
	margin:5px;
	}
	td {
		padding:2px 4px;
		margin:0;
		border:none;
		}
	blockquote {
		font-size:15px;
		color:#BE1010;
		width:213px;		
		}
		.blockquote-body {
			background:url(i/blockquote-body-bg.gif) repeat-y top left;
			padding:0 20px 10px 25px;
			}
		.blockquote-header {	
			height:30px;
			background:url(i/blockquote-header-bg.gif) no-repeat top left;
			}
		.blockquote-footer {	
			height:30px;
			background:url(i/blockquote-footer-bg.gif) no-repeat top right;
			}
/***********************************************************/
/** FORMAT CLASES **********************************************************/
.news-article{
	clear:both;
	margin-bottom:20px;
	padding-left:10px;
	}
	.news-article h2 {
		padding-bottom:5px;
		margin-left:-10px;
		}
	.news-article h3 {
		padding:5px 0 0 0;
		}

.instruction {
	margin-top:25px;
	padding-left:10px;
	} 
	.instruction h3 {
		margin-left:-10px;
		}
	.instruction h5 {
		margin-left:-10px;
		color:#999;
		font-weight:bold;
		}
		
/******/
span.color-defenition {
	display:block;
	font-size:14px;
	font-weight:bold;
	}
	.red { color:#FF0000;}
	.orange { color:#FFCC00;}
	.yellow { color:#FFFF33;}
	.green { color:#66FF33;}
	.blue { color:#0099FF;}
	.fiolet { color:#CC00FF;}
	.black { color:#000000;}
	.white { color:#FFFFFF;}
	.grey { color:#999999;}
	.brown { color:#993300;}
.color-scheme {
	clear:both;
	padding:20px 0 20px 280px;
	}
.color-scheme-ilustration {
	float:left;
	margin:10px 0 20px -280px;
	border: #666 solid 1px;
	padding:5px;
	}
	.color-scheme-ilustration p {
		padding:0 0 2px 0;
		}
		
/** DOCS DOWNLOAD BG  ******************/		
.pdfLink { padding-right: 19px; background: url(i/pdf.gif) no-repeat 100% .5em; }
.docLink { padding-right: 19px; background: url(i/doc.gif) no-repeat 100% .5em; }
.zipLink { padding-right: 17px; background: url(i/zip.gif) no-repeat 100% .5em; }
/************************************************************/
/************************************************************/
/*  MAIN, CONTAINER  *****************************************/

#container {	
	position:relative;
	z-index:2;
	width:100%;
	background:#FEF8E9 url(i/header-bg.gif) repeat-x top left;
	}
	
#main {
	position:relative;
	width:960px;
	padding-bottom:250px;
	margin:0 auto;
	z-index:3;
	}
/**  DECORS  *****************************************/
#main-decor-1 {
	width:50px;
	height:150px;
	position:absolute;
	right:200px;
	top:260px;
	background:url(i/main-decor-1.gif) no-repeat top left;
	z-index:1;
	}
#main-decor-2 {
	width:104px;
	height:75px;
	position:absolute;
	right:50px;
	top:430px;
	background:url(i/main-decor-2.gif) no-repeat top left;
	z-index:1;
	}
#main-decor-3 {
	width:265px;
	height:200px;
	position:absolute;
	top:175px;	
	background:url(i/main-decor-3.gif) no-repeat top left;
	z-index:1;
	}
	.t-about {
		left:380px;	
		} 
	.t-contacts {
		left:520px;
		}
	.t-catalogue, .t-ground, .t-external, .t-internal, .t-studio_finishes, .t-lacquer {	
		left:664px;
		}
#main-decor-4 {
	width:100px;
	height:100px;
	position:absolute;
	right:350px;
	top:400px;
	background:url(i/main-decor-4.gif) no-repeat top left;
	z-index:1;
	}
/*****************************************************/		
/*  HEADER  ******************************************/
#header {
	height:175px;
	background:url(i/header-bg.gif) repeat-x top left;
	}
	#paint-bucket {
		float:right;
		margin-top:33px;			
		}
	#logo {	
		position:absolute;
		top:50px;
		}
		#logo a {

			}
	

/************************************************************/
/*  TOP NAVIGATION  ****************************************/
#nav {
		width:550px;
		height:41px;
		margin:-41px 0 0 0;
		float:right;
		overflow:hidden;		
		}
	#nav ul {
		display:inline;
		list-style-type:none;
		margin:0px;
		padding:0px;
			}
	#nav li {
			float:left;
			text-align:center;
			list-style:none;
			margin:0;
			padding:0;
			}
			
		#nav li a{
			display:block;
			height:41px;
			line-height:230%;
			color:#666;
			font-size:16px;
			text-decoration:none;
			padding-top:3px;
			}
			#nav li a:hover {
				color:#EB1B1B;
				}				
			#nav li.about a {
				width:139px;
				padding-right:27px;
				background:transparent url(i/nav-left.gif) no-repeat top left;
				}
				#nav li.about a.active {
				background:transparent url(i/nav-left.gif) no-repeat;
				background-position:-166px 0;	
				position:relative;
				z-index:0;
				color:#EB1B1B;		
				}
			#nav li.contacts a {
				width:151px;
				margin:0 -20px;
				background:transparent url(i/nav-middle.gif) no-repeat top left;
				}
				#nav li.contacts a.active{
				background:transparent url(i/nav-middle.gif) no-repeat;
				background-position:-146px 0;
				position:relative;
				z-index:0;
				color:#EB1B1B;				
				}
			#nav li.catalogue a {
				width:139px;
				padding-left:27px;
				background:transparent url(i/nav-right.gif) no-repeat top right;
				background-position:-166px 0;
				}
				#nav li.catalogue a.active {
				background:transparent url(i/nav-right.gif) no-repeat;
				background-position:0 0;	
				position:relative;
				z-index:0;
				color:#EB1B1B;		
				}




/***********/
/*  LEFT  ****************************************/

#left-content {
	float:left;
	width:705px;
	padding:0 15px 30px 0;
	margin-top:25px;
	position:relative;
	z-index:2;
	}
	
/*  3 COLLS  ON MAIN PAGE (BOTTOM)*************************************************/
	#colls {
		margin-top:25px;
		
		}	
	#colls div{
		width:211px;
		float:left;
		color:#666;
		min-height:260px;
		height:auto;
		position:relative;
		font-size:12px;			
		line-height:120%;
		padding:0 5px 20px 18px;
		background: url(i/col-line.gif) no-repeat top right;
		}
		#colls div.no-border {
			background:none;
			}	
		#colls div a.read-more {
			position:absolute;
			bottom:-20px;
			}

#colls div p {
	padding:15px 0 5px 0;
	margin-right:12px;
	}
#colls h2 {
	padding-bottom:15px;
	font-weight:bold;
	}
#colls h2 a {
	font-size:14px;
	}
	#colls h2 a:hover {
		text-decoration:none;
		}

#left-content div.paint {
	margin-bottom:20px;
	padding-bottom:30px;
	}
#left-content div.paint img {
	display:block;
	position:absolute;
	left:0;
	}
#left-content div.paint div {
	position:relative;
	float:left;
	margin:0 0 0 140px;
	width:530px;
	}
	#left-content div.paint div h3 {
		display:block;
		/*width:530px;*/
		border-bottom:solid 1px #FCEECF;
		}
#paints_cat ul {
	display:inline;
	padding:10px 0 5px 5px;
	margin:0 0 20px 0;
	border-bottom:solid 1px #FCEECF;
	}
#paints_cat ul li {
	display:inline;
	padding:0 10px 0 10px;
	margin:0;
	list-style-type:dots;
	}
#paints_cat ul li a {
	font-size:12px;
	}
div#gallery {
	background:#FBE7BD;
	border:solid 10px #FBE7BD;
	// border:none;
	}
div#gallery object {
	border:solid 10px #FBE7BD;
	}
/********************************************************/
/*  RIGHT  **********************************************/					

#right-content {
    width:232px;
	float:left;
	margin:25px 0 0 0;
	position:relative;
	z-index:2;
	}
/*  NEWS  ******************************/
 #news-list {
 	margin-bottom:10px;
		}	
		#news-list dt {		 
			height:60px;
			width:50px;			
			margin-top:20px;
			margin-bottom:-64px;
			background:url(i/news-date-bg.gif) no-repeat top left;
			text-align:center;
			font:normal 12px Georgia, "Times New Roman", Times, serif;	
			}
			#news-list dt span {
				display:block;
				}
				#news-list .mounth {
					padding-top:2px;
					color:#fff;
					}
				#news-list .day {
					font-size:20px;
					font-weight:bold;
					color:#666;
					}
				#news-list .year {
					color:#666;
					}
			#news-list dd {	
				margin:0 0 0 65px;
				}		
				#news-list dd h2 {
					clear:none;
					padding:0;				
					font-size:13px;
					font-weight:normal;
					}
					#news-list dd h2 a {
						text-decoration:none;
						}
				.brief {
					font:normal 11px Verdana, Arial, Helvetica, sans-serif			;
					color:#999;
					}
					
/**  READ MORE  **************************************/
#right-content a.read-more {
	float:right;
	}
a.read-more {
	font-size:14px;
	font-weight:bold;
	padding-right:15px;
	display:block;
	background:url(i/arrow.gif) no-repeat bottom right;
	}
	a.read-more:hover {
		text-decoration:none;
		}

/*  .CLEAR .LEFT .RIGHT  ******************************/		
.clear {
	width:100%;
	height:1px;
	clear:both;
	font-size:1px;
	background:transparent;
	visibility:hidden;
	}
.fl-left {
	float:left;
	padding:7px 10px 10px 0;
	}
.fl-right {
	float:right;
	padding:7px 0 10px 10px;
	}
	
/******************************************/
/*  FOOTER  *******************************/		
#footer {
	position:absolute;
	bottom:0;
	width:100%;
	height:200px;
	background:url(i/footer-bg.gif) repeat-x top left;
	z-index:2;
	}
	#footer-decor-left {
		position:absolute;
		top:-160px;
		left:13px;		
		width:65px;
		height:160px;
		background:url(i/footer-decor-left.gif) no-repeat top left;
		z-index:1;
		}
	#footer-decor-right {
		position:absolute;
		top:0;
		right:10px;
		width:70px;
		height:170px;
		background:url(i/footer-decor-right.gif) no-repeat top left;
		}
	#footer-cont {
		width:960px;
		height:200px;
		margin:0 auto;
		position:relative;
		font:normal 11px Verdana, Arial, Helvetica, sans-serif;
		color:#666;
		}
		#footer-cont h2 {
			font: normal 16px Tahoma, Arial, sans-serif;
			color:#9D0D0D;
			padding:15px 0 10px 0;
			}
		#contacts {
		position:absolute;
		top:0;
		left:18px;
		}
		#dillers{
		position:absolute;
		top:0;
		left:360px;
		}
		#dillers a {
			display:block;
			}			}			};
			}			}			}