@charset "utf-8";
/* CSS Document */
@import url('reset.css');

html{width:100%;
height:100%;}
body {background-color:#CCC;
		background-image:url(../images/bg_new.jpg);
		background-repeat:repeat;
		background-position:center;
		width:100%;
		height:100%;
		font-family:Arial, Helvetica, sans-serif;
		}
div#wrapper{
	margin:0px auto 0px auto;
	width:960px;
	height:auto;}

div#header {height:70px; width: 100%;
margin:0px;
padding:0px;
background-image:url(../images/header_bg.png);
background-repeat:repeat-x;
padding:0px;
position:fixed;
z-index:999;
top:0px;
}
div#content {margin:0px auto 0px auto;
	width:960px;}
div#portfolio{width:550px;
height:60px;
	float:left;
	background-image:url(../images/heading.png);
	text-indent:-9999px;
	}
div#menu{width:260px; height:30px; padding-top:30px; margin-left:150px;
float:right;
background-image:url(../images/menu_color.png);
background-position:right;
background-repeat:no-repeat;

}

ul#menu1 li{
	height:30px;
	background-image:url(../images/sprite.png);
	float:left;
	overflow:hidden;
	display:inline;
	width:200px;

}

ul#menu1 li a{	display:block;
				height:30px;
				text-indent:-9999px;
				width:100%;

}

ul#menu1 li#Home {background-position: 0px -30px; 
				width:60px;}
ul#menu1 li#Home:hover, ul#menu1 li#Home:active {background-position:0px 0px;}

ul#menu1 li#work {background-position: -60px -30px; 
				width:64px;}
ul#menu1 li#work:hover, ul#menu1 li#work:active {
	background-position:-60px 0px;
}

ul#menu1 li#cont {background-position: -124px -30px; 
				width:76px;}
ul#menu1 li#cont:hover, ul#menu1 li#cont:active {background-position:-124px 0px;}

#start{ height:670px;
		background-image:url(../images/home_bg.png);
		background-repeat:no-repeat;
		text-indent:-9999px;}

#worker{ height:1280px;
	}

#workheader{ background-image:url(../images/work_bg2.jpg);
			height:360px;
			text-indent:-9999px;;
}
#artworks{height:900px;
background-image:url(../images/bg_work.jpg)};



ul.columns {
	width: 960px;
	list-style: none;
	margin: 0 auto; padding:0px;
}
ul.columns li {
	width: 220px;
	float: left; display: inline;
	margin: 10px; padding: 0;
	position: relative;
}
ul.columns li:hover {z-index: 90;}
 
ul.columns li img {
	position: relative;
	background-color:#000;
	filter: alpha(opacity=100);
	opacity: 1.0;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	border:#333;
}
ul.columns li:hover img{
	z-index: 900;
	filter: alpha(opacity=100);
	opacity: 1;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
 
ul.columns li .info {
	position: absolute;
	left: -10px; top: -10px;
	padding: 210px 10px 10px;
	width: 200px;
	display: none;
	background:#FFF;

	font-size: 1.2em;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
ul.columns li:hover .info {display: block;}
 
ul.columns li h2 {
	font-size: 12pt;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	text-transform:capitalize;
	margin: 0; padding: 10px 0;
}
ul.columns li p {padding: 0; margin: 0; font-size: 10pt; font-family:Arial, Helvetica, sans-serif;}


#connect{	background-image:url(../images/contact_bg.jpg);
			height:640px;
			margin-top:100px;
			
			background-repeat:no-repeat;}
			
#contactdetail{ float:left;
				width:320px;
				margin-left:620px;
				padding-top:30px;
				padding-left:20px;
}
		
#resume{float:right;
text-indent:-9999px;
padding-right:20px;}			
#resume a{ width:200px;
display:block;
height:156px;
background-image:url(../images/resume_button.png);
background-position: 0px -156px;
}
#resume a:hover{background-position:0px 0px;}		

#footer{height:100px;
background-image:url(../images/footer_bg.png);
background-repeat:repeat-x;}

p.marker{font-family: 'Covered By Your Grace', arial, serif;
			font-size:32px;
			color:#1A1A1A;}
p#space{line-height:180%;}

#footertext{width:960px;
			margin:auto;
			padding-top:40px;}
			
p.five{font: 18px/27px 'ChunkFiveRegular', Arial, sans-serif;
		color:#CCC;
		letter-spacing:1px;
		text-transform:capitalize;
		}

p.small{color:#FFF; letter-spacing:1px; font-size:9px;}
.black{color:#1A1A1A;}