body {
	font-size: 11px;
	font-family: Helvetica, FreeSans, "Gargi_1.7", Malayalam, Arial, sans-serif;
	background-color: white;
}


a:link {
	color: black;
	text-decoration: none;
}

a:hover {
	color: gray;
	text-decoration: none;
}

a:visited {
	color: #3A3A3A;
	text-decoration: none;
}

div#homeheader {
	width: 836px;
	height: 416px;
	background-image: url(images/header.png);
	background-repeat: no-repeat;
	margin-left: auto;
	margin-right: auto;
}

div#artworkheader {
	width: 836px;
	height: 416px;
	background-image: url(images/artworkheader.png);
	background-repeat: no-repeat;
	margin-left: auto;
	margin-right: auto;
}

div#animationheader {
	width: 836px;
	height: 416px;
	background-image: url(images/animationheader.png);
	background-repeat: no-repeat;
	margin-left: auto;
	margin-right: auto;
}

div#vfxheader {
	width: 836px;
	height: 416px;
	background-image: url(images/vfxheader.png);
	background-repeat: no-repeat;
	margin-left: auto;
	margin-right: auto;
}

div#projectheader {
	width: 836px;
	height: 237px;
	overflow: hidden;
	margin-left: auto;
	margin-right: auto;
}

div#homelist {
	width: 836px;
	height: 93px;
	background-image: url(images/headerlist.png);
	background-repeat: no-repeat;
	margin-left: auto;
	margin-right: auto;
}

div#homebody {
	width: 836px;
	height: 230px;;
	background-image: url(images/folio.png);
	background-repeat: repeat;
	margin-left: auto;
	margin-right: auto;
}

div#projectbody {
	width: 836px;
	height: 409px;
	background-image: url(images/folio.png);
	background-repeat: repeat;
	margin-left: auto;
	margin-right: auto;
}

div#homefooter {
	width: 836px;
	height: 128px;
	background-image: url(images/footer.png);
	background-repeat: no-repeat;
	margin-left: auto;
	margin-right: auto;
}

div#intro {
	position: relative;
	left: 93px;
	width: 280px;
	height: 350px
	font: normal 11px Helvetica;
	font-family: Helvetica, FreeSans, "Gargi_1.7", Malayalam, Arial, sans-serif;
	letter-spacing: 1px;
	line-height: 14px;
	text-align: justify;
	text-decoration: none;
	color: #394040;
	float: left;
}

div#showreel {
	border-width: 1px;
	border-style: dotted;
	border-color: gray;
	padding-left: 8px;
	background-color: #F0F0F0;
	font: normal 11px Helvetica;
	font-family: Helvetica, FreeSans, "Gargi_1.7", Malayalam, Arial, sans-serif;
	letter-spacing: 1px;
	line-height: 14px;
	text-align: justify;
	text-decoration: none;
	color: gray;	
}

div#contact {
	position: relative;
	left: 180px;
	width: 280px;
	height: 350px
	font: normal 11px Helvetica;
	font-family: Helvetica, FreeSans, "Gargi_1.7", Malayalam, Arial, sans-serif;
	letter-spacing: 1px;
	line-height: 14px;
	text-align: justify;
	text-decoration: none;
	color: gray;
	float: left;
}

#contact a:link {
	font: normal 11px Helvetica;
	font-family: Helvetica, FreeSans, "Gargi_1.7", Malayalam, Arial, sans-serif;
	letter-spacing: 1px;
	line-height: 14px;
	text-align: justify;
	text-decoration: none;
	color: #3A3A3A;
}

#contact a:hover {
	font: normal 11px Helvetica;
	font-family: Helvetica, FreeSans, "Gargi_1.7", Malayalam, Arial, sans-serif;
	letter-spacing: 1px;
	line-height: 14px;
	text-align: justify;
	text-decoration: none;
	color: #999999;
}

#contact a:focus {
	text-decoration: none;
	color: #999999;
}

#contact a:active {
	text-decoration: none;
	color: #999999;
}

#contact a:visited {
	font: normal 11px Helvetica;
	font-family: Helvetica, FreeSans, "Gargi_1.7", Malayalam, Arial, sans-serif;
	letter-spacing: 1px;
	line-height: 14px;
	text-align: justify;
	text-decoration: none;	
}

div#projects {
	position: relative;
	left: 180px;
	width: 280px;
	height: 350px
	font: normal 11px Helvetica;
	font-family: Helvetica, FreeSans, "Gargi_1.7", Malayalam, Arial, sans-serif;
	letter-spacing: 1px;
	line-height: 14px;
	text-align: justify;
	text-decoration: none;
	color: #252727;
	float: left;
}

div#details {
	position: relative;
	left: 180px;
	width: 280px;
	height: 350px
	font: normal 11px Helvetica;
	font-family: Helvetica, FreeSans, "Gargi_1.7", Malayalam, Arial, sans-serif;
	letter-spacing: 1px;
	line-height: 14px;
	text-align: justify;
	text-decoration: none;
	color: #252727;
	float: left;
}

div#vfxprojects {
	font: normal 11px Helvetica;
	font-family: Helvetica, FreeSans, "Gargi_1.7", Malayalam, Arial, sans-serif;
	letter-spacing: 1px;
	line-height: 14px;
	text-align: justify;
	text-decoration: none;
	color: #7C7C7C;	
}

#vfxprojects a:link {
	font: normal 11px Helvetica;
	font-family: Helvetica, FreeSans, "Gargi_1.7", Malayalam, Arial, sans-serif;
	letter-spacing: 1px;
	line-height: 14px;
	text-align: justify;
	text-decoration: none;
	color: #3A3A3A;
}

#vfxprojects a:hover {
	font: normal 11px Helvetica;
	font-family: Helvetica, FreeSans, "Gargi_1.7", Malayalam, Arial, sans-serif;
	letter-spacing: 1px;
	line-height: 14px;
	text-align: justify;
	text-decoration: none;
	color: #999999;
}

#vfxprojects a:focus {
	text-decoration: none;
	color: #999999;
}

#vfxprojects a:active {
	text-decoration: none;
	color: #999999;
}

#vfxprojects a:visited {
	font: normal 11px Helvetica;
	font-family: Helvetica, FreeSans, "Gargi_1.7", Malayalam, Arial, sans-serif;
	letter-spacing: 1px;
	line-height: 14px;
	text-align: justify;
	text-decoration: none;	
}


div#animationprojects {
	font: normal 11px Helvetica;
	font-family: Helvetica, FreeSans, "Gargi_1.7", Malayalam, Arial, sans-serif;
	letter-spacing: 1px;
	line-height: 14px;
	text-align: justify;
	text-decoration: none;
	color: #7C7C7C;
}

#animationprojects a:link {
	font: normal 11px Helvetica;
	font-family: Helvetica, FreeSans, "Gargi_1.7", Malayalam, Arial, sans-serif;
	letter-spacing: 1px;
	line-height: 14px;
	text-align: justify;
	text-decoration: none;
	color: #3A3A3A;
}

#animationprojects a:hover {
	font: normal 11px Helvetica;
	font-family: Helvetica, FreeSans, "Gargi_1.7", Malayalam, Arial, sans-serif;
	letter-spacing: 1px;
	line-height: 14px;
	text-align: justify;
	text-decoration: none;
	color: #999999;
}

#animationprojects a:focus {
	text-decoration: none;
	color: #999999;
}

#animationprojects a:active {
	text-decoration: none;
	color: #999999;
}

#animationprojects a:visited {
	font: normal 11px Helvetica;
	font-family: Helvetica, FreeSans, "Gargi_1.7", Malayalam, Arial, sans-serif;
	letter-spacing: 1px;
	line-height: 14px;
	text-align: justify;
	text-decoration: none;	
}

div#projectinfo {
	font: normal 11px Helvetica;
	font-family: Helvetica, FreeSans, "Gargi_1.7", Malayalam, Arial, sans-serif;
	letter-spacing: 1px;
	line-height: 14px;
	text-align: justify;
	text-decoration: none;
	color: #7C7C7C;
}

div#artworkbackbutton {
	position: relative;
	left: 18px;
	width: 90px;
	height: 38px;
	background-image: url(images/artworkback.png);
	background-repeat: no-repeat;
	float: left;
	outline: none;
}

#artworkbackbutton a:link {
	outline: none;
}

#artworkbackbutton a:hover {
	outline: none;
}

#artworkbackbutton a:visited {
	outline: none;
}

div#animationbackbutton {
	position: relative;
	left: 18px;
	width: 90px;
	height: 38px;
	background-image: url(images/animationback.png);
	background-repeat: no-repeat;
	float: left;
	outline: none;
}

#animationbackbutton a:link {
	outline: none;
}

#animationbackbutton a:hover {
	outline: none;
}

#animationbackbutton a:visited {
	outline: none;
}

div#vfxbackbutton {
	position: relative;
	left: 18px;
	width: 90px;
	height: 38px;
	background-image: url(images/vfxback.png);
	background-repeat: no-repeat;
	float: left;
	outline: none;
}

#vfxbackbutton a:link {
	outline: none;
}

#vfxbackbutton a:hover {
	outline: none;
}

#vfxbackbutton a:visited {
	outline: none;
}

div#padding {
	position: relative;
	left: 18px;
	width: 90px;
	height: 38px;
	float: left
}

div#vfxbutton {
	position: relative;
	left: 263px;
	width: 159px;
	height: 36px;
	background-image: url(images/vfx.png);
	background-repeat: no-repeat;
	float: left;
}

#vfxbutton a:link {
	outline: none;
}

#vfxbutton a:hover {
	outline: none;
}

#vfxbutton a:visited {
	outline: none;
}

div#animationbutton {
	position: relative;
	left: 263px;
	width: 153px;
	height: 36px;
	background-image: url(images/animation.png);
	background-repeat: no-repeat;
	float: left;
	outline: none;
}

#animationbutton a:link {
	outline: none;
}

#animationbutton a:hover {
	outline: none;
}

#animationbutton a:visited {
	outline: none;
}

div#artworkbutton {
	position: relative;
	left: 263px;
	width: 153px;
	height: 36px;
	background-image: url(images/artwork.png);
	background-repeat: no-repeat;
	float: left;
	outline: none;
}

#artworkbutton a:link {
	outline: none;
}

#artworkbutton a:hover {
	outline: none;
}

#artworkbutton a:visited {
	outline: none;
}



