html {
	height:100%
}
html {
  background:#000000;
}
body {
 width:927px;
 font-family: Trebuchet MS;
 font-size:11px;
 color:#c2bdbd;
 padding:0; margin:10px auto;
 min-height:100%;
 position:relative;
}

* html body {
  height:100%;
}

#site {
	 border: 5px solid #ffffff;
}

/*********************************************************/


img {
        border: 0;
}

h1, h2, h3, h4, h5, h6, p {
        margin: 0;
        padding: 0 0 5px 0;
        font-size: 11px;
}

ul {
        padding: 0;
        margin: 0;
        list-style: none;
}

ol {
        margin-top: 0;
        margin-bottom: 0;
}

li {
        padding: 0;
        margin: 0;
}

form, input, textarea, select, {
        padding: 0;
        margin: 0;
        font-size: 11px;
}

a {
        color: #fdfd57;
}
a:hover {
        color: #ffffff;
}




/**************SITE**********************************/

#head { /* Верхний блок */
 height:60px; 
 width:100%;
}
	.menu {
		float:left;
		width:729px;
		height:60px;
		background: url(images/bg-menu.gif) no-repeat 0 0;
		font-weight:bold;
	}
	
	.menu a {
		color:#c2bdbd;
		text-decoration:none;
	}
	.menu a:hover {
		color:#ffffff;
		text-decoration:none;
	}
		.menu ul {
			list-style:none;
			padding:21px 0 0 16px;
			margin:0;
		}
		
		.menu ul li.about {
			list-style:none;
			padding:0 60px 0 0;
			margin:0;
			display: inline;
			font-size:11px;
			font-weight:bold;
		}
		.menu ul li.clients {
			list-style:none;
			padding:0 95px 0 0;
			margin:0;
			display: inline;
			font-size:11px;
			font-weight:bold;
		}
		.menu ul li.services {
			list-style:none;
			padding:0 100px 0 0;
			margin:0;
			display: inline;
			font-size:11px;
			font-weight:bold;
		}
		.menu ul li.portfolio {
			list-style:none;
			padding:0 78px 0 0;
			margin:0;
			display: inline;
			font-size:11px;
			font-weight:bold;
		}
		.menu ul li.products {
			list-style:none;
			padding:0 0 0 0;
			margin:0;
			display: inline;
			font-size:11px;
			font-weight:bold;
		}
	
	.logo {
		float:right;
		width:188px;
		height:60px;
	}
#header { /* Верхний блок */
 height:237px; 
 width:100%;
 background: url(images/bg-header.jpg) no-repeat 0 top;
}
	.uslugi {
		width:586px;
		float:left;
		font-size:18px;
	}
		.keywords {
			padding:40px 0 0 34px;
		}
	
			.uslugi h1 {
				color:#d72129;
				font-size:18px;
				padding:0;
				}
			div.design {
				color:#ee7600;
				font-size:18px;
				padding:0;
				}
			div.style {
				color:#ffffff;
				font-size:18px;
				padding:0;
				}
	
	.slogan {
		font-size:18px;
		float:left;
		width:330px;
		height:237px;
		background:#020202 url(images/bg-slogan.jpg) no-repeat 0 0;
	}
		.slogan-pic1 {
			padding:28px 0 30px 30px;
		}

		.slogan-portfolio {
			padding:25px 0 0 30px;
		}

#content { /* Центральный блок */
/***height:532px;***/
height:592px;
 width:100%;
}
	.leftblock {
		float:left;
		width:586px;
	}
		#website {
			padding:21px 0px 0 32px;
		}
			.design-studio {
				width:255px;
				float:left;
				padding:0 30px 15px 0;
			}
				h3.color1 {
					color:#3981ed;
					font-size:18px;
					padding:0 0 10px 0;
				}
				p.razrabotka {
					background: url(images/li-index.gif) no-repeat 59% 7px;	
				}
				p.razrabotka a {
					color:#ee7600;
				}
				p.razrabotka a:hover {
					color:#ffffff;
				}
				
			.sozdanie-saitov {
				width:256px;
				float:left;
				padding:0 10px 15px 0;
			}
				h3.color2 {
					color:#edde39;
					font-size:18px;
					padding:0 0 10px 0;
				}
				p.sozdanie {
					background: url(images/li-index.gif) no-repeat 36% 7px;	
				}
				p.sozdanie a {
					color:#ee7600;
				}
				p.sozdanie a:hover {
					color:#ffffff;
				}
				b.number1 {
					font-weight:bold;
					color:#d72129;
					font-size:14px;
				}
				b.number2 {
					font-weight:bold;
					color:#d72129;
					font-size:14px;
				}
			
		#line-small {
			padding:0 0 0 32px;
		}
		#cms {
			padding:29px 0 0 32px;
		}
			.text-cms {
				float:left;
				width:347px;
				padding-bottom:15px;
			}
				h3.color3 {
					color:#d72129;
					font-size:18px;
					padding:0 0 10px 0;
					}
			.pic-cms {
				float:right;
				width:200px;
				padding:10px 0 15px 0;
			}
		
	.rightblock {
		float:left;
		width:330px;
	}
		#razrabotka-saitov {
			padding:21px 40px 0 29px;
		}
			h3.color4 {
				color:#d72129;
				font-size:18px;
				padding:0 0 10px 0;
				}
			.links {
				padding:7px 0 0 0;	
			}
			
			.links ul {
				padding:7px 0 10px 0;
				margin:0;
				list-style:none;
			}
			
			.links ul li {
				padding:0 0 2px 14px;
				margin:0;
				list-style:none;
				background: url(images/li-index.gif) no-repeat 0 7px;
			}
		
#clients-block {
	/***height:95px;***/
	width:100%;
}
	.line {
		padding:20px 0 0 32px;
	}
	.clients {
		padding:14px 0 14px 32px;
}

#foot { /* Нижний блок */
 height:40px; 
 width:100%;
 background: url(images/foot.jpg) no-repeat 0 0;
}
	.copyright {
		padding:12px 0 0 15px;
		color:#ffffff;
		font-family: Tahoma;
	}
	.copyright p {
		padding: 0px 16px 0px 16px;
	}

		.copyright p.left {
		float: left;
		}
		.copyright p.right {
		float: right;
		}
	.copyright a {
	color: #FFFFFF;
	text-decoration:none;
	}
/****************************************************/