body{
	background-color: #2c2d2e;
	margin-top: 0px;
	color: #FFFFFF;
	background: url(./images/background.png) repeat-x #38383b;
}

#container{
	width: 800px;
	height:	800px;
	margin: 0 auto;
}
	#header {
		width: 626px;
		height:	118px;
	}
	
	#menu {
		width: 626px;
		height:	35px;
		background: url(./images/menu_back.png) no-repeat;
		margin-top: 10px;
		padding-top: 5px;
	}
		#home {
			margin-left: 30px;
		}
		
		#portfolio {
			margin-left: 15px;
		}
		
		#designz {
			margin-left: 15px;
		}
		
		#services {
			margin-left: 15px;
		}
		
		#contact {
			margin-left: 15px;
		}
	
	#content {
		width: 626px;
		height:	568px;
		background: url(./images/content_back.png) no-repeat;
		margin-top: 10px;
		padding-top: 10px;
	}
		#preview {
			width: 626px;
			height:	125px;
			background: url(./images/preview_back.png) no-repeat;
			margin-top: 10px;
			padding-top: 10px;
		}
			.arrow_left{
				padding-left: 30px;
				padding-bottom: 25px;
				width: 46px;
				height: 38px;
			}
			
			.arrow_right{
				padding-left: 30px;
				padding-bottom: 25px;
				width: 46px;
				height: 38px;
			}
			
			.img_preview{
				width: 126px;
				height: 95px;
				padding-left: 15px;
			}
		
		#text{
			width: 626px;
			height: 443px;
		}
		
			#left {
				float: left;
				width: 415px;
				height: 380px;
				padding-left: 15px;
				overflow: auto;
			}
			#center {
				float: left;
				width: 600px;
				height: 500px;
				padding-left: 15px;
				overflow: auto;
				
			}
			
			#right{
				float: left;
				width: 177px;
				height: 380px;
				padding-left: 5px;
				overflow: auto;
			}
			
			#middel{
				float: left;
				width: 9px;
				height: 380px;
				padding-left: 5px;
				background: url(./images/dots_heigh.png) no-repeat;
			}
			
				.dots_large {
					background: url(./images/dots_large.png) no-repeat;
					width: 392px;
					height: 8px;
				}
				
				.dots_small {
					background: url(./images/dots_small.png) no-repeat;
					width: 162px;
					height: 8px;
				}
	
	img{
		border: 0px;
	}