*{
	margin:0;
	padding:0;
}
body{
	background:#fff;
	font:12px/18px Tahoma, Arial, FreeSans, Helvetica, sans-serif;
	color:#222;
}

/* Layout Styles Starts */

#header{
	background:url(img/header_bg.jpg) repeat-x;
	height:264px;
	width:100%;
}
	#header_inner{
		width:996px;
		margin:0 auto;
		background:url(img/header.jpg) no-repeat;
		height:263px;
	}
		#logo{
			width:318px;
			float:left;
			padding:69px 0 0 248px;
		}
			#logo h1{
				background:url(img/logo.jpg) no-repeat;			
			}
				#logo h1 a{
					display:block;
					height:89px;
				}
					#logo h1 a span{
						display:none;
					}
#container{
	margin:0 auto;
	width:996px;
}
	#container p{
		margin:0 0 10px 0;
	}
	#css_coding h2{
		background:url(img/csscoding_h2.jpg) no-repeat;
		width:613px;
		height:68px;
		margin:0 auto;
		padding:0 0 25px 0;
		display:block;
	}
		#css_coding h2 span{
			display:none;
		}
	#main_area{
		width:660px;
		float:left;
	}
		#main_area h2{
			background:url(img/title_bg.jpg) no-repeat;
			height:84px;
			text-indent:85px;
			line-height:70px;
			color:#fff;
			font-size:17px;
		}
		#main_area p{
			padding:0 0 0 30px;
		}
	#side_area{
		width:260px;
		float:right;
	}
		.s_block{
			background:url(img/s_block_bg.jpg) repeat-y;
			margin:15px 0 25px 0;
			width:258px;
		}
			.s_block h2{
				background:url(img/s_block_top.jpg) no-repeat top;
				height:45px;
				color:#fff;
				line-height:45px;
				text-indent:25px;
				font-size:17px;
			}
			.s_block_bottom{
				background:url(img/s_block_bottom.jpg) no-repeat bottom;
				padding:0 15px 15px 15px;
				font-size:11px;
			}
			ul#portfolio{margin:0;list-style:none;}
#footer{
	background:url(img/footer_bg.jpg) repeat-x;
	height:131px;
	margin:35px 0 0 0;
}
	#footer_inner{
		background:url(img/footer.jpg) no-repeat;
		width:996px;
		height:131px;
		margin:0 auto;
		color:#f9d687;
		text-align:center;
		font-weight:bold;
	}
	.valid_html{
		width:165px;
		float:left;
	}
		.valid_html h2 a, .valid_css h2 a{
			display:block;
			height:34px;
			margin:23px 0 0 0;
		}
			.valid_html h2 a span, .valid_css h2 a span{
				display:none;
			}
	.valid_css{
		width:146px;
		float:right;
	}
		#footer_inner p{
			line-height:50px;
		}
			#footer_inner p a{
				color:#ffe8c4;
				text-decoration:none;
				border-bottom:1px dotted #ffe8c4;
			}
				#footer_inner p a:hover{
					color:#fff;
					text-decoration:none;
				}
				
	
/* Layout Styles Ends */
#main_area ul{margin:0 0 0 55px;}
/* Genric Styles Starts */

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
.clearfix {
	display: inline-block;
}
html[xmlns] .clearfix {
	display: block;
}
* html .clearfix {
	height: 1%;
}
a {
	color:#000;
	text-decoration:none;
	font-weight:bold;
}
a:hover {text-decoration:underline;color:#de8915;}
ul{margin:0 0 0 20px;}
li{margin:2px 0; list-style:disc;}
h1{font-size:32px;}
h2{font-size:20px;}
h3{font-size:18px;}
h4{font-size:16px;}
h5, h6{font-size:14px;}
h2,h3,h4,h5,h6{margin:0 0 15px 0;}
img{border:none;}
.clear{clear:both;}
.floatleft{float:left;}
.floatright{float:right;}
.fs1{font-size:10px;}

/* Genric Styles Ends */