body, html {
	height: 100%;
	min-width: 1000px;
}

* {
	margin: 0;
	padding: 0;
}

body {
	position: relative;
	height: auto;
	min-height: 100%;
}

body, table {
	font-family: Verdana, Arial, sans-serif;
	font-size: 14px;
	color: #333;
}

img {
	border: 0;
}

table, td, th {
	vertical-align: top;
}

table {
	border-collapse: collapse;
}

h3{
	font-weight: normal;
	clear: left;
}
strong
{
	font-weight: normal !important;	
}
em
{
	font-style: normal;
}
h1,h2,h3
{
	font-size: 10px;
	font-weight: normal;
	padding: 0px;
	margin: 0px;
}
h2.some
{
	font-size: 12px;
	padding: 0px !important;
	margin: 0px !important;
}

a {
	color: #369;
}

a:hover {
	color: #dd2911;
}

/*** TOP MENU ***/
#phones
{
	width: 300px;
	position: absolute;
	right: 0;
}
#phones p
{
	font-size: 26px;
	font-family: Myriad Pro, Verdana;
	padding: 10px 20px 0 0;
	font-style: italic;
	text-align: right;
}
#menu ul {
	width: 100%;
	height: 204px;
	list-style: none;
	min-width: 1000px;
	border-bottom: 1px solid #ccf;
	background: #fff url('../img/header.png') no-repeat right bottom;
}
	
	#lastIsCurrent {
		background-position: right -410px !important;
	}	

	#menu ul li {
		float: left;
		width: 16.5%;
		min-width: 155px;
		height: 204px;
		padding-right: 1px;
	}
		
		#menu ul li a {
			display: block;
			height: 204px;
			text-align: center;
			background: url('../img/header.png') repeat-x left bottom;
			font-size: 16px;
			letter-spacing: 0.5px;
			color: #fff;
		}
		
		#menu ul li a:hover, #menu #current {
			background: url('../img/header.png') repeat-x 0 -410px;
			color: #fff;
		}	
		
			#menu ul li a span.icon {
		  	display: block;
		  	height: 125px;
		  	width: 67px;
		  	margin: 0 auto 20px auto;
		  	background-image: url('../img/header_icons.png');
		  	background-repeat: no-repeat;
			}
			
			#menu ul li a span.left {
				float: left;
				width: 5px;
				height: 204px;
				background: url('../img/header.png') no-repeat 0 -205px; 
				margin: 0;
			}
			
			#menu ul li a span.right {
				float: right;
				width: 5px;
				height: 204px;
				background: url('../img/header.png') no-repeat left top;
				margin: 0;
			}
			
			#icon_about {
				background-position: left bottom ;
			}
			
			#icon_material {
				background-position: -68px bottom;
			}
			
			#icon_production {
				background-position: -136px bottom;
			}
			
			#icon_advices {
				background-position: -204px bottom;
			}
			
			#icon_contacts {
				background-position: -272px bottom;
			}
			
			#icon_partners {
				background-position: right bottom;
			}

/*** TABLE ***/
#table {
	height: 308px;
	background: url('../img/table.png') repeat-x left bottom;
	min-width: 661px;
}

	#table_logo {
		float: left;
	}
	
	#table_right {
		margin-left: 312px;
	}
		#table_grad {
			height: 14px;
			background: url('../img/table_grad.png') no-repeat right top;
		}
		
		#table_phone {
		    position: absolute;
		    top: 228px;
		    right: 5px;
            width: 240px;
            height: 20px;
            font-size: 20px;
        }
		
		#table_lion, #table_lion:hover {
			display: block;
			width: 371px;
			height: 133px;
			margin: 0 0 0 0;
			text-decoration: none;
			background: url('../img/table_lion.png') no-repeat left top; 
		}
		
		#table_materials {
			width: 100%;
			list-style: none;
			margin-top: 22px;
			height: 46px;
			clear: right;
			float: left;
		}
		
			#table_materials li {
				float: left;
				margin-left: 5%;
			} 
			
			#table_materials li a {
				display: block;
				height: 46px;
				background-image: url('../img/table_materials.png');
				background-repeat: no-repeat;
				text-decoration: none;
			}
			
			#table_materials li a:hover {
				background-image: url('../img/table_materials_hover.png');
				text-decoration: none;
			}
			
				#button_staron {
					width: 85px;
					background-position: left top;
				}
				
				#button_corian {
					width: 82px;
					background-position: -86px top;
				}
				
				#button_polystone {
					width: 120px;
					background-position: -170px top;
				}
				
				#button_hi_macs {
					width: 100px;
					background-position: -291px top;
				}
				
				#button_avonite {
					width: 108px;
					background-position: right top;
				}

/*** PRE-CONTENT ***/
#main {
	overflow: hidden;
	padding-bottom: 155px;
}

#content {
	padding: 45px 0 30px 35px;
	margin-right: 410px;
	height: 1%;
}

/*** RIGHT ***/
#right {
	float: right;
	width: 360px;
	padding: 30px 20px 30px 30px; 
}

	#search {
		width: 350px;
		height: 58px;
		background: url('../img/search.png') no-repeat left top;
		font-size: 10px;
		color: #999;
	}
		#search input {
			float: left;
			height: 58px;
			line-height: 50px !important;
			color: #666;
			font-size: 18px;
			background-image: url('../img/search.png');
			border: 0;
		}
		
		#searchString {
			margin-left: 2px;
			background-position: left -59px;
			background-repeat: repeat-x;
			width: 302px;
		}
		
		#searchSubmit {
			background-position: left -118px;
			background-repeat: no-repeat;
			width: 46px;
			cursor: pointer;
		}
		
		#search span {
			clear: left;
			position: relative;
			top: -10px;
			left: 2px;
		}

#rightmenu {
	margin-top: 45px;
	list-style: none;
	font-size: 16px;
}

	#rightmenu li {
		margin-bottom: 18px;
	}

#cloud {
	margin-top: 50px;
	line-height: 30px;
}
	#cloud a { padding-right: 7px; white-space: nowrap; }
	.tag0 { font-size: 12px; }
	.tag1 { font-size: 14px; }
	.tag2 { font-size: 16px; }
	.tag3 { font-size: 18px; }
	.tag4 { font-size: 20px; }
	.tag5 { font-size: 22px; }
	.tag6 { font-size: 24px; }

#materials_description {
	margin-top: 33px;
	list-style: none;
}

	#materials_description li {
		margin-bottom: 25px;
	}
	
	#materials_description a {
		font-size: 16px;
	}

/*** INDEX AND PRODUCTION ***/
#photos_big, #photos_small, #photos {
	overflow: hidden;
	margin-bottom: 35px;
}

#photos_big img, #photos_small img, #photos img {
	border: 0 !important;
	margin-right: 2px !important;
	float: left;
}

	#photos_big, #photos_big img {
		height: 350px !important; 
	}
	
	#photos_small, #photos_small img {
		height: 111px;
	}
	
	#photos, #photos img {
		height: 300px;
	} 

/*** CONTENT ***/
#content h1 {
	font-size: 20px;
	margin-bottom: 40px;
}

#content h2 {
	font-size: 18px;
	margin-bottom: 20px;
}

#content h3 {
	font-size: 18px;
	margin-bottom: 20px;	
}

#content h4 {
	font-size: 16px;
}

#content h5 {
	font-size: 16px;
	font-style: italic;
}

#content h6 {
	font-size: 14px;
	font-variant: small-caps;
}

#content p {
 line-height: 30px;
 margin-bottom: 35px;
}

#content .big {
	font-size: 16px;
}

#content strong {
	/*font-weight: normal;
	font-size: 18px;*/
}

#content ul {
	margin: -35px 0 35px 0;
	line-height: 30px;
	list-style: none;
}

#content dl {
	line-height: 30px;
}

	#content dd {
		margin-bottom: 35px;
	}

#content ol {
	margin-bottom: 35px;
	line-height: 30px;
}

#content img {
	border: 0;
}

#content p img {
	border: 0;
	float: left;
	margin: 10px 10px 10px 0;
}

.production {
	width: 250px;
	height: 230px;
	margin: 0 2px 8px 0;
	float: left;
}

	.production img {
		border: 0;
		margin-bottom: 9px;
	}

.drawing {
	width: 300px;
	height: 350px;
	margin: 0 30px 60px 0;
	float: left;
}

	.drawing img {
		border: 0;
	}
	
	.drawing span {
		display: block;
	}

h2.examples {
	clear: left;
	line-height: 65px;
	padding-top: 55px;
	margin: 30px 0 0 0 !important;
}

h2.colors {
	clear: left;
	line-height: 65px;
	padding-top: 55px;
	margin: 30px 0 0 0 !important;
}

	.colors_div{ width:120px; color:#999999}

	.color {
		width: 125px;
		height: 150px;
		margin: 0 5px 10px 0;
		float: left;
		font-size:12px;
	}
		.color img {
			border: 1px solid #9f9f9f !important;
			float: left;
			margin-right: 5px;
		}
		
		.color ul {
			font-size: 10px;
			color: #666;
			list-style: none;
			font-family: arial;
			margin: 0 !important;
			line-height: 16px !important;
		}
		
			.color li {
				margin-bottom: 6px;
			}

#searchResults dd {
	margin-bottom: 5px;
}

#searchResults dt {
	margin-bottom: 35px;
	font-size: 16px;
}

/*** FOOTER ***/
#footer {
	height: 155px;
	background: url('../img/footer.png') repeat-x left bottom;
	font-size: 12px;
	width: 100%;
	clear: both;
	position: absolute;
	bottom: 0;
	right: 0;
	color: #666;
}
	
	#footer_logo {
		float: right;
		height: 101px;
		width: 75px;
	}
	
	#copyright {
		line-height: 46px;
		float: right;
		clear: both;
		margin-right: 15px;
		font-size: 10px;
	}
	
	#footer h3 {
		display: block;
		padding: 65px 0 0 20px;
		font-size: 12px;
		font-weight: normal;
		margin: 0;
	}
	
	#footer ul {
		list-style: none;
		margin: 3px 0 0 20px;
		line-height: 20px;
	}