@charset "UTF-8";

* { padding: 0; margin: 0; }

body {font-family: Arial, Helvetica, sans-serif; background: #FFFFFF; color:#666; }

a:link {color: #ff00a9;}
a:visited {color: #555555;}
a:active {color: #ff00a9;}
a:hover {text-decoration:underline;}
a {text-decoration: none}

ul#navOne { margin:0px; padding:0px; background:url(navBG.png) no-repeat 0 0 }
ul#navOne li { list-style-type:none }
ul#navOne li a { display:block; width:56px; height:18px; text-indent:-9999px; outline:none }


ul#navTwo { margin:0px; padding:0px; background:url(navBG.png) no-repeat 0 0 }
ul#navTwo li { list-style-type:none }
ul#navTwo li a { display:block; width:56px; height:18px; text-indent:-9999px; outline:none }

ul#navThree { margin:0px; padding:0px; background:url(navBG.png) no-repeat 0 0 }
ul#navThree li { list-style-type:none }
ul#navThree li a { display:block; height:18px; text-indent:-9999px; outline:none }

li#navProject a, li#navAbout a, li#navContact a, li#navAll a, li#navWeb a, li#navMotion a, li#navGraphic a, li#navIdentity a, li#navIllustration a, li#navAllTwo a { background:url(heiNav.png) }

li#navProject a 					{ background-position:0 0; width:56px; left:0 }
li#navProject a:hover				{ background-position:0 -18px }
body#pageProject li#navProject a 	{ background-position:0 -36px }

li#navAbout a 						{ background-position:-56px 0; width:56px; left:56px }
li#navAbout a:hover					{ background-position:-56px -18px }
body#pageAbout li#navAbout a 		{ background-position:-56px -36px }

li#navContact a 					{ background-position:-112px 0; width:56px; left:112px }
li#navContact a:hover				{ background-position:-112px -18px }
body#pageContact li#navContact a 	{ background-position:-112px -36px }

li#navAll a 						{ background-position:-168px 0; width:56px; left:168px }
li#navAll a:hover					{ background-position:-168px -18px }
body#pageAll li#navAll a 			{ background-position:-168px -36px }
.pageAll li#navAll a 				{ background-position:-168px -36px }

li#navWeb a 						{ background-position:-224px 0; width:56px; left:224px }
li#navWeb a:hover					{ background-position:-224px -18px }
body#pageWeb li#navWeb a 			{ background-position:-224px -36px }
.pageWeb li#navWeb a 				{ background-position:-224px -36px }

li#navMotion a 						{ background-position:-280px 0; width:56px; left:280px }
li#navMotion a:hover				{ background-position:-280px -18px }
body#pageMotion li#navMotion a 		{ background-position:-280px -36px }
.pageMotion li#navMotion a 			{ background-position:-280px -36px }

li#navGraphic a 					{ background-position:-336px 0; width:56px; left:336px }
li#navGraphic a:hover				{ background-position:-336px -18px }
body#pageGraphic li#navGraphic a 	{ background-position:-336px -36px }
.pageGraphic li#navGraphic a 		{ background-position:-336px -36px }

li#navAllTwo a 							{ background-position:-168px 0; width:56px; left:168px }
li#navAllTwo a:hover					{ background-position:-168px -18px }
body#pageAllTwo li#navAllTwo a 			{ background-position:-168px -36px }
.pageAllTwo li#navAllTwo a 				{ background-position:-168px -36px }

li#navIdentity a 						{ background-position:-392px 0; width:56px; left:392px }
li#navIdentity a:hover					{ background-position:-392px -18px }
body#pageIdentity li#navIdentity a 		{ background-position:-392px -36px }
.pageIdentity li#navIdentity a 			{ background-position:-392px -36px }

li#navIllustration a 							{ background-position:-448px 0; width:76px; left:448px }
li#navIllustration a:hover						{ background-position:-448px -18px }
body#pageIllustration li#navIllustration a 		{ background-position:-448px -36px }
.pageIllustration li#navIllustration a 			{ background-position:-448px -36px }


#wrapper {width: 845px; margin: 0 auto;}

#header {margin-top: 10px; width: 100%; height: 110px;}
#navOneContainer {width: 140px; height: 110px; float:left; list-style: none;}
#navTwoContainer {width: 141px; height: 110px; float:left; list-style: none;}
#navThreeContainer {width: 141px; height: 110px; float:left; list-style: none;}
#logo {width: 141px; height: 110px; float:right;}
.image {border:0px; }
	
#content {margin-top: 100px; width: 100%; height: 100%;}
#bodyTextContainer {margin-top: 150px; margin-bottom: 150px; width: 100%;}
#motion {margin-bottom: 141px; width: 100%;}
#web {margin-bottom: 141px; width: 100%;}
#graphic {margin-bottom: 10px; width: 100%; }

IMG.displayed {display: block; margin-left: auto; margin-right: auto; margin-bottom:50px; margin-top:10px; }

#footer {margin-top: 70px; margin-bottom: 5px; width: 100%; text-align:right; font-size:11px;}