body {
	margin:0;
	background:#111 url('../img/bg/bg_header.png') repeat-x;
	font:11px Verdana;
	color:#d1d1d1;
}
img {
	border:0;
}
a {
	color:#aeaeae;
	text-decoration:none;
}
	a:hover {
		color:#888;
	}
.clear {
	clear:both;
}

#header {
	width:980px;
	height:160px;
	margin:auto;
	background:url('../img/header.png') no-repeat;
}
	#header .quote {
		width:375px;
		margin:45px 0 0 450px;
		padding:15px 0 0 20px;
		position:absolute;
		font-family:"Century Gothic", "Trebuchet MS", "Lucida Grande", Lucida, Arial, sans-serif;
		font-size:12px;
		background:url('../img/bg/bg_quote.png') no-repeat;
	}
		#header .quote .author {
			margin-top:12px;
			text-align:right;
			color:#8f8f8f;
		}
#web {
	background:url('../img/bg/bg_web.png') repeat-x;	
}
	#web .cont {
		width:715px;
		margin:auto;
		padding-top:10px;
	}
	#web .cont .latest {
		height:220px;
		position:relative;		
	}
		#web .cont .latest .imgs {
			margin-top:10px;		
		}
			#web .cont .latest .imgs img {
				border:5px solid #2f2f2f;		
			}
			#web .cont .latest .imgs img:hover {
				border:5px solid #3d3d3d;		
			}
	#web  .cont .menu {
		margin-top:80px;
		background:url('../img/bg/bg_menu.png') no-repeat;
	}		
		#web  .cont .menu .zones {
			margin-left:70px;
			position:relative;			
			overflow:hidden;
		}
			#web  .cont .menu .zones li {
				float:left;
				list-style:none;
				padding:5px 0 5px 5px;
				margin-right:20px;
			}
				#web  .cont .menu .zones li.back {					
					width:9px;
					height:30px;
					z-index:8;
					position:absolute;					
					background-color:#252525;
				}
					#web  .cont .menu .zones li a {
						float:left;						
						z-index:10;
						display:block;						
						position:relative;
						overflow:hidden;
						text-align:center;
					}
	#web .info {
		margin-top:20px;
	}
		#web .info .welcome {
			width:450px;
			float:left;
		}
			#web .info .banners {
				margin-top:20px;
			}
		#web .info .twitter {
			width:220px;
			float:right;
		}
			#web .info  .twitter a{
				color:#63acdc;
			}
				#web .info  .twitter a:hover{
					color:#6d9ebe;
				}
			#web .info  .twitter a.date{
				color:#74a2c1;
			}
				#web .info  .twitter a.date:hover{
					color:#89c9cd;
				}
			#web .info .twitter ul {
				list-style:none;
				margin:0;
				padding:0;
			}
				#web .info .twitter li {
					padding-bottom:8px;
				}
					#web .info .twitter li span {
						color:#81c5f2;
					}
	#web .works {
		margin-top:30px;
	}	
		#web .works ul.thumbs li {
			width:100px;
			height:100px;
			float:left;
			margin:0 20px 20px 0;
			padding:5px;
			list-style:none;
			background:#2f2f2f;
		}
			#web .works ul.thumbs li:hover {
				background:#3d3d3d;
			}
			#web .works ul.thumbs li .box { 
				width:100px;
				height:100px;
				overflow:hidden; 
				position:relative; 
			}
				#web .works ul.thumbs li .box img{ 
					position:absolute; 
					top:0; 
					left:0;  
				}
				#web .works ul.thumbs li .box h3 {
					margin:0;
					padding:3px;
					color:#fff;
					font:12px "Century Gothic", "Trebuchet MS", "Lucida Grande", Lucida, Arial, sans-serif; 
				}	
				#web .works ul.thumbs li .box p { 
					font:10px "Century Gothic", "Trebuchet MS", "Lucida Grande", Lucida, Arial, sans-serif; 
				}				
			#web .works ul.thumbs li .cover { 
				width:100%; 
				float:left; 
				top:100px;
				position:absolute; 
				background:#000;
				opacity:.8; 
				/* For IE 5-7 */
				filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
				/* For IE 8 */
				-MS-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
 			}
	#web .contact {
		margin-top:40px;
	}
		#web .contact input.txt{
			width:300px;
			padding:5px;
			border:1px solid #2e2e2e;
			color:#fff;
			font-family:"Century Gothic", "Trebuchet MS", "Lucida Grande", Lucida, Arial, sans-serif;
			font-size:14px;
			background:#1a1a1a;
		}
			#web .contact input.txt_no{
				width:300px;
				padding:5px;
				border:1px solid #b20000;
				color:#fff;
				font-family:"Century Gothic", "Trebuchet MS", "Lucida Grande", Lucida, Arial, sans-serif;
				font-size:14px;
				background:#1a1a1a;
			}
		#web .contact textarea{
			width:450px;
			height:150px;
			padding:5px;
			border:1px solid #2e2e2e;
			color:#fff;
			font-family:"Century Gothic", "Trebuchet MS", "Lucida Grande", Lucida, Arial, sans-serif;
			font-size:12px;
			background:#1a1a1a;
		}
		#web .contact input.button{
			padding:5px;
			border:1px solid #2e2e2e;
			color:#fff;
			font-family:"Century Gothic", "Trebuchet MS", "Lucida Grande", Lucida, Arial, sans-serif;
			font-size:15px;
			background:#1a1a1a;
		}
			#web .contact input:hover {
				border:1px solid #474747;
			}
			#web .contact textarea:hover {
				border:1px solid #474747;
			}
#footer {
	height:55px;
	margin-top:50px;
	background:url('../img/bg/bg_footer.png');
	font-size:11px;
	color:#fff;		
}
	#footer .cont {
		width:715px;
		margin:auto;
		padding-top:20px;
	}
		#footer .cont .left {
			width:450px;
			float:left;
		}
		#footer .cont .right {
			width:200px;
			float:right;
			text-align:right;
		}