body {
	margin:0px;
	padding:0px;
	background:#FFFFFF url(../images/newindex.jpg) repeat-x left top;
	font:  bold  36px Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	}

/********************* Main Content ***********************/
a{
	text-decoration: none;
	color: #666666;
	font: 13px Verdana, Arial, Helvetica, sans-serif;
	
}
a:hover{
	text-decoration: none;
	color: #333333;
}
.get{
	text-align: right;
	font-size: 12px;
}
.sneak{
}

a.sneak{
	text-decoration: none;
	color: #FF3399;
	font-family:bold 24px Verdana, Arial, Helvetica, sans-serif;
	margin: 0px;
	padding: 0px;
}
a.sneak:hover{
	text-decoration: none;
	color: #CCCCCC;
}


.leftbot{
	background: url(../images/intro.png) no-repeat left bottom;
	float: left;
	margin: 0px;
	padding: 0px;
	position: absolute;
	height: 395px;
	width: 318px;
	top: 550px;
	left: 0px;
	z-index: 0;
}




.sept{
	font:bold 45px Georgia, Times New Roman, Times, serif;
	margin: 0px;
	color: #FFFFFF;
	padding: 0px 0px 0px 10px;
	text-shadow: #000  0px 1px 1px;
	
}


.of{
	padding:0px 0px 0px 10px;
	font:14px Lucida Sans Unicode, Lucida Grande, sans-serif;
	text-shadow: #000 0px 1px 1px;
}

.logo{
	position: absolute;
	top: -10px;
	z-index: 1;
	left: -40px;
}

.me{
	margin: 0px;
	padding: 0px;
	height: 479px;
	width: 300px;
	position: absolute;
	top: 300px;
	right: 0px;
	background: url(../images/designer.png) no-repeat left top;
	
}

.newyear{
	margin: 0px;
	padding: 0px;
	height: 250px;
	width: 155px;
	position: absolute;
	top: 0px;
	right: 0px;
	background: url(../images/newyear.png) no-repeat right top;
	z-index: 5;
}

.logo a img{
	text-decoration: none;
	border-style: none;
	
}

.more{
	font-size: 11px;
	float: right;
	color: #FFFFFF;
	height: 50px;
	width: 100px;
	padding: 0px 10px 0px 20px;
	margin: 0px;
	background: url(../images/sketchCSSswap.gif) no-repeat left bottom;
	z-index: 10;
}

.more a, .more a:hover {
	color: #FFFFFF;
	font: 11px Georgia, Times New Roman, Times, serif;
	text-decoration: none;
}


#content {
	width: 650px;
	margin-right: auto;
	margin-left: auto;
	font: 18px Georgia, Times New Roman, Times, serif;
	color: #333333;
	line-height: 22px;
	text-align: justify;
	padding-top: 5px;
	padding-right: 30px;
	padding-bottom: 5px;
	padding-left: 30px;
}


#content a{
	font: 18px Georgia, Times New Roman, Times, serif;
	color: #333333;
	}
	
#content a:hover{
	color: #FF6600;
}

.smile{
	font: normal 11px Verdana, Arial, Helvetica, sans-serif;
	margin: 0px;
	padding: 0px 0px 0px 12px;
	color: #000000;
	text-shadow: #fff 0px 1px 1px;
}


#footer{
	font: normal 11px Verdana, Arial, Helvetica, sans-serif;
	color: #999999;
	text-align: center;
	padding: 0px;
	background: #000000 url(../images/footer08.gif) repeat-x left top;
	margin: 0px;

}


.footercontent{
	padding: 0px;
	width: 900px;
	display: block;
	margin: 0px  auto 0px auto;
	background: url(../images/footer2010.gif)  no-repeat left top;
	padding-top:100px;
	
	
}

.surf{
	float: left;
	width: 210px;
	text-align: left;
	margin: 0px;
	padding: 10px 25px 0px 0px;
	border-right: 1px solid #333333;

}

.surf h4{
	font: 24px Georgia, Times New Roman, Times, serif;
	color: #FFFFFF;
	margin: 0px;
	padding: 0px 0px 10px 0px;
}

.surf ul{
	margin: 0px;
	padding: 0px;
}

.surf ul li{
	margin: 0px;
	margin-bottom:1px;
	padding: 5px 0px 5px 0px;
	list-style-type: none;
	width: 200px;
	
	border-top: 1px dotted #333; 
	border-bottom: 1px dotted #111;
	color: #CCCCCC;
}

.surf ul li a{
	font: bold 12px Georgia, Times New Roman, Times, serif;
	color: #999999;
	text-decoration: none;
}

.surf ul li a:hover{
	color: #99CC00;
}


.surf ul li:first-child {border-top: none;}
.surf ul li:last-child {border-bottom: none;}

.myroom{
	margin: 0px;
	text-align: left;
	width: 250px;
	float: left;
	padding: 5px 25px 0px 25px;
}

.myroom a img{
	border-style: none;
	float: right;
	margin-left: 5px;
}


h5{
	margin: 0px;
	padding: 0px;
	font: 18px Georgia, Times New Roman, Times, serif;
	color: #CCCC33;
}

.clear{
	margin: 0px;
	padding: 0px;
	float: none;
	clear: both;
	height: 5px;
}

.nobdr{
	border-style: none;

}

.small{
	color: #666666;
	font: 11px Georgia, Times New Roman, serif;
}

/* recent Project */

.recentWork{
	margin: 0px;
	text-align: left;
	width: 275px;
	float: left;
	padding: 10px 0px 0px 25px;
	border-left: 1px solid #333333;
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	color: #CCCCCC;
}


.recentWork h1{
	font: 24px Georgia, Times New Roman, Times, serif;
	color: #FFFFFF;
	padding: 0px;
	margin: 0px 0px 10px 0px;
	
}

.recentWork p{
	clear: both;
	padding-bottom: 5px;
}

.recentWork a img{
	float: left;
	margin-left: 5px;
	border-style: none;
	
}


.leftalign{
	float: left;
	margin:0px 10px 10px 0px;

}




.photo{
	float: left;
	margin:0px 5px 0px 0px;
	padding: 3px;
	width: 75px;
}

/*  Thanks for support and review: */

.thanks{
	margin: 0px;
	font: normal 12px Georgia, Times New Roman, Times, serif;
	color: #CCCCCC;
	background: #000000;
	text-align: center;
	line-height: 22px;
	float: right;
	padding: 0px 20px 10px 10px;

}

a.valid{
	font: normal 11px Georgia, Times New Roman, Times, serif;
	color: #666666;

}

.selectedwk{
	background: url(../images/selectedwork.png) no-repeat;
	position: relative; /*keep this intact*/
	padding: 0px;
	height: 175px;
	width: 176px;
	margin: -405px 0px 0px -40px;
	z-index:5000;
	
}



/*********************** bottom copyright *******************************/

#bottom{
	font: normal 11px Verdana, Arial, Helvetica, sans-serif;
	color: #999999;
	margin:0px;
	border-top: 1px solid #333;

	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#292b2c', endColorstr='#000000'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#292b2c), to(#000)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #292b2c,  #000); /* for firefox 3.6+ */
	background:-o-linear-gradient(top, #292b2c, #000);
	background:linear-gradient(top, #292b2c, #000);
	
	
	padding-bottom: 10px;
	padding-top: 5px;	
}

.bottom{
	padding: 0px;
	width: 900px;
	display: block;
	margin: 0px  auto 0px auto;}

.copyright{
	margin: 0px;
	padding: 0px;
	float: right;
	width: 150px;
	text-align: right;
}

.validation  {
	float: left;
	padding-top: 10px;
	width: 730px;
	text-align: left;
	
}