@charset "utf-8";
/* Contadgreen.COM Master CSS For All Pages. Written by Debarshi Banerjee (http://twitter.com/madcaplaughsha) */
/*all body*/
body {
	background-color: #000;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}
.container{
	display:block;
	width:960px;
	height:680px;
	background-color:#FFF;
	margin:0 auto;
	overflow:hidden
}
/*all body ends*/
/*header, logo and menu*/
h1{
	background-color:#000;
	height:75px;
	width:960px;
	margin-top:0px;
}
.imglogo{ margin-top:2px; float:left}
/*header end*/
/*page shadows*/
.shadowtop{
	display:block;
	height:52px;
	width:960px;
	background-image:url(../img/shadowh.png) ;
	background-repeat:repeat-x;	
	position:absolute;
	top:75px;
}
.shadowbtm{
	display:block;
	height:52px;
	width:960px;
	background-image:url(../img/shadowhb.png) ;
	background-repeat:repeat-x;	
	position:absolute;
	top:628px;
}
.shadowl{
	display:block;
	height:604px;
	width:45px;
	background-image:url(../img/shadowvl.png) ;
	background-repeat:repeat-y;	
	position:absolute;
	top:75px;
}
.shadowr{
	display:block;
	height:604px;
	width:45px;
	background-image:url(../img/shadowvr.png) ;
	background-repeat:repeat-y;
	float:right;
	
}
/*page shadows on all four sides*/
/*page background*/
.homebkg{
	height:604px;
	width:960px;	
	background-repeat:repeat-x;
	margin-top:-21px;
	overflow:hidden;
}
/*page ends*/
/*footer placement and text*/
.footer{
	position:relative;
	display:block;
	height:25px;
	width:960px;
	background-color:#000;
	margin:0 auto;
}

.ftxt{color:#e2e1cc; margin-left: 360px; margin-top:10px; font-family:Verdana, Geneva, sans-serif; font-size:12px;}

a.ftl {color:#e2e1cc; text-decoration:none} a.ftl:hover{text-decoration:none; color:#999}/*footer links*/
/*footer ends*/
/*Menu Starts*/	
#menu{float:right}
#menu a {
		display:block;
		width:160px;
		height:75px;
		background: url("../img/menu-buttons.jpg") no-repeat;
	}
	#menu a.home {		
		background-position: 0 -75px;
		text-decoration: none;
		}
	#menu a.home:hover, a.home:active {	
		background-position: 0px -75px;
		}
	#menu a.Home {		
		background-position: 0 0;
		text-decoration: none;
		}
	#menu a.Home:hover, a.Home:active {	
		background-position: 0px -75px;
		}
	#menu a.skills {
		background-position:-160px 0px;
		text-decoration: none;
		}
	#menu a.skills:hover, a.skills:active {	
		background-position: -160px -75px;
		}
	#menu a.Skills {
		background-position:-160px -75px;
		text-decoration: none;
		}
	#menu a.Skills:hover, a.Skills:active {	
		background-position: -160px -75px;
		}
	#menu a.portfolio {
		background-position:-320px 0px;
		text-decoration: none;
		}
	#menu a.portfolio:hover, a.portfolio:active {	
		background-position: -320px -75px;
		}
	#menu a.Portfolio {
		background-position:-320px -75px;
		text-decoration: none;
		}
	#menu a.Portfolio:hover, a.Portfolio:active {	
		background-position: -320px -75px;
		}	
	#menu a.contact {
		background-position:-480px 0px;
		text-decoration: none;
		}
	#menu a.contact:hover, a.contact:active {	
		background-position: -480px -75px;
		}
	#menu a.Contact {
		background-position:-480px -75px;
		text-decoration: none;
		}
	#menu a.Contact:hover, a.Contact:active {	
		background-position: -480px -75px;
		}	
	.home, .skills, .contact, .Home, .Skills, .Contact, .portfolio, .Portfolio {float:left}
/*Menu Ends*/	

/*Page Loader Starts*/
DIV#htmlload {
}	
DIV#htmlload.loading {
  background: url(lldd.gif) no-repeat center center; /*Loader Icon*/
}	

#lldd{position:absolute; top:300px;}
/*Page Loader End*/
/*All CSS HACKS for IE 6, 7 are given in individual pages for better understanding and implementation*/