a  {
   text-decoration: none;
   color: #000000;
}

a ins  {
   text-decoration: none;
}

#whentheartof3danimationisimplemented3dmodelsneedtob p,
#welcometoskyscapevisualizationsanimationsection p,
#i3dcanbeappliedinmultimediaareassuchas p,
#i3dcharacteranimationisnotonlyusedforhollywoodmotionpic p,
#intodaystextcopy p,
#characteranimationisthedesignandanimationofasingleorm p,
#id586comebrowsetext p,
#id573comebrowsetext p,
#flythroughanimationsaretheperfectwayofpresentingaproje p,
#motiongraphicsistheartofcombiningvideoandoranimationt p,
#foramorecomprehensivelookatourvfxworkpleasedownloado p,
#flythroughsarenotonlyusedinarchitecturedepartmentbutca p,
#intodaystext p,
#notonlytextcopy2 p  {
   font: 11px/13px Verdana;
   margin: 0px;
   text-align: left;
   color: #163552;
}

#flyermenu li,
#i3dcharactermenucopy li,
#greenscreencapetowninteractivemediacapetownmenu li,
#charactermenu li,
#i3dproductdesignsouthafricaproductpackreplacementmenu li,
#pezulalaresidencegrandbaiecapebaypereyberemenu li,
#cgarchitecturemenu li,
#dvdinteractivemenus3dcharacteranimationcapetownmenu li,
#vfxmenu li,
#motiongraphicsmenu li,
#newslettermenu li,
#developmentsmenu li,
#websitemenu li,
#flythroughsmenucopy li  {
   height: 100%;
   display: block;
   float: left;
   margin: 0px;
}

#i3dcharacteranimationisnotonlyusedforhollywoodmotionpic,
#characteranimationisthedesignandanimationofasingleorm,
#flythroughanimationsaretheperfectwayofpresentingaproje,
#i3dcanbeappliedinmultimediaareassuchas,
#motiongraphicsistheartofcombiningvideoandoranimationt,
#welcometoskyscapevisualizationsanimationsection,
#whentheartof3danimationisimplemented3dmodelsneedtob  {
   visibility: visible;
   position: absolute;
   left: 76px;
   z-index: 7;
   width: 753px;
}

#whereelsecaniuseflythroughanimations p,
#motiongraphicanimation p,
#whatexactlyisanimation p,
#browseskyscapesarchitecturalworktext p,
#howcaniuse3dcharacteranimationformyproductorservices p,
#i3dcharacteranimationanddesign p,
#howdotheymake3dcharacteranimations p,
#animatedflythroughsforarchitecturalandrealestatedevelop p,
#howcanimakeuseofanimation p  {
   font: italic 12px/14px "Verdana Bold";
   margin: 0px;
   color: #27404D;
   text-align: left;
}

#dvdinteractivemenus3dcharacteranimationcapetownmenu li a,
#greenscreencapetowninteractivemediacapetownmenu li a,
#flyermenu li a,
#pezulalaresidencegrandbaiecapebaypereyberemenu li a,
#cgarchitecturemenu li a,
#i3dproductdesignsouthafricaproductpackreplacementmenu li a,
#websitemenu li a,
#newslettermenu li a  {
   text-decoration: none;
   color: #223B54;
   height: 100%;
   display: block;
}

#websitemenu li a:hover,
#cgarchitecturemenu li a:hover,
#i3dproductdesignsouthafricaproductpackreplacementmenu li a:hover,
#newslettermenu li a:hover,
#flyermenu li a:hover,
#dvdinteractivemenus3dcharacteranimationcapetownmenu li a:hover,
#greenscreencapetowninteractivemediacapetownmenu li a:hover  {
   color: #004080;
}

#pid43i3dcharacter,
#pid8laresidence,
#pid41animation,
#pid14vfx,
#pid6developments,
#pid7pezula,
#pid11pereybere,
#pid10capebay,
#pid12vanwyksdorp,
#pid42flythroughs,
#pid44motiongraphics,
#pid15character,
#pid9grandbaie,
#home,
#pid13eden  {
   margin: 0px auto 0px auto;
   width: 900px;
   position: relative;
}

#id549blogbutton a:hover,
#faqterminologybutton a:hover,
#workingprocessbutton a:hover,
#id553aboutcontactbutton a:hover,
#downloadsbutton a:hover,
#showreelsbutton a:hover,
#id559recentworkbutton a:hover  {
   background-position: -92px 0%;
}

#i3dcharactermenucopy li a:hover,
#flythroughsmenucopy li a:hover,
#vfxmenu li a:hover,
#infotext p a:hover,
#motiongraphicsmenu li a:hover,
#developmentsmenu li a:hover,
#charactermenu li a:hover  {
   color: #FFFFFF;
   font-weight: bold;
}

#id549blogbutton a,
#workingprocessbutton a,
#showreelsbutton a,
#id553aboutcontactbutton a,
#downloadsbutton a,
#id559recentworkbutton a,
#faqterminologybutton a  {
   background-repeat: no-repeat;
   display: block;
   height: 31px;
   width: 92px;
   background-position: 0% 0px;
   font-size: 31px;
   line-height: 31px;
}

#corporateidbutton a,
#animationbutton a,
#graphicdesignbutton a,
#postproductionbutton a,
#interactivemediabutton a,
#websitedesignbutton a  {
   background-repeat: no-repeat;
   display: block;
   height: 29px;
   background-position: 0% 0px;
   font-size: 29px;
   line-height: 29px;
}

#i3dcharactermenucopy li a,
#vfxmenu li a,
#charactermenu li a,
#flythroughsmenucopy li a,
#developmentsmenu li a,
#motiongraphicsmenu li a  {
   font-weight: Normal;
   text-decoration: none;
   color: #FFFFFF;
   height: 100%;
   display: block;
}

#whatexactlyisanimation,
#animatedflythroughsforarchitecturalandrealestatedevelop,
#i3dcharacteranimationanddesign,
#motiongraphicanimation  {
   visibility: visible;
   position: absolute;
   left: 62px;
   top: 391px;
   z-index: 7;
}

#diggbutton a:hover,
#rssbutton a:hover,
#youtubebutton a:hover,
#twitterbutton a:hover,
#facebookbutton a:hover  {
   background-position: -32px 0%;
}

#greenscreencapetowninteractivemediacapetownmenu,
#i3dproductdesignsouthafricaproductpackreplacementmenu  {
   font: italic 9px Verdana;
   text-align: center;
   margin: 0px;
   padding: 0px;
   list-style: none;
   color: #223B54;
   position: absolute;
   left: 0px;
   z-index: 4;
   width: 900px;
}

#id44gallerythumb,
#id41gallerythumb,
#id45gallerythumb,
#id42gallerythumb,
#id43gallerythumb  {
   visibility: visible;
   margin-top: -3px;
   margin-left: -3px;
   background-position: 50% 50%;
   position: absolute;
   left: 800px;
   z-index: 10;
   width: 74px;
}

#characterproductexample p,
#cityflythrough p,
#interiorflythrough p,
#landscapeflythrough p  {
   font: bold 10px/12px Verdana;
   margin: 0px;
   color: #27404D;
   text-align: left;
}

#interactivemediabutton a:hover,
#websitedesignbutton a:hover,
#graphicdesignbutton a:hover  {
   background-position: -139px 0%;
}

#interiorflythroughbutton a,
#landsacpeflythroughbutton a,
#exteriorflythroughbutton a  {
   background-repeat: no-repeat;
   display: block;
   height: 152px;
   background-position: 0% 0px;
   font-size: 152px;
   line-height: 152px;
}

#flythroughsmenucopy,
#motiongraphicsmenu,
#i3dcharactermenucopy,
#developmentsmenu  {
   font: italic 11px/11px Verdana;
   height: 11px;
   text-align: center;
   margin: 0px;
   padding: 0px;
   list-style: none;
   color: #FFFFFF;
   position: absolute;
   top: 340px;
   z-index: 12;
}

#rssbutton a,
#twitterbutton a,
#facebookbutton a,
#youtubebutton a,
#diggbutton a  {
   background-repeat: no-repeat;
   display: block;
   height: 32px;
   width: 32px;
   background-position: 0% 0px;
   font-size: 32px;
   line-height: 32px;
}

#id572aboutcontactbutton a,
#id587recentworkbutton a,
#id579blogbutton a  {
   background: url(homemedia/id587recentworkbutton.png) no-repeat 0% 0px;
   display: block;
   height: 23px;
   width: 69px;
   font-size: 23px;
   line-height: 23px;
}

#youtubebutton,
#diggbutton,
#rssbutton,
#twitterbutton,
#facebookbutton  {
   visibility: visible;
   position: absolute;
   top: 873px;
   z-index: 5;
   width: 32px;
   height: 32px;
}

#id572aboutcontactbutton,
#id587recentworkbutton,
#id579blogbutton  {
   visibility: visible;
   position: absolute;
   top: 774px;
   z-index: 8;
   width: 69px;
   height: 23px;
}

#flythroughsskyscapevisualizations,
#developmentsbuttonbackground  {
   background: url(animationmedia/id123flythroughsskyscapevis.png) no-repeat;
   visibility: visible;
   position: absolute;
   left: 58px;
   top: 321px;
   z-index: 9;
   width: 134px;
   height: 58px;
}

#i3dcharacterskyscapevisualizations,
#characterbuttonbackground  {
   background: url(animationmedia/id1223dcharacterskyscapevis.png) no-repeat;
   visibility: visible;
   position: absolute;
   left: 184px;
   top: 333px;
   z-index: 8;
   width: 121px;
   height: 39px;
}

#websitemenu,
#flyermenu,
#cgarchitecturemenu,
#newslettermenu  {
   font: italic 9px/9px Verdana;
   height: 9px;
   text-align: center;
   margin: 0px;
   padding: 0px;
   list-style: none;
   color: #223B54;
   position: absolute;
   left: -1px;
   z-index: 2;
   width: 901px;
}

#id573comebrowsetext,
#notonlytextcopy2,
#id586comebrowsetext  {
   visibility: visible;
   position: absolute;
   top: 635px;
   z-index: 8;
   width: 205px;
}

#id41gallerythumb a,
#id45gallerythumb a,
#id43gallerythumb a  {
   display: block;
   width: 74px;
   height: 82px;
}

#pezulalaresidencegrandbaiecapebaypereyberemenu li a:hover  {
   text-decoration: underline;
}

#i3dcharacteranimationisnotonlyusedforhollywoodmotionpic  {
	top: 678px;
}

#motiongraphicsskyscapevisualizations,
#buttonbackground  {
   background: url(animationmedia/id121motiongraphicsskyscape.png) no-repeat;
   visibility: visible;
   position: absolute;
   left: 304px;
   top: 333px;
   z-index: 7;
   width: 121px;
   height: 39px;
}

#animatedflythroughsforarchitecturalandrealestatedevelop  {
   width: 518px;
}

#flythroughanimationsaretheperfectwayofpresentingaproje  {
   top: 422px;
}

#motiongraphicsistheartofcombiningvideoandoranimationt  {
   top: 422px;
}

#characteranimationisthedesignandanimationofasingleorm  {
   top: 412px;
}

#i3dproductdesignsouthafricaproductpackreplacementmenu  {
   top: 930px;
   line-height: 9px;
   height: 9px;
}

#foramorecomprehensivelookatourvfxworkpleasedownloado  {
   visibility: visible;
   position: absolute;
   left: 74px;
   top: 384px;
   z-index: 7;
   width: 772px;
}

#dvdinteractivemenus3dcharacteranimationcapetownmenu  {
	font: italic 9px/15px Verdana;
	height: 15px;
	text-align: center;
	margin: 0px;
	padding: 0px;
	list-style: none;
	color: #223B54;
	position: absolute;
	left: -1px;
	top: 949px;
	z-index: 4;
	width: 901px;
}

#whentheartof3danimationisimplemented3dmodelsneedtob  {
	top: 538px;
}

#skyscapevisualizations3darchitecturerenderingtext p  {
   font: 9px/11px Verdana;
   margin: 0px;
   color: #FFFFFF;
   text-align: left;
}

#pezulalaresidencegrandbaiecapebaypereyberemenu li a  {
   color: #163552;
}

#skyscapevisualizations3darchitecturerenderingtext  {
   visibility: visible;
   position: absolute;
   left: 0px;
   top: 3px;
   z-index: 13;
   width: 900px;
}

#greenscreencapetowninteractivemediacapetownmenu  {
   top: 942px;
   line-height: 8px;
   height: 8px;
}

#welcometoskyscapevisualizationsanimationsection  {
   top: 422px;
}

#pezulalaresidencegrandbaiecapebaypereyberemenu  {
   font: 11px/11px Verdana;
   height: 11px;
   text-align: center;
   margin: 0px;
   padding: 0px;
   list-style: none;
   color: #163552;
   position: absolute;
   left: 351px;
   top: 384px;
   z-index: 7;
   width: 483px;
}

#id574aboutcontactbutton a,
#id581blogbutton a  {
   background-repeat: no-repeat;
   display: block;
   height: 130px;
   width: 225px;
   background-position: 0% 0px;
   font-size: 130px;
   line-height: 130px;
}

#id559recentworkbutton,
#faqterminologybutton  {
   visibility: visible;
   position: absolute;
   top: 102px;
   z-index: 14;
   width: 92px;
   height: 31px;
}

#interactivemediabutton,
#websitedesignbutton  {
   visibility: visible;
   position: absolute;
   top: 166px;
   z-index: 12;
   width: 139px;
   height: 29px;
}

#sripeswork,
#stripesblog,
#stripesdetails  {
   visibility: visible;
   position: absolute;
   top: 453px;
   z-index: 7;
   width: 248px;
   height: 353px;
   background-repeat: no-repeat;
}

#id581blogbutton,
#id574aboutcontactbutton  {
   visibility: visible;
   position: absolute;
   top: 497px;
   z-index: 8;
   width: 225px;
   height: 130px;
}

#id44gallerythumb a,
#id42gallerythumb a  {
   display: block;
   width: 74px;
   height: 79px;
}

#i3dcanbeappliedinmultimediaareassuchas  {
   top: 582px;
}

#browseskyscapesarchitecturalworktext  {
   visibility: visible;
   position: absolute;
   left: 78px;
   top: 382px;
   z-index: 8;
   width: 287px;
}

#showreelsbutton,
#id549blogbutton  {
   visibility: visible;
   position: absolute;
   top: 102px;
   z-index: 13;
   width: 92px;
   height: 31px;
}

#i3dvisualizationbutton a:hover  {
   background-position: -117px 0%;
}

#i3dcharacteranimationanddesign  {
   width: 262px;
}

#postproductionbutton a:hover  {
   background-position: -122px 0%;
}

#landsacpeflythroughbutton a  {
   width: 196px;
   background-image: url(flythroughsmedia/landsacpeflythroughbutton.png);
}

#skyscapevisualizationshadow  {
   background: url(charactermedia/skyscapevisualizationshadow.png) no-repeat;
   visibility: visible;
   position: absolute;
   left: 794px;
   top: 408px;
   z-index: 9;
   width: 91px;
   height: 444px;
}

#stripesright,
#stripesleft  {
   visibility: visible;
   position: absolute;
   top: 334px;
   z-index: 5;
   width: 48px;
   height: 528px;
   background-repeat: no-repeat;
}

#exteriorflythroughbutton a  {
   width: 198px;
   background-image: url(flythroughsmedia/exteriorflythroughbutton.png);
}

#interiorflythroughbutton a  {
   width: 198px;
   background-image: url(flythroughsmedia/interiorflythroughbutton.png);
}

#corporateidbutton a:hover  {
   background-position: -116px 0%;
}

#id574aboutcontactbutton a  {
   background-image: url(homemedia/id574aboutcontactbutton.png);
}

#id553aboutcontactbutton a  {
   background-image: url(animationmedia/id553aboutcontactbutton.png);
}

#i3dvisualizationbutton a  {
   background: url(animationmedia/3dvisualizationbutton.png) no-repeat 0% 0px;
   display: block;
   height: 41px;
   width: 117px;
   font-size: 41px;
   line-height: 41px;
}

#interactivemediabutton a  {
   width: 139px;
   background-image: url(animationmedia/interactivemediabutton.png);
}

#id574aboutcontactbutton  {
   left: 598px;
}

#id553aboutcontactbutton  {
   visibility: visible;
   position: absolute;
   left: 620px;
   top: 102px;
   z-index: 15;
   width: 92px;
   height: 31px;
}

#id559recentworkbutton a  {
   background-image: url(animationmedia/id559recentworkbutton.png);
}

#animationbutton a:hover  {
   background-position: -107px 0%;
}

#vfxmenu,
#charactermenu  {
   font: italic 11px/12px Verdana;
   height: 12px;
   text-align: center;
   margin: 0px;
   padding: 0px;
   list-style: none;
   color: #FFFFFF;
   position: absolute;
   top: 341px;
   z-index: 12;
   width: 102px;
}

#gallerypicturebox table  {
   width: 100%;
   height: 100%;
}

#id572aboutcontactbutton  {
   left: 748px;
}

#motiongraphicanimation  {
   width: 191px;
}

#i3dvisualizationbutton  {
   visibility: visible;
   position: absolute;
   left: 13px;
   top: 159px;
   z-index: 12;
   width: 117px;
   height: 41px;
}

#interactivemediabutton  {
   left: 271px;
}

#workingprocessbutton a  {
   background-image: url(animationmedia/workingprocessbutton.png);
}

#whatexactlyisanimation  {
   width: 194px;
}

#postproductionbutton a  {
   width: 122px;
   background-image: url(animationmedia/postproductionbutton.png);
}

#faqterminologybutton a  {
   background-image: url(animationmedia/faqterminologybutton.png);
}

#websitedesignbutton a  {
   width: 139px;
   background-image: url(animationmedia/websitedesignbutton.png);
}

#id587recentworkbutton  {
   left: 228px;
}

#dotscopy4,
#dotscopy3  {
   background: url(animationmedia/dotscopy4.png) no-repeat;
   visibility: visible;
   position: absolute;
   top: 176px;
   z-index: 15;
   width: 8px;
   height: 8px;
}

#id559recentworkbutton  {
   left: 259px;
}

#id586comebrowsetext p  {
   text-align: justify;
}

#id573comebrowsetext p  {
   text-align: justify;
}

#graphicdesignbutton a  {
   width: 139px;
   background-image: url(animationmedia/graphicdesignbutton.png);
}

#dotscopy6,
#dotscopy  {
   visibility: visible;
   position: absolute;
   top: 176px;
   z-index: 13;
   width: 8px;
   height: 8px;
   background-repeat: no-repeat;
}

#workingprocessbutton  {
   visibility: visible;
   position: absolute;
   left: 439px;
   top: 102px;
   z-index: 17;
   width: 92px;
   height: 31px;
}

#faqterminologybutton  {
   left: 711px;
}

#postproductionbutton  {
   visibility: visible;
   position: absolute;
   left: 147px;
   top: 166px;
   z-index: 12;
   width: 122px;
   height: 29px;
}

#i3dcharactermenucopy  {
   width: 104px;
   left: 193px;
}

#flythroughsmenucopy  {
   width: 99px;
   left: 76px;
}

#websitedesignbutton  {
   left: 641px;
}

#corporateidbutton a  {
   width: 116px;
   background-image: url(animationmedia/corporateidbutton.png);
}

#graphicdesignbutton  {
   visibility: visible;
   position: absolute;
   left: 511px;
   top: 166px;
   z-index: 13;
   width: 139px;
   height: 29px;
}

#id586comebrowsetext  {
   left: 84px;
}

#id573comebrowsetext  {
   left: 604px;
}

#glowsocialnetworks  {
   background: url(animationmedia/glowsocialnetworks.png) no-repeat;
   visibility: visible;
   position: absolute;
   left: 466px;
   top: 872px;
   z-index: 5;
   width: 187px;
   height: 37px;
}

#cgarchitecturemenu  {
   z-index: 4;
   top: 919px;
}

#motiongraphicsmenu  {
   width: 104px;
   left: 313px;
}

#notonlytextcopy2 p  {
   text-align: justify;
}

#homebutton a:hover  {
   background-position: -171px 0%;
}

#id34socialnetworks  {
   background: url(animationmedia/id34socialnetworks.png) no-repeat;
   visibility: visible;
   position: absolute;
   left: 503px;
   top: 885px;
   z-index: 6;
   width: 127px;
   height: 11px;
}

#downloadsbutton a  {
   background-image: url(animationmedia/downloadsbutton.png);
}

#animationbutton a  {
   width: 107px;
   background-image: url(animationmedia/animationbutton.png);
}

#gallerypicturebox  {
   border: 3px solid #242424;
   visibility: visible;
   margin-top: -3px;
   margin-left: -3px;
   position: absolute;
   left: 26px;
   top: 411px;
   z-index: 9;
   width: 760px;
   height: 428px;
}

#id581blogbutton a  {
   background-image: url(homemedia/id581blogbutton.png);
}

#showreelsbutton a  {
   background-image: url(animationmedia/showreelsbutton.png);
}

#corporateidbutton  {
   visibility: visible;
   position: absolute;
   left: 784px;
   top: 166px;
   z-index: 12;
   width: 116px;
   height: 29px;
}

#id549blogbutton a  {
   background-image: url(animationmedia/id549blogbutton.png);
}

#skyscape3dshadow  {
   background: url(charactermedia/skyscape3dshadow.png) no-repeat;
   visibility: visible;
   position: absolute;
   left: 10px;
   top: 397px;
   z-index: 7;
   width: 889px;
   height: 467px;
}

#notonlytextcopy2  {
   left: 343px;
}

#id45gallerythumb  {
   height: 82px;
   top: 411px;
}

#id44gallerythumb  {
   height: 79px;
   top: 499px;
}

#facebookbutton a  {
   background-image: url(animationmedia/facebookbutton.png);
}

#id42gallerythumb  {
   height: 79px;
   top: 672px;
}

#id43gallerythumb  {
   height: 82px;
   top: 584px;
}

#developmentsmenu  {
   width: 103px;
   left: 73px;
   top: 341px;
}

#id41gallerythumb  {
   height: 82px;
   top: 757px;
}

#id549blogbutton  {
   left: 801px;
}

#id579blogbutton  {
   left: 488px;
}

#youtubebutton a  {
   background-image: url(animationmedia/youtubebutton.png);
}

#downloadsbutton  {
   visibility: visible;
   position: absolute;
   left: 530px;
   top: 102px;
   z-index: 16;
   width: 92px;
   height: 31px;
}

#animationbutton  {
   visibility: visible;
   position: absolute;
   left: 415px;
   top: 166px;
   z-index: 14;
   width: 107px;
   height: 29px;
}

#id581blogbutton  {
   left: 338px;
}

#twitterbutton a  {
   background-image: url(animationmedia/twitterbutton.png);
}

#showreelsbutton  {
   left: 350px;
}

#skyscapeshadow  {
   background: url(charactermedia/skyscapeshadow.png) no-repeat;
   visibility: visible;
   position: absolute;
   left: 21px;
   top: 408px;
   z-index: 8;
   width: 775px;
   height: 444px;
}

#middlegradient  {
   background: url(animationmedia/middlegradient.png) no-repeat;
   visibility: visible;
   position: absolute;
   left: 35px;
   top: 334px;
   z-index: 6;
   width: 830px;
   height: 489px;
}

#newslettermenu  {
   top: 988px;
   line-height: 10px;
   height: 10px;
}

#facebookbutton  {
   left: 740px;
}

#stripesdetails  {
   background-image: url(homemedia/stripesdetails.png);
   left: 587px;
}

#twitterbutton  {
   left: 659px;
}

#stripestopnav  {
   background: url(animationmedia/stripestopnav.png) no-repeat;
   visibility: visible;
   position: absolute;
   left: 0px;
   top: 25px;
   z-index: 12;
   width: 900px;
   height: 107px;
}

#charactermenu  {
   left: 313px;
}

#youtubebutton  {
   left: 700px;
}

#bluecovercopy  {
   background: url(animationmedia/bluecovercopy.png) no-repeat;
   visibility: visible;
   position: absolute;
   left: 0px;
   top: 863px;
   z-index: 2;
   width: 900px;
   height: 59px;
}

#stripesbottom  {
   background: url(animationmedia/stripesbottom.png) no-repeat;
   visibility: visible;
   position: absolute;
   left: 0px;
   top: 914px;
   z-index: 1;
   width: 900px;
   height: 86px;
}

#diggbutton a  {
   background-image: url(animationmedia/diggbutton.png);
}

#infotext p a  {
   font-weight: Normal;
   color: #FFFFFF;
   text-decoration: none;
}

#i3danimation  {
   background: url(animationmedia/3danimation.png) no-repeat;
   visibility: visible;
   position: absolute;
   left: 245px;
   top: 251px;
   z-index: 13;
   width: 489px;
   height: 40px;
}

#stripesright  {
   background-image: url(animationmedia/stripesright.png);
   left: 852px;
}

#homebutton a  {
   background: url(animationmedia/homebutton.png) no-repeat 0% 0px;
   display: block;
   height: 92px;
   width: 171px;
   font-size: 92px;
   line-height: 92px;
}

#stripesleft  {
   background-image: url(animationmedia/stripesleft.png);
   left: 0px;
}

#nvelopecopy  {
   background: url(animationmedia/nvelopecopy.png) no-repeat;
   visibility: visible;
   position: absolute;
   left: 19px;
   top: 873px;
   z-index: 5;
   width: 32px;
   height: 34px;
}

#websitemenu  {
   top: 976px;
}

#rssbutton a  {
   background-image: url(animationmedia/rssbutton.png);
}

#id31contact  {
   background: url(animationmedia/id31contact.png) no-repeat;
   visibility: visible;
   position: absolute;
   left: 59px;
   top: 885px;
   z-index: 5;
   width: 185px;
   height: 11px;
}

#middlewhite  {
   background: url(animationmedia/middlewhite.png) no-repeat;
   visibility: visible;
   position: absolute;
   left: 0px;
   top: 0px;
   z-index: 4;
   width: 900px;
   height: 863px;
}

#stripesblog  {
   background-image: url(homemedia/stripesblog.png);
   left: 327px;
}

#layer2copy3  {
   background: url(animationmedia/layer2copy3.png) no-repeat;
   visibility: visible;
   position: absolute;
   left: 0px;
   top: 0px;
   z-index: 5;
   width: 900px;
   height: 25px;
}

#homebutton  {
   visibility: visible;
   position: absolute;
   left: 40px;
   top: 33px;
   z-index: 13;
   width: 171px;
   height: 92px;
}

#sripeswork  {
   background-image: url(homemedia/sripeswork.png);
   left: 67px;
}

#diggbutton  {
   left: 820px;
}

#infotext p  {
   font: 12px/14px Verdana;
   margin: 0px;
   color: #FFFFFF;
   text-align: center;
}

#dotscopy6  {
   background-image: url(animationmedia/dotscopy6.png);
   left: 775px;
}

#rssbutton  {
   left: 780px;
}

#glowcopy5  {
   background: url(charactermedia/glowcopy5.png) no-repeat;
   visibility: visible;
   position: absolute;
   left: 514px;
   top: 223px;
   z-index: 12;
   width: 156px;
   height: 103px;
}

#glowcopy4  {
   background: url(animationmedia/glowcopy4.png) no-repeat;
   visibility: visible;
   position: absolute;
   left: 516px;
   top: 223px;
   z-index: 12;
   width: 245px;
   height: 103px;
}

#bluecover  {
   background: url(animationmedia/bluecover.png) no-repeat;
   visibility: visible;
   position: absolute;
   left: 0px;
   top: 131px;
   z-index: 10;
   width: 900px;
   height: 209px;
}

#dotscopy5  {
   background: url(animationmedia/dotscopy5.png) no-repeat;
   visibility: visible;
   position: absolute;
   left: 645px;
   top: 176px;
   z-index: 14;
   width: 8px;
   height: 8px;
}

#dotscopy4  {
   left: 516px;
}

#id500work  {
   background: url(charactermedia/id500work.png) no-repeat;
   visibility: visible;
   position: absolute;
   left: 245px;
   top: 250px;
   z-index: 13;
   width: 400px;
   height: 41px;
}

#i3dbanner  {
   background: url(animationmedia/3dbanner.png) no-repeat;
   visibility: visible;
   position: absolute;
   left: 0px;
   top: 867px;
   z-index: 4;
   width: 900px;
   height: 45px;
}

#visualize  {
   background: url(animationmedia/visualize.png) no-repeat;
   visibility: visible;
   position: absolute;
   left: 260px;
   top: 46px;
   z-index: 13;
   width: 633px;
   height: 50px;
}

#dotscopy2  {
   background: url(animationmedia/dotscopy2.png) no-repeat;
   visibility: visible;
   position: absolute;
   left: 138px;
   top: 176px;
   z-index: 12;
   width: 8px;
   height: 8px;
}

#dotscopy3  {
   left: 416px;
}

#flyermenu  {
   top: 965px;
}

#infotext  {
   visibility: visible;
   position: absolute;
   left: 248px;
   top: 882px;
   z-index: 5;
   width: 147px;
}

#dotscopy  {
   background-image: url(animationmedia/dotscopy4.png);
   left: 268px;
}

#bluecopy  {
   background: url(animationmedia/bluecopy.png) no-repeat;
   visibility: visible;
   position: absolute;
   left: 0px;
   top: 817px;
   z-index: 3;
   width: 900px;
   height: 144px;
}

#vfxmenu  {
   left: 193px;
}

#blue  {
   background: url(animationmedia/blue.png) no-repeat;
   visibility: visible;
   position: absolute;
   left: 0px;
   top: 85px;
   z-index: 11;
   width: 900px;
   height: 294px;
}

.sgthumb:hover  {
   border-color: #C3C3C3;
}

.sgthumb  {
   border: 3px solid #464646;
   background-position: 50% 50%;
   background-repeat: no-repeat;
}

html, body  {
   padding: 0px;
   margin: 0px;
   background: #FFFFFF url(animationmedia/exteriortile.png) center top repeat;
}

a  {
   text-decoration: none;
   color: #000000;
}

a ins  {
   text-decoration: none;
}

#skyscapevisualizationshaverecentlybeeninvolvedinsomever p a:hover  {
   color: #FF8000;
   text-decoration: underline;
}

#skyscapevisualizationshaverecentlybeeninvolvedinsomever p a  {
   text-decoration: none;
   color: #FFFFFF;
}

#skyscapevisualizationshaverecentlybeeninvolvedinsomever p  {
   font: 12px/14px Verdana;
   margin: 0px;
   color: #FFFFFF;
   text-align: left;
}

#skyscapevisualizationshaverecentlybeeninvolvedinsomever  {
   visibility: visible;
   position: absolute;
   left: 45px;
   top: 482px;
   z-index: 3;
   width: 825px;
}

#wwwomadastudioscombutton a:hover  {
   background-position: -67px 0%;
}

#wwwskyscapevizcombutton a:hover  {
   background-position: -171px 0%;
}

#wwwomadastudioscombutton a  {
   background: url(blogmedia/wwwomadastudioscombutton.gif) no-repeat 0% 0px;
   display: block;
   height: 119px;
   width: 67px;
   font-size: 119px;
   line-height: 119px;
}

#wwwskyscapevizcombutton a  {
   background: url(blogmedia/wwwskyscapevizcombutton.gif) no-repeat 0% 0px;
   display: block;
   height: 92px;
   width: 171px;
   font-size: 92px;
   line-height: 92px;
}

#wwwomadastudioscombutton  {
   visibility: visible;
   position: absolute;
   left: 77px;
   top: 299px;
   z-index: 3;
   width: 67px;
   height: 119px;
}

#wwwskyscapevizcombutton  {
   visibility: visible;
   position: absolute;
   left: 696px;
   top: 314px;
   z-index: 3;
   width: 171px;
   height: 92px;
}

#layer7  {
   background: url(blogmedia/layer7.gif) no-repeat;
   position: absolute;
   left: 0px;
   top: 0px;
   z-index: 2;
   width: 900px;
   height: 600px;
}

#layer1  {
   background: url(blogmedia/layer1.gif) no-repeat;
   visibility: visible;
   position: absolute;
   left: 0px;
   top: 0px;
   z-index: 1;
   width: 900px;
   height: 600px;
}

#blog  {
   margin: 0px auto 0px auto;
   width: 900px;
   position: relative;
}

html, body  {
   padding: 0px;
   margin: 0px;
   background: #000000 url(blogmedia/exteriortile.gif) center top repeat;
}

a  {
   text-decoration: none;
   color: #000000;
}

a ins  {
   text-decoration: none;
}

#flyermenu li,
#i3dcharactermenucopy li,
#greenscreencapetowninteractivemediacapetownmenu li,
#i3dproductdesignsouthafricaproductpackreplacementmenu li,
#cgarchitecturemenu li,
#dvdinteractivemenus3dcharacteranimationcapetownmenu li,
#newslettermenu li,
#motiongraphicsmenu li,
#websitemenu li,
#flythroughsmenucopy li  {
   height: 100%;
   display: block;
   float: left;
   margin: 0px;
}

#websitemenu li a:hover,
#cgarchitecturemenu li a:hover,
#i3dproductdesignsouthafricaproductpackreplacementmenu li a:hover,
#newslettermenu li a:hover,
#flyermenu li a:hover,
#dvdinteractivemenus3dcharacteranimationcapetownmenu li a:hover,
#greenscreencapetowninteractivemediacapetownmenu li a:hover  {
   color: #004080;
}

#dvdinteractivemenus3dcharacteranimationcapetownmenu li a,
#greenscreencapetowninteractivemediacapetownmenu li a,
#flyermenu li a,
#cgarchitecturemenu li a,
#i3dproductdesignsouthafricaproductpackreplacementmenu li a,
#websitemenu li a,
#newslettermenu li a  {
   text-decoration: none;
   color: #223B54;
   height: 100%;
   display: block;
}

#id553blogbutton a:hover,
#faqterminologybutton a:hover,
#workingprocessbutton a:hover,
#id557aboutcontactbutton a:hover,
#downloadsbutton a:hover,
#showreelsbutton a:hover,
#id563recentworkbutton a:hover  {
   background-position: -92px 0%;
}

#intodaystextcopy p,
#id590comebrowsetext p,
#id577comebrowsetext p,
#motiongraphicsistheartofcombiningvideoandoranimationt p,
#intodaystext p,
#notonlytextcopy2 p  {
   font: 11px/13px Verdana;
   margin: 0px;
   color: #163552;
}

#workingprocessbutton a,
#showreelsbutton a,
#id557aboutcontactbutton a,
#downloadsbutton a,
#id553blogbutton a,
#id563recentworkbutton a,
#faqterminologybutton a  {
   background-repeat: no-repeat;
   display: block;
   height: 31px;
   width: 92px;
   background-position: 0% 0px;
   font-size: 31px;
   line-height: 31px;
}

#showreelsbutton,
#id553blogbutton,
#id557aboutcontactbutton,
#id563recentworkbutton,
#faqterminologybutton,
#workingprocessbutton,
#downloadsbutton  {
   visibility: visible;
   position: absolute;
   top: 102px;
   width: 92px;
   height: 31px;
}

#corporateidbutton a,
#animationbutton a,
#graphicdesignbutton a,
#postproductionbutton a,
#interactivemediabutton a,
#websitedesignbutton a  {
   background-repeat: no-repeat;
   display: block;
   height: 29px;
   background-position: 0% 0px;
   font-size: 29px;
   line-height: 29px;
}

#i3dcharactermenucopy li a:hover,
#flythroughsmenucopy li a:hover,
#infotext p a:hover,
#motiongraphicsmenu li a:hover  {
   color: #FFFFFF;
   font-weight: bold;
}

#diggbutton a:hover,
#rssbutton a:hover,
#youtubebutton a:hover,
#twitterbutton a:hover,
#facebookbutton a:hover  {
   background-position: -32px 0%;
}

#greenscreencapetowninteractivemediacapetownmenu,
#i3dproductdesignsouthafricaproductpackreplacementmenu  {
   font: italic 9px Verdana;
   text-align: center;
   margin: 0px;
   padding: 0px;
   list-style: none;
   color: #223B54;
   position: absolute;
   left: 0px;
   z-index: 4;
   width: 900px;
}

#interactivemediabutton a:hover,
#websitedesignbutton a:hover,
#graphicdesignbutton a:hover  {
   background-position: -139px 0%;
}

#rssbutton a,
#twitterbutton a,
#facebookbutton a,
#youtubebutton a,
#diggbutton a  {
   background-repeat: no-repeat;
   display: block;
   height: 32px;
   width: 32px;
   background-position: 0% 0px;
   font-size: 32px;
   line-height: 32px;
}

#flythroughsmenucopy li a,
#i3dcharactermenucopy li a,
#motiongraphicsmenu li a  {
   font-weight: Normal;
   text-decoration: none;
   color: #FFFFFF;
   height: 100%;
   display: block;
}

#youtubebutton,
#diggbutton,
#rssbutton,
#twitterbutton,
#facebookbutton  {
   visibility: visible;
   position: absolute;
   top: 873px;
   z-index: 5;
   width: 32px;
   height: 32px;
}

#id576aboutcontactbutton a,
#id583blogbutton a,
#id591recentworkbutton a  {
   background: url(homemedia/id591recentworkbutton.png) no-repeat 0% 0px;
   display: block;
   height: 23px;
   width: 69px;
   font-size: 23px;
   line-height: 23px;
}

#dotscopy6,
#dotscopy5,
#dotscopy4,
#dotscopy,
#dotscopy3,
#dotscopy2  {
   visibility: visible;
   position: absolute;
   top: 176px;
   width: 8px;
   height: 8px;
   background-repeat: no-repeat;
}

#graphicdesignbutton,
#interactivemediabutton,
#websitedesignbutton  {
   visibility: visible;
   position: absolute;
   top: 166px;
   width: 139px;
   height: 29px;
}

#id576aboutcontactbutton,
#id591recentworkbutton,
#id583blogbutton  {
   visibility: visible;
   position: absolute;
   top: 774px;
   z-index: 8;
   width: 69px;
   height: 23px;
}

#flythroughsmenucopy,
#motiongraphicsmenu,
#i3dcharactermenucopy  {
   font: italic 11px/11px Verdana;
   height: 11px;
   text-align: center;
   margin: 0px;
   padding: 0px;
   list-style: none;
   color: #FFFFFF;
   position: absolute;
   top: 340px;
   z-index: 12;
}

#websitemenu,
#flyermenu,
#cgarchitecturemenu,
#newslettermenu  {
   font: italic 9px/9px Verdana;
   height: 9px;
   text-align: center;
   margin: 0px;
   padding: 0px;
   list-style: none;
   color: #223B54;
   position: absolute;
   left: -1px;
   z-index: 2;
   width: 901px;
}

#id590comebrowsetext,
#notonlytextcopy2,
#id577comebrowsetext  {
   visibility: visible;
   position: absolute;
   top: 635px;
   z-index: 8;
   width: 205px;
}

#motiongraphicsreelbutton a,
#motiongraphicsshowcasebutton a  {
   background-repeat: no-repeat;
   display: block;
   height: 197px;
   width: 345px;
   background-position: 0% 0px;
   font-size: 197px;
   line-height: 197px;
}

#motiongraphicsistheartofcombiningvideoandoranimationt p  {
   text-align: left;
}

#motiongraphicsreelbutton,
#motiongraphicsshowcasebutton  {
   visibility: visible;
   position: absolute;
   top: 621px;
   z-index: 7;
   width: 345px;
   height: 197px;
}

#i3dproductdesignsouthafricaproductpackreplacementmenu  {
   top: 930px;
   line-height: 9px;
   height: 9px;
}

#dvdinteractivemenus3dcharacteranimationcapetownmenu  {
	font: italic 9px/15px Verdana;
	height: 14px;
	text-align: center;
	margin: 0px;
	padding: 0px;
	list-style: none;
	color: #223B54;
	position: absolute;
	left: -1px;
	top: 950px;
	z-index: 4;
	width: 901px;
}

#skyscapevisualizations3darchitecturerenderingtext p  {
   font: 9px/11px Verdana;
   margin: 0px;
   color: #FFFFFF;
   text-align: left;
}

#skyscapevisualizations3darchitecturerenderingtext  {
   visibility: visible;
   position: absolute;
   left: 0px;
   top: 3px;
   width: 900px;
}

#greenscreencapetowninteractivemediacapetownmenu  {
   top: 942px;
   line-height: 8px;
   height: 8px;
}

#id578aboutcontactbutton a,
#id585blogbutton a  {
   background-repeat: no-repeat;
   display: block;
   height: 130px;
   width: 225px;
   background-position: 0% 0px;
   font-size: 130px;
   line-height: 130px;
}

#id578aboutcontactbutton,
#id585blogbutton  {
   visibility: visible;
   position: absolute;
   top: 497px;
   z-index: 8;
   width: 225px;
   height: 130px;
}

#sripeswork,
#stripesblog,
#stripesdetails  {
   visibility: visible;
   position: absolute;
   top: 453px;
   z-index: 7;
   width: 248px;
   height: 353px;
   background-repeat: no-repeat;
}

#pid1home,
#pid44motiongraphics  {
   margin: 0px auto 0px auto;
   width: 900px;
   position: relative;
}

#i3dvisualizationbutton a:hover  {
   background-position: -117px 0%;
}

#motiongraphicsshowcasebutton a  {
   background-image: url(motiongraphicsmedia/id87motiongraphicsshowcaseb.png);
}

#motiongraphicsshowcasebutton  {
   left: 466px;
}

#postproductionbutton a:hover  {
   background-position: -122px 0%;
}

#stripesright,
#stripesleft  {
   background: url(homemedia/stripesleft.png) no-repeat;
   visibility: visible;
   position: absolute;
   top: 334px;
   z-index: 5;
   width: 48px;
   height: 528px;
}

#motiongraphicsreelbutton a  {
   background-image: url(motiongraphicsmedia/motiongraphicsreelbutton.png);
}

#id578aboutcontactbutton a  {
   background-image: url(homemedia/id578aboutcontactbutton.png);
}

#id557aboutcontactbutton a  {
   background-image: url(homemedia/id557aboutcontactbutton.png);
}

#corporateidbutton a:hover  {
   background-position: -116px 0%;
}

#interactivemediabutton a  {
   width: 139px;
   background-image: url(homemedia/interactivemediabutton.png);
}

#i3dvisualizationbutton a  {
   background: url(homemedia/3dvisualizationbutton.png) no-repeat 0% 0px;
   display: block;
   height: 41px;
   width: 117px;
   font-size: 41px;
   line-height: 41px;
}

#motiongraphicsreelbutton  {
   left: 101px;
}

#id557aboutcontactbutton  {
   left: 620px;
}

#id576aboutcontactbutton  {
   left: 748px;
}

#id578aboutcontactbutton  {
   left: 598px;
}

#animationbutton a:hover  {
   background-position: -107px 0%;
}

#id563recentworkbutton a  {
   background-image: url(homemedia/id563recentworkbutton.png);
}

#faqterminologybutton a  {
   background-image: url(homemedia/faqterminologybutton.png);
}

#interactivemediabutton  {
   left: 271px;
}

#workingprocessbutton a  {
   background-image: url(homemedia/workingprocessbutton.png);
}

#i3dvisualizationbutton  {
   visibility: visible;
   position: absolute;
   left: 13px;
   top: 159px;
   width: 117px;
   height: 41px;
}

#postproductionbutton a  {
   width: 122px;
   background-image: url(homemedia/postproductionbutton.png);
}

#id563recentworkbutton  {
   left: 259px;
}

#id590comebrowsetext p  {
   text-align: justify;
}

#id591recentworkbutton  {
   left: 228px;
}

#graphicdesignbutton a  {
   width: 139px;
   background-image: url(homemedia/graphicdesignbutton.png);
}

#websitedesignbutton a  {
   width: 139px;
   background-image: url(homemedia/websitedesignbutton.png);
}

#id577comebrowsetext p  {
   text-align: justify;
}

#faqterminologybutton  {
   left: 711px;
}

#i3dcharactermenucopy  {
   width: 104px;
   left: 193px;
}

#workingprocessbutton  {
   left: 439px;
}

#postproductionbutton  {
   visibility: visible;
   position: absolute;
   left: 147px;
   top: 166px;
   width: 122px;
   height: 29px;
}

#websitedesignbutton  {
   left: 641px;
}

#id577comebrowsetext  {
   left: 604px;
}

#flythroughsmenucopy  {
   width: 99px;
   left: 76px;
}

#graphicdesignbutton  {
   left: 511px;
}

#id590comebrowsetext  {
   left: 84px;
}

#corporateidbutton a  {
   width: 116px;
   background-image: url(homemedia/corporateidbutton.png);
}

#cgarchitecturemenu  {
   z-index: 4;
   top: 919px;
}

#intodaystextcopy p  {
   text-align: left;
}

#glowsocialnetworks  {
   background: url(homemedia/glowsocialnetworks.png) no-repeat;
   visibility: visible;
   position: absolute;
   left: 466px;
   top: 872px;
   z-index: 5;
   width: 187px;
   height: 37px;
}

#homebutton a:hover  {
   background-position: -171px 0%;
}

#id34socialnetworks  {
   background: url(homemedia/id34socialnetworks.png) no-repeat;
   visibility: visible;
   position: absolute;
   left: 503px;
   top: 885px;
   z-index: 6;
   width: 127px;
   height: 11px;
}

#motiongraphicsmenu  {
   width: 104px;
   left: 313px;
}

#notonlytextcopy2 p  {
   text-align: justify;
}

#downloadsbutton a  {
   background-image: url(homemedia/downloadsbutton.png);
}

#animationbutton a  {
   width: 107px;
   background-image: url(homemedia/animationbutton.png);
}

#showreelsbutton a  {
   background-image: url(homemedia/showreelsbutton.png);
}

#id553blogbutton a  {
   background-image: url(homemedia/id553blogbutton.png);
}

#id585blogbutton a  {
   background-image: url(homemedia/id585blogbutton.png);
}

#corporateidbutton  {
   visibility: visible;
   position: absolute;
   left: 784px;
   top: 166px;
   width: 116px;
   height: 29px;
}

#notonlytextcopy2  {
   left: 343px;
}

#facebookbutton a  {
   background-image: url(homemedia/facebookbutton.png);
}

#id553blogbutton  {
   left: 801px;
}

#id583blogbutton  {
   left: 488px;
}

#downloadsbutton  {
   left: 530px;
}

#animationbutton  {
   visibility: visible;
   position: absolute;
   left: 415px;
   top: 166px;
   width: 107px;
   height: 29px;
}

#twitterbutton a  {
   background-image: url(homemedia/twitterbutton.png);
}

#showreelsbutton  {
   left: 350px;
}

#id585blogbutton  {
   left: 338px;
}

#youtubebutton a  {
   background-image: url(homemedia/youtubebutton.png);
}

#newslettermenu  {
   top: 988px;
   line-height: 10px;
   height: 10px;
}

#facebookbutton  {
   left: 740px;
}

#stripesdetails  {
   background-image: url(homemedia/stripesdetails.png);
   left: 587px;
}

#middlegradient  {
   background: url(homemedia/middlegradient.png) no-repeat;
   visibility: visible;
   position: absolute;
   left: 35px;
   top: 334px;
   z-index: 6;
   width: 830px;
   height: 489px;
}

#intodaystext p  {
   text-align: left;
}

#stripesbottom  {
   background: url(homemedia/stripesbottom.png) no-repeat;
   visibility: visible;
   position: absolute;
   left: 0px;
   top: 914px;
   z-index: 1;
   width: 900px;
   height: 86px;
}

#youtubebutton  {
   left: 700px;
}

#twitterbutton  {
   left: 659px;
}

#bluecovercopy  {
   background: url(homemedia/bluecovercopy.png) no-repeat;
   visibility: visible;
   position: absolute;
   left: 0px;
   top: 863px;
   z-index: 2;
   width: 900px;
   height: 59px;
}

#stripestopnav  {
   background: url(homemedia/stripestopnav.png) no-repeat;
   visibility: visible;
   position: absolute;
   left: 0px;
   top: 25px;
   width: 900px;
   height: 107px;
}

#stripesright  {
   left: 852px;
}

#diggbutton a  {
   background-image: url(homemedia/diggbutton.png);
}

#homebutton a  {
   background: url(homemedia/homebutton.png) no-repeat 0% 0px;
   display: block;
   height: 92px;
   width: 171px;
   font-size: 92px;
   line-height: 92px;
}

#infotext p a  {
   font-weight: Normal;
   color: #FFFFFF;
   text-decoration: none;
}

#nvelopecopy  {
   background: url(homemedia/nvelopecopy.png) no-repeat;
   visibility: visible;
   position: absolute;
   left: 19px;
   top: 873px;
   z-index: 5;
   width: 32px;
   height: 34px;
}

#rssbutton a  {
   background-image: url(homemedia/rssbutton.png);
}

#layer2copy3  {
   background: url(homemedia/layer2copy3.png) no-repeat;
   visibility: visible;
   position: absolute;
   left: 0px;
   top: 0px;
   z-index: 5;
   width: 900px;
   height: 25px;
}

#stripesleft  {
   left: 0px;
}

#middlewhite  {
   background: url(homemedia/middlewhite.png) no-repeat;
   visibility: visible;
   position: absolute;
   left: 0px;
   top: 0px;
   z-index: 4;
   width: 900px;
   height: 863px;
}

#stripesblog  {
   background-image: url(homemedia/stripesblog.png);
   left: 327px;
}

#websitemenu  {
   top: 976px;
}

#id31contact  {
   background: url(homemedia/id31contact.png) no-repeat;
   visibility: visible;
   position: absolute;
   left: 59px;
   top: 885px;
   z-index: 5;
   width: 185px;
   height: 11px;
}

#sripeswork  {
   background-image: url(homemedia/sripeswork.png);
   left: 67px;
}

#infotext p  {
   font: 12px/14px Verdana;
   margin: 0px;
   color: #FFFFFF;
   text-align: center;
}

#homebutton  {
   visibility: visible;
   position: absolute;
   left: 40px;
   top: 33px;
   width: 171px;
   height: 92px;
}

#diggbutton  {
   left: 820px;
}

#flyermenu  {
   top: 965px;
}

#dotscopy5  {
   background-image: url(homemedia/dotscopy5.png);
   left: 645px;
}

#dotscopy6  {
   background-image: url(homemedia/dotscopy6.png);
   left: 775px;
}

#dotscopy2  {
   background-image: url(homemedia/dotscopy2.png);
   left: 138px;
}

#visualize  {
   background: url(homemedia/visualize.png) no-repeat;
   visibility: visible;
   position: absolute;
   left: 260px;
   top: 46px;
   width: 633px;
   height: 50px;
}

#i3dbanner  {
   background: url(homemedia/3dbanner.png) no-repeat;
   visibility: visible;
   position: absolute;
   left: 0px;
   top: 867px;
   z-index: 4;
   width: 900px;
   height: 45px;
}

#dotscopy4  {
   background-image: url(homemedia/dotscopy4.png);
   left: 516px;
}

#rssbutton  {
   left: 780px;
}

#bluecover  {
   background: url(homemedia/bluecover.png) no-repeat;
   visibility: visible;
   position: absolute;
   left: 0px;
   top: 131px;
   width: 900px;
   height: 209px;
}

#dotscopy3  {
   background-image: url(homemedia/dotscopy4.png);
   left: 416px;
}

#dotscopy  {
   background-image: url(homemedia/dotscopy4.png);
   left: 268px;
}

#bluecopy  {
   background: url(homemedia/bluecopy.png) no-repeat;
   visibility: visible;
   position: absolute;
   left: 0px;
   top: 817px;
   z-index: 3;
   width: 900px;
   height: 144px;
}

#infotext  {
   visibility: visible;
   position: absolute;
   left: 248px;
   top: 882px;
   z-index: 5;
   width: 147px;
}

#blue  {
   visibility: visible;
   position: absolute;
   left: 0px;
   top: 85px;
   width: 900px;
   height: 294px;
   background-repeat: no-repeat;
}

html, body  {
   padding: 0px;
   margin: 0px;
   background: #FFFFFF url(homemedia/exteriortile.png) center top repeat;
}

a  {
   text-decoration: none;
   color: #000000;
}

a ins  {
   text-decoration: none;
}

#flyermenu li,
#i3dcharactermenucopy li,
#greenscreencapetowninteractivemediacapetownmenu li,
#i3dproductdesignsouthafricaproductpackreplacementmenu li,
#cgarchitecturemenu li,
#dvdinteractivemenus3dcharacteranimationcapetownmenu li,
#newslettermenu li,
#motiongraphicsmenu li,
#websitemenu li,
#flythroughsmenucopy li  {
   height: 100%;
   display: block;
   float: left;
   margin: 0px;
}

#websitemenu li a:hover,
#cgarchitecturemenu li a:hover,
#i3dproductdesignsouthafricaproductpackreplacementmenu li a:hover,
#newslettermenu li a:hover,
#flyermenu li a:hover,
#dvdinteractivemenus3dcharacteranimationcapetownmenu li a:hover,
#greenscreencapetowninteractivemediacapetownmenu li a:hover  {
   color: #004080;
}

#dvdinteractivemenus3dcharacteranimationcapetownmenu li a,
#greenscreencapetowninteractivemediacapetownmenu li a,
#flyermenu li a,
#cgarchitecturemenu li a,
#i3dproductdesignsouthafricaproductpackreplacementmenu li a,
#websitemenu li a,
#newslettermenu li a  {
   text-decoration: none;
   color: #223B54;
   height: 100%;
   display: block;
}

#id553blogbutton a:hover,
#faqterminologybutton a:hover,
#workingprocessbutton a:hover,
#id557aboutcontactbutton a:hover,
#downloadsbutton a:hover,
#showreelsbutton a:hover,
#id563recentworkbutton a:hover  {
   background-position: -92px 0%;
}

#intodaystextcopy p,
#id590comebrowsetext p,
#id577comebrowsetext p,
#motiongraphicsistheartofcombiningvideoandoranimationt p,
#intodaystext p,
#notonlytextcopy2 p  {
   font: 11px/13px Verdana;
   margin: 0px;
   color: #163552;
}

#workingprocessbutton a,
#showreelsbutton a,
#id557aboutcontactbutton a,
#downloadsbutton a,
#id553blogbutton a,
#id563recentworkbutton a,
#faqterminologybutton a  {
   background-repeat: no-repeat;
   display: block;
   height: 31px;
   width: 92px;
   background-position: 0% 0px;
   font-size: 31px;
   line-height: 31px;
}

#showreelsbutton,
#id553blogbutton,
#id557aboutcontactbutton,
#id563recentworkbutton,
#faqterminologybutton,
#workingprocessbutton,
#downloadsbutton  {
   visibility: visible;
   position: absolute;
   top: 102px;
   width: 92px;
   height: 31px;
}

#corporateidbutton a,
#animationbutton a,
#graphicdesignbutton a,
#postproductionbutton a,
#interactivemediabutton a,
#websitedesignbutton a  {
   background-repeat: no-repeat;
   display: block;
   height: 29px;
   background-position: 0% 0px;
   font-size: 29px;
   line-height: 29px;
}

#i3dcharactermenucopy li a:hover,
#flythroughsmenucopy li a:hover,
#infotext p a:hover,
#motiongraphicsmenu li a:hover  {
   color: #FFFFFF;
   font-weight: bold;
}

#diggbutton a:hover,
#rssbutton a:hover,
#youtubebutton a:hover,
#twitterbutton a:hover,
#facebookbutton a:hover  {
   background-position: -32px 0%;
}

#greenscreencapetowninteractivemediacapetownmenu,
#i3dproductdesignsouthafricaproductpackreplacementmenu  {
   font: italic 9px Verdana;
   text-align: center;
   margin: 0px;
   padding: 0px;
   list-style: none;
   color: #223B54;
   position: absolute;
   left: 0px;
   z-index: 4;
   width: 900px;
}

#interactivemediabutton a:hover,
#websitedesignbutton a:hover,
#graphicdesignbutton a:hover  {
   background-position: -139px 0%;
}

#rssbutton a,
#twitterbutton a,
#facebookbutton a,
#youtubebutton a,
#diggbutton a  {
   background-repeat: no-repeat;
   display: block;
   height: 32px;
   width: 32px;
   background-position: 0% 0px;
   font-size: 32px;
   line-height: 32px;
}

#flythroughsmenucopy li a,
#i3dcharactermenucopy li a,
#motiongraphicsmenu li a  {
   font-weight: Normal;
   text-decoration: none;
   color: #FFFFFF;
   height: 100%;
   display: block;
}

#youtubebutton,
#diggbutton,
#rssbutton,
#twitterbutton,
#facebookbutton  {
   visibility: visible;
   position: absolute;
   top: 873px;
   z-index: 5;
   width: 32px;
   height: 32px;
}

#id576aboutcontactbutton a,
#id583blogbutton a,
#id591recentworkbutton a  {
   background: url(homemedia/id591recentworkbutton.png) no-repeat 0% 0px;
   display: block;
   height: 23px;
   width: 69px;
   font-size: 23px;
   line-height: 23px;
}

#dotscopy6,
#dotscopy5,
#dotscopy4,
#dotscopy,
#dotscopy3,
#dotscopy2  {
   visibility: visible;
   position: absolute;
   top: 176px;
   width: 8px;
   height: 8px;
   background-repeat: no-repeat;
}

#graphicdesignbutton,
#interactivemediabutton,
#websitedesignbutton  {
	visibility: visible;
	position: absolute;
	top: 166px;
	width: 139px;
	height: 29px;
}

#id576aboutcontactbutton,
#id591recentworkbutton,
#id583blogbutton  {
   visibility: visible;
   position: absolute;
   top: 774px;
   z-index: 8;
   width: 69px;
   height: 23px;
}

#flythroughsmenucopy,
#motiongraphicsmenu,
#i3dcharactermenucopy  {
   font: italic 11px/11px Verdana;
   height: 11px;
   text-align: center;
   margin: 0px;
   padding: 0px;
   list-style: none;
   color: #FFFFFF;
   position: absolute;
   top: 340px;
   z-index: 12;
}

#websitemenu,
#flyermenu,
#cgarchitecturemenu,
#newslettermenu  {
   font: italic 9px/9px Verdana;
   height: 9px;
   text-align: center;
   margin: 0px;
   padding: 0px;
   list-style: none;
   color: #223B54;
   position: absolute;
   left: -1px;
   z-index: 2;
   width: 901px;
}

#id590comebrowsetext,
#notonlytextcopy2,
#id577comebrowsetext  {
   visibility: visible;
   position: absolute;
   top: 635px;
   z-index: 8;
   width: 205px;
}

#motiongraphicsreelbutton a,
#motiongraphicsshowcasebutton a  {
   background-repeat: no-repeat;
   display: block;
   height: 197px;
   width: 345px;
   background-position: 0% 0px;
   font-size: 197px;
   line-height: 197px;
}

#motiongraphicsistheartofcombiningvideoandoranimationt p  {
   text-align: left;
}

#motiongraphicsreelbutton,
#motiongraphicsshowcasebutton  {
   visibility: visible;
   position: absolute;
   top: 621px;
   z-index: 7;
   width: 345px;
   height: 197px;
}

#i3dproductdesignsouthafricaproductpackreplacementmenu  {
   top: 930px;
   line-height: 9px;
   height: 9px;
}

#dvdinteractivemenus3dcharacteranimationcapetownmenu  {
	font: italic 9px/15px Verdana;
	height: 14px;
	text-align: center;
	margin: 0px;
	padding: 0px;
	list-style: none;
	color: #223B54;
	position: absolute;
	left: -1px;
	top: 950px;
	z-index: 4;
	width: 901px;
}

#skyscapevisualizations3darchitecturerenderingtext p  {
   font: 9px/11px Verdana;
   margin: 0px;
   color: #FFFFFF;
   text-align: left;
}

#skyscapevisualizations3darchitecturerenderingtext  {
   visibility: visible;
   position: absolute;
   left: 0px;
   top: 3px;
   width: 900px;
}

#greenscreencapetowninteractivemediacapetownmenu  {
   top: 942px;
   line-height: 8px;
   height: 8px;
}

#id578aboutcontactbutton a,
#id585blogbutton a  {
   background-repeat: no-repeat;
   display: block;
   height: 130px;
   width: 225px;
   background-position: 0% 0px;
   font-size: 130px;
   line-height: 130px;
}

#id578aboutcontactbutton,
#id585blogbutton  {
   visibility: visible;
   position: absolute;
   top: 497px;
   z-index: 8;
   width: 225px;
   height: 130px;
}

#sripeswork,
#stripesblog,
#stripesdetails  {
   visibility: visible;
   position: absolute;
   top: 453px;
   z-index: 7;
   width: 248px;
   height: 353px;
   background-repeat: no-repeat;
}

#pid1home,
#pid44motiongraphics  {
   margin: 0px auto 0px auto;
   width: 900px;
   position: relative;
}

#i3dvisualizationbutton a:hover  {
   background-position: -117px 0%;
}

#motiongraphicsshowcasebutton a  {
   background-image: url(motiongraphicsmedia/id87motiongraphicsshowcaseb.png);
}

#motiongraphicsshowcasebutton  {
   left: 466px;
}

#postproductionbutton a:hover  {
   background-position: -122px 0%;
}

#stripesright,
#stripesleft  {
   background: url(homemedia/stripesleft.png) no-repeat;
   visibility: visible;
   position: absolute;
   top: 334px;
   z-index: 5;
   width: 48px;
   height: 528px;
}

#motiongraphicsreelbutton a  {
   background-image: url(motiongraphicsmedia/motiongraphicsreelbutton.png);
}

#id578aboutcontactbutton a  {
   background-image: url(homemedia/id578aboutcontactbutton.png);
}

#id557aboutcontactbutton a  {
   background-image: url(homemedia/id557aboutcontactbutton.png);
}

#corporateidbutton a:hover  {
   background-position: -116px 0%;
}

#interactivemediabutton a  {
   width: 139px;
   background-image: url(homemedia/interactivemediabutton.png);
}

#i3dvisualizationbutton a  {
   background: url(homemedia/3dvisualizationbutton.png) no-repeat 0% 0px;
   display: block;
   height: 41px;
   width: 117px;
   font-size: 41px;
   line-height: 41px;
}

#motiongraphicsreelbutton  {
   left: 101px;
}

#id557aboutcontactbutton  {
   left: 620px;
}

#id576aboutcontactbutton  {
   left: 748px;
}

#id578aboutcontactbutton  {
   left: 598px;
}

#animationbutton a:hover  {
   background-position: -107px 0%;
}

#id563recentworkbutton a  {
   background-image: url(homemedia/id563recentworkbutton.png);
}

#faqterminologybutton a  {
   background-image: url(homemedia/faqterminologybutton.png);
}

#interactivemediabutton  {
   left: 271px;
}

#workingprocessbutton a  {
   background-image: url(homemedia/workingprocessbutton.png);
}

#i3dvisualizationbutton  {
   visibility: visible;
   position: absolute;
   left: 13px;
   top: 159px;
   width: 117px;
   height: 41px;
}

#postproductionbutton a  {
   width: 122px;
   background-image: url(homemedia/postproductionbutton.png);
}

#id563recentworkbutton  {
   left: 259px;
}

#id590comebrowsetext p  {
   text-align: justify;
}

#id591recentworkbutton  {
   left: 228px;
}

#graphicdesignbutton a  {
   width: 139px;
   background-image: url(homemedia/graphicdesignbutton.png);
}

#websitedesignbutton a  {
   width: 139px;
   background-image: url(homemedia/websitedesignbutton.png);
}

#id577comebrowsetext p  {
   text-align: justify;
}

#faqterminologybutton  {
   left: 711px;
}

#i3dcharactermenucopy  {
   width: 104px;
   left: 193px;
}

#workingprocessbutton  {
   left: 439px;
}

#postproductionbutton  {
   visibility: visible;
   position: absolute;
   left: 147px;
   top: 166px;
   width: 122px;
   height: 29px;
}

#websitedesignbutton  {
   left: 641px;
}

#id577comebrowsetext  {
   left: 604px;
}

#flythroughsmenucopy  {
   width: 99px;
   left: 76px;
}

#graphicdesignbutton  {
   left: 511px;
}

#id590comebrowsetext  {
   left: 84px;
}

#corporateidbutton a  {
   width: 116px;
   background-image: url(homemedia/corporateidbutton.png);
}

#cgarchitecturemenu  {
   z-index: 4;
   top: 919px;
}

#intodaystextcopy p  {
   text-align: left;
}

#glowsocialnetworks  {
   background: url(homemedia/glowsocialnetworks.png) no-repeat;
   visibility: visible;
   position: absolute;
   left: 466px;
   top: 872px;
   z-index: 5;
   width: 187px;
   height: 37px;
}

#homebutton a:hover  {
   background-position: -171px 0%;
}

#id34socialnetworks  {
   background: url(homemedia/id34socialnetworks.png) no-repeat;
   visibility: visible;
   position: absolute;
   left: 503px;
   top: 885px;
   z-index: 6;
   width: 127px;
   height: 11px;
}

#motiongraphicsmenu  {
   width: 104px;
   left: 313px;
}

#notonlytextcopy2 p  {
   text-align: justify;
}

#downloadsbutton a  {
   background-image: url(homemedia/downloadsbutton.png);
}

#animationbutton a  {
   width: 107px;
   background-image: url(homemedia/animationbutton.png);
}

#showreelsbutton a  {
   background-image: url(homemedia/showreelsbutton.png);
}

#id553blogbutton a  {
   background-image: url(homemedia/id553blogbutton.png);
}

#id585blogbutton a  {
   background-image: url(homemedia/id585blogbutton.png);
}

#corporateidbutton  {
   visibility: visible;
   position: absolute;
   left: 784px;
   top: 166px;
   width: 116px;
   height: 29px;
}

#notonlytextcopy2  {
   left: 343px;
}

#facebookbutton a  {
   background-image: url(homemedia/facebookbutton.png);
}

#id553blogbutton  {
   left: 801px;
}

#id583blogbutton  {
   left: 488px;
}

#downloadsbutton  {
   left: 530px;
}

#animationbutton  {
   visibility: visible;
   position: absolute;
   left: 415px;
   top: 166px;
   width: 107px;
   height: 29px;
}

#twitterbutton a  {
   background-image: url(homemedia/twitterbutton.png);
}

#showreelsbutton  {
   left: 350px;
}

#id585blogbutton  {
   left: 338px;
}

#youtubebutton a  {
   background-image: url(homemedia/youtubebutton.png);
}

#newslettermenu  {
   top: 988px;
   line-height: 10px;
   height: 10px;
}

#facebookbutton  {
   left: 740px;
}

#stripesdetails  {
   background-image: url(homemedia/stripesdetails.png);
   left: 587px;
}

#middlegradient  {
   background: url(homemedia/middlegradient.png) no-repeat;
   visibility: visible;
   position: absolute;
   left: 35px;
   top: 334px;
   z-index: 6;
   width: 830px;
   height: 489px;
}

#intodaystext p  {
   text-align: left;
}

#stripesbottom  {
   background: url(homemedia/stripesbottom.png) no-repeat;
   visibility: visible;
   position: absolute;
   left: 0px;
   top: 914px;
   z-index: 1;
   width: 900px;
   height: 86px;
}

#youtubebutton  {
   left: 700px;
}

#twitterbutton  {
   left: 659px;
}

#bluecovercopy  {
   background: url(homemedia/bluecovercopy.png) no-repeat;
   visibility: visible;
   position: absolute;
   left: 0px;
   top: 863px;
   z-index: 2;
   width: 900px;
   height: 59px;
}

#stripestopnav  {
   background: url(homemedia/stripestopnav.png) no-repeat;
   visibility: visible;
   position: absolute;
   left: 0px;
   top: 25px;
   width: 900px;
   height: 107px;
}

#stripesright  {
   left: 852px;
}

#diggbutton a  {
   background-image: url(homemedia/diggbutton.png);
}

#homebutton a  {
   background: url(homemedia/homebutton.png) no-repeat 0% 0px;
   display: block;
   height: 92px;
   width: 171px;
   font-size: 92px;
   line-height: 92px;
}

#infotext p a  {
   font-weight: Normal;
   color: #FFFFFF;
   text-decoration: none;
}

#nvelopecopy  {
   background: url(homemedia/nvelopecopy.png) no-repeat;
   visibility: visible;
   position: absolute;
   left: 19px;
   top: 873px;
   z-index: 5;
   width: 32px;
   height: 34px;
}

#rssbutton a  {
   background-image: url(homemedia/rssbutton.png);
}

#layer2copy3  {
   background: url(homemedia/layer2copy3.png) no-repeat;
   visibility: visible;
   position: absolute;
   left: 0px;
   top: 0px;
   z-index: 5;
   width: 900px;
   height: 25px;
}

#stripesleft  {
   left: 0px;
}

#middlewhite  {
   background: url(homemedia/middlewhite.png) no-repeat;
   visibility: visible;
   position: absolute;
   left: 0px;
   top: 0px;
   z-index: 4;
   width: 900px;
   height: 863px;
}

#stripesblog  {
   background-image: url(homemedia/stripesblog.png);
   left: 327px;
}

#websitemenu  {
   top: 976px;
}

#id31contact  {
   background: url(homemedia/id31contact.png) no-repeat;
   visibility: visible;
   position: absolute;
   left: 59px;
   top: 885px;
   z-index: 5;
   width: 185px;
   height: 11px;
}

#sripeswork  {
   background-image: url(homemedia/sripeswork.png);
   left: 67px;
}

#infotext p  {
   font: 12px/14px Verdana;
   margin: 0px;
   color: #FFFFFF;
   text-align: center;
}

#homebutton  {
   visibility: visible;
   position: absolute;
   left: 40px;
   top: 33px;
   width: 171px;
   height: 92px;
}

#diggbutton  {
   left: 820px;
}

#flyermenu  {
   top: 965px;
}

#dotscopy5  {
   background-image: url(homemedia/dotscopy5.png);
   left: 645px;
}

#dotscopy6  {
   background-image: url(homemedia/dotscopy6.png);
   left: 775px;
}

#dotscopy2  {
   background-image: url(homemedia/dotscopy2.png);
   left: 138px;
}

#visualize  {
   background: url(homemedia/visualize.png) no-repeat;
   visibility: visible;
   position: absolute;
   left: 260px;
   top: 46px;
   width: 633px;
   height: 50px;
}

#i3dbanner  {
   background: url(homemedia/3dbanner.png) no-repeat;
   visibility: visible;
   position: absolute;
   left: 0px;
   top: 867px;
   z-index: 4;
   width: 900px;
   height: 45px;
}

#dotscopy4  {
   background-image: url(homemedia/dotscopy4.png);
   left: 516px;
}

#rssbutton  {
   left: 780px;
}

#bluecover  {
   background: url(homemedia/bluecover.png) no-repeat;
   visibility: visible;
   position: absolute;
   left: 0px;
   top: 131px;
   width: 900px;
   height: 209px;
}

#dotscopy3  {
   background-image: url(homemedia/dotscopy4.png);
   left: 416px;
}

#dotscopy  {
   background-image: url(homemedia/dotscopy4.png);
   left: 268px;
}

#bluecopy  {
   background: url(homemedia/bluecopy.png) no-repeat;
   visibility: visible;
   position: absolute;
   left: 0px;
   top: 817px;
   z-index: 3;
   width: 900px;
   height: 144px;
}

#infotext  {
   visibility: visible;
   position: absolute;
   left: 248px;
   top: 882px;
   z-index: 5;
   width: 147px;
}

#blue  {
   visibility: visible;
   position: absolute;
   left: 0px;
   top: 85px;
   width: 900px;
   height: 294px;
   background-repeat: no-repeat;
}

html, body  {
   padding: 0px;
   margin: 0px;
   background: #FFFFFF url(homemedia/exteriortile.png) center top repeat;
}

#dvdinteractivemenus3dcharacteranimationcapetownmenu li,
#flythroughsmenucopy li,
#cgarchitecturemenu li,
#i3dcharactermenucopy li,
#newslettermenu li,
#motiongraphicsmenu li,
#websitemenu li,
#i3dproductdesignsouthafricaproductpackreplacementmenu li,
#greenscreencapetowninteractivemediacapetownmenu li,
#flyermenu li  {
   height: 100%;
   display: block;
   float: left;
   margin: 0px;
}

#websitemenu li a:hover,
#cgarchitecturemenu li a:hover,
#newslettermenu li a:hover,
#flyermenu li a:hover,
#dvdinteractivemenus3dcharacteranimationcapetownmenu li a:hover,
#greenscreencapetowninteractivemediacapetownmenu li a:hover,
#i3dproductdesignsouthafricaproductpackreplacementmenu li a:hover  {
   color: #004080;
}

#flyermenu li a,
#i3dproductdesignsouthafricaproductpackreplacementmenu li a,
#newslettermenu li a,
#websitemenu li a,
#dvdinteractivemenus3dcharacteranimationcapetownmenu li a,
#greenscreencapetowninteractivemediacapetownmenu li a,
#cgarchitecturemenu li a  {
   text-decoration: none;
   color: #223B54;
   height: 100%;
   display: block;
}

#downloadsbutton a:hover,
#showreelsbutton a:hover,
#id563recentworkbutton a:hover,
#id553blogbutton a:hover,
#id557aboutcontactbutton a:hover,
#workingprocessbutton a:hover,
#faqterminologybutton a:hover  {
   background-position: -92px 0%;
}

#downloadsbutton a,
#id557aboutcontactbutton a,
#showreelsbutton a,
#id563recentworkbutton a,
#id553blogbutton a,
#faqterminologybutton a,
#workingprocessbutton a  {
   background-repeat: no-repeat;
   display: block;
   height: 31px;
   width: 92px;
   background-position: 0% 0px;
   font-size: 31px;
   line-height: 31px;
}

#animationbutton a,
#postproductionbutton a,
#websitedesignbutton a,
#corporateidbutton a,
#interactivemediabutton a,
#graphicdesignbutton a  {
   background-repeat: no-repeat;
   display: block;
   height: 29px;
   background-position: 0% 0px;
   font-size: 29px;
   line-height: 29px;
}

#motiongraphicsmenu li a:hover,
#infotext p a:hover,
#i3dcharactermenucopy li a:hover,
#flythroughsmenucopy li a:hover  {
   color: #FFFFFF;
   font-weight: bold;
}

#diggbutton a:hover,
#twitterbutton a:hover,
#facebookbutton a:hover,
#rssbutton a:hover,
#youtubebutton a:hover  {
   background-position: -32px 0%;
}

#i3dproductdesignsouthafricaproductpackreplacementmenu,
#greenscreencapetowninteractivemediacapetownmenu  {
   font: italic 9px Verdana;
   text-align: center;
   margin: 0px;
   padding: 0px;
   list-style: none;
   color: #223B54;
   position: absolute;
   left: 0px;
   z-index: 4;
   width: 900px;
}

#interactivemediabutton a:hover,
#websitedesignbutton a:hover,
#graphicdesignbutton a:hover  {
   background-position: -139px 0%;
}

#diggbutton a,
#rssbutton a,
#youtubebutton a,
#twitterbutton a,
#facebookbutton a  {
   background-repeat: no-repeat;
   display: block;
   height: 32px;
   width: 32px;
   background-position: 0% 0px;
   font-size: 32px;
   line-height: 32px;
}

#motiongraphicsmenu li a,
#flythroughsmenucopy li a,
#i3dcharactermenucopy li a  {
   font-weight: Normal;
   text-decoration: none;
   color: #FFFFFF;
   height: 100%;
   display: block;
}

#dvdinteractivemenus3dcharacteranimationcapetownmenu,
#cgarchitecturemenu  {
   font: italic 9px Verdana;
   text-align: center;
   margin: 0px;
   padding: 0px;
   list-style: none;
   color: #223B54;
   position: absolute;
   left: -1px;
   z-index: 4;
   width: 901px;
}

#facebookbutton,
#twitterbutton,
#rssbutton,
#diggbutton,
#youtubebutton  {
   visibility: visible;
   position: absolute;
   top: 873px;
   z-index: 5;
   width: 32px;
   height: 32px;
}

#motiongraphicsreelbutton a:hover,
#motiongraphicsshowcasebutton a:hover  {
   background-position: -345px 0%;
}

#motiongraphicsmenu,
#i3dcharactermenucopy,
#flythroughsmenucopy  {
   font: italic 11px/11px Verdana;
   height: 11px;
   text-align: center;
   margin: 0px;
   padding: 0px;
   list-style: none;
   color: #FFFFFF;

   position: absolute;
   top: 340px;
   z-index: 12;
}

#motiongraphicsreelbutton a,
#motiongraphicsshowcasebutton a  {
   background-repeat: no-repeat;
   display: block;
   height: 197px;
   width: 345px;
   background-position: 0% 0px;
   font-size: 197px;
   line-height: 197px;
}

#motiongraphicsistheartofcombiningvideoandoranimationt p  {
   font: 11px/13px Verdana;
   margin: 0px;
   text-align: left;
   color: #163552;
}

#motiongraphicsshowcasebutton,
#motiongraphicsreelbutton  {
   visibility: visible;
   position: absolute;
   top: 621px;
   z-index: 7;
   width: 345px;
   height: 197px;
}

#motiongraphicsistheartofcombiningvideoandoranimationt  {
	visibility: visible;
	position: absolute;
	left: 76px;
	top: 422px;
	z-index: 7;
	width: 753px;
	height: 188px;
}

#i3dproductdesignsouthafricaproductpackreplacementmenu  {
   top: 930px;
   line-height: 9px;
   height: 9px;
}

#skyscapevisualizations3darchitecturerenderingtext p  {
   font: 9px/11px Verdana;
   margin: 0px;
   color: #FFFFFF;
   text-align: left;
}

#dvdinteractivemenus3dcharacteranimationcapetownmenu  {
	top: 950px;
	line-height: 15px;
	height: 15px;
}

#skyscapevisualizations3darchitecturerenderingtext  {
   visibility: visible;
   position: absolute;
   left: 0px;
   top: 3px;
   z-index: 13;
   width: 900px;
}

#greenscreencapetowninteractivemediacapetownmenu  {
   top: 942px;
   line-height: 8px;
   height: 8px;
}

#faqterminologybutton,
#id563recentworkbutton  {
   visibility: visible;
   position: absolute;
   top: 102px;
   z-index: 14;
   width: 92px;
   height: 31px;
}

#interactivemediabutton,
#websitedesignbutton  {
   visibility: visible;
   position: absolute;
   top: 166px;
   z-index: 12;
   width: 139px;
   height: 29px;
}

#newslettermenu,
#websitemenu,
#flyermenu  {
   font: italic 9px Verdana;
   text-align: center;
   margin: 0px;
   padding: 0px;
   list-style: none;
   color: #223B54;
   position: absolute;
   left: -1px;
   z-index: 2;
   width: 901px;
}

#motiongraphicsskyscapevisualizations  {
   background: url(motiongraphicsmedia/id122motiongraphicsskyscape.png) no-repeat;
   visibility: visible;
   position: absolute;
   left: 304px;
   top: 333px;
   z-index: 7;
   width: 121px;
   height: 39px;
}

#i3dcharacterskyscapevisualizations  {
   background: url(motiongraphicsmedia/id1233dcharacterskyscapevis.png) no-repeat;
   visibility: visible;
   position: absolute;
   left: 184px;
   top: 333px;
   z-index: 8;
   width: 121px;
   height: 39px;
}

#id553blogbutton,
#showreelsbutton  {
   visibility: visible;
   position: absolute;
   top: 102px;
   z-index: 13;
   width: 92px;
   height: 31px;
}

#flythroughsskyscapevisualizations  {
   background: url(motiongraphicsmedia/id124flythroughsskyscapevis.png) no-repeat;
   visibility: visible;
   position: absolute;
   left: 58px;
   top: 321px;
   z-index: 9;
   width: 134px;
   height: 58px;
}

#dotscopy3,
#dotscopy4,
#dotscopy  {
   background: url(motiongraphicsmedia/dotscopy4.png) no-repeat;
   visibility: visible;
   position: absolute;
   top: 176px;
   width: 8px;
   height: 8px;
}

#i3dvisualizationbutton a:hover  {
   background-position: -117px 0%;
}

#motiongraphicsshowcasebutton a  {
   background-image: url(motiongraphicsmedia/id87motiongraphicsshowcaseb.png);
}

#motiongraphicsshowcasebutton  {
   left: 466px;
}

#postproductionbutton a:hover  {
   background-position: -122px 0%;
}

#stripesright,
#stripesleft  {
   background: url(motiongraphicsmedia/stripesleft.png) no-repeat;
   visibility: visible;
   position: absolute;
   top: 334px;
   z-index: 5;
   width: 48px;
   height: 528px;
}

#motiongraphicsreelbutton a  {
   background-image: url(motiongraphicsmedia/motiongraphicsreelbutton.png);
}

#corporateidbutton a:hover  {
   background-position: -116px 0%;
}

#id557aboutcontactbutton a  {
   background-image: url(motiongraphicsmedia/id557aboutcontactbutton.png);
}

#interactivemediabutton a  {
   width: 139px;
   background-image: url(motiongraphicsmedia/interactivemediabutton.png);
}

#motiongraphicanimation p  {
   font: italic 12px/14px "Verdana Bold";
   margin: 0px;
   color: #27404D;
   text-align: left;
}

#i3dvisualizationbutton a  {
   background: url(motiongraphicsmedia/3dvisualizationbutton.png) no-repeat 0% 0px;
   display: block;
   height: 41px;
   width: 117px;
   font-size: 41px;
   line-height: 41px;
}

#motiongraphicsreelbutton  {
   left: 101px;
}

#animationbutton a:hover  {
   background-position: -107px 0%;
}

#id563recentworkbutton a  {
   background-image: url(motiongraphicsmedia/id563recentworkbutton.png);
}

#id557aboutcontactbutton  {
   visibility: visible;
   position: absolute;
   left: 620px;
   top: 102px;
   z-index: 15;
   width: 92px;
   height: 31px;
}

#postproductionbutton a  {
   width: 122px;
   background-image: url(motiongraphicsmedia/postproductionbutton.png);
}

#faqterminologybutton a  {
   background-image: url(motiongraphicsmedia/faqterminologybutton.png);
}

#i3dvisualizationbutton  {
   visibility: visible;
   position: absolute;
   left: 13px;
   top: 159px;
   z-index: 12;
   width: 117px;
   height: 41px;
}

#motiongraphicanimation  {
   visibility: visible;
   position: absolute;
   left: 62px;
   top: 391px;
   z-index: 7;
   width: 191px;
}

#workingprocessbutton a  {
   background-image: url(motiongraphicsmedia/workingprocessbutton.png);
}

#interactivemediabutton  {
   left: 271px;
}

#websitedesignbutton a  {
   width: 139px;
   background-image: url(motiongraphicsmedia/websitedesignbutton.png);
}

#graphicdesignbutton a  {
   width: 139px;
   background-image: url(motiongraphicsmedia/graphicdesignbutton.png);
}

#id563recentworkbutton  {
   left: 259px;
}

#i3dcharactermenucopy  {
   width: 104px;
   left: 193px;
}

#faqterminologybutton  {
   left: 711px;
}

#postproductionbutton  {
   visibility: visible;
   position: absolute;
   left: 147px;
   top: 166px;
   z-index: 12;
   width: 122px;
   height: 29px;
}

#workingprocessbutton  {
   visibility: visible;
   position: absolute;
   left: 439px;
   top: 102px;
   z-index: 17;
   width: 92px;
   height: 31px;
}

#flythroughsmenucopy  {
   width: 99px;
   left: 76px;
}

#corporateidbutton a  {
   width: 116px;
   background-image: url(motiongraphicsmedia/corporateidbutton.png);
}

#graphicdesignbutton  {
   visibility: visible;
   position: absolute;
   left: 511px;
   top: 166px;
   z-index: 13;
   width: 139px;
   height: 29px;
}

#websitedesignbutton  {
   left: 641px;
}

#pid44motiongraphics  {
   margin: 0px auto 0px auto;
   width: 900px;
   position: relative;
}

#motiongraphicsmenu  {
   width: 104px;
   left: 313px;
}

#cgarchitecturemenu  {
   top: 919px;
   line-height: 9px;
   height: 9px;
}

#homebutton a:hover  {
   background-position: -171px 0%;
}

#id34socialnetworks  {
   background: url(motiongraphicsmedia/id34socialnetworks.png) no-repeat;
   visibility: visible;
   position: absolute;
   left: 503px;
   top: 885px;
   z-index: 6;
   width: 127px;
   height: 11px;
}

#glowsocialnetworks  {
   background: url(motiongraphicsmedia/glowsocialnetworks.png) no-repeat;
   visibility: visible;
   position: absolute;
   left: 466px;
   top: 872px;
   z-index: 5;
   width: 187px;
   height: 37px;
}

#showreelsbutton a  {
   background-image: url(motiongraphicsmedia/showreelsbutton.png);
}

#animationbutton a  {
   width: 107px;
   background-image: url(motiongraphicsmedia/animationbutton.png);
}

#corporateidbutton  {
   visibility: visible;
   position: absolute;
   left: 784px;
   top: 166px;
   z-index: 12;
   width: 116px;
   height: 29px;
}

#downloadsbutton a  {
   background-image: url(motiongraphicsmedia/downloadsbutton.png);
}

#id553blogbutton a  {
   background-image: url(motiongraphicsmedia/id553blogbutton.png);
}

#facebookbutton a  {
   background-image: url(motiongraphicsmedia/facebookbutton.png);
}

#id553blogbutton  {
   left: 801px;
}

#youtubebutton a  {
   background-image: url(motiongraphicsmedia/youtubebutton.png);
}

#animationbutton  {
   visibility: visible;
   position: absolute;
   left: 415px;
   top: 166px;
   z-index: 14;
   width: 107px;
   height: 29px;
}

#showreelsbutton  {
   left: 350px;
}

#twitterbutton a  {
   background-image: url(motiongraphicsmedia/twitterbutton.png);
}

#downloadsbutton  {
   visibility: visible;
   position: absolute;
   left: 530px;
   top: 102px;
   z-index: 16;
   width: 92px;
   height: 31px;
}

#facebookbutton  {
   left: 740px;
}

#newslettermenu  {
   top: 988px;
   line-height: 10px;
   height: 10px;
}

#middlegradient  {
   background: url(motiongraphicsmedia/middlegradient.png) no-repeat;
   visibility: visible;
   position: absolute;
   left: 35px;
   top: 334px;
   z-index: 6;
   width: 830px;
   height: 489px;
}

#stripestopnav  {
   background: url(motiongraphicsmedia/stripestopnav.png) no-repeat;
   visibility: visible;
   position: absolute;
   left: 0px;
   top: 25px;
   z-index: 12;
   width: 900px;
   height: 107px;
}

#stripesbottom  {
   background: url(motiongraphicsmedia/stripesbottom.png) no-repeat;
   visibility: visible;
   position: absolute;
   left: 0px;
   top: 914px;
   z-index: 1;
   width: 900px;
   height: 86px;
}

#bluecovercopy  {
   background: url(motiongraphicsmedia/bluecovercopy.png) no-repeat;
   visibility: visible;
   position: absolute;
   left: 0px;
   top: 863px;
   z-index: 2;
   width: 900px;
   height: 59px;
}

#youtubebutton  {
   left: 700px;
}

#twitterbutton  {
   left: 659px;
}

#homebutton a  {
   background: url(motiongraphicsmedia/homebutton.png) no-repeat 0% 0px;
   display: block;
   height: 92px;
   width: 171px;
   font-size: 92px;
   line-height: 92px;
}

#stripesright  {
   left: 852px;
}

#i3danimation  {
   background: url(motiongraphicsmedia/3danimation.png) no-repeat;
   visibility: visible;
   position: absolute;
   left: 245px;
   top: 251px;
   z-index: 13;
   width: 489px;
   height: 40px;
}

#infotext p a  {
   font-weight: Normal;
   color: #FFFFFF;
   text-decoration: none;
}

#diggbutton a  {
   background-image: url(motiongraphicsmedia/diggbutton.png);
}

#middlewhite  {
   background: url(motiongraphicsmedia/middlewhite.png) no-repeat;
   visibility: visible;
   position: absolute;
   left: 0px;
   top: 0px;
   z-index: 4;
   width: 900px;
   height: 863px;
}

#id31contact  {
   background: url(motiongraphicsmedia/id31contact.png) no-repeat;
   visibility: visible;
   position: absolute;
   left: 59px;
   top: 885px;
   z-index: 5;
   width: 185px;
   height: 11px;
}

#layer2copy3  {
   background: url(motiongraphicsmedia/layer2copy3.png) no-repeat;
   visibility: visible;
   position: absolute;
   left: 0px;
   top: 0px;
   z-index: 5;
   width: 900px;
   height: 25px;
}

#nvelopecopy  {
   background: url(motiongraphicsmedia/nvelopecopy.png) no-repeat;
   visibility: visible;
   position: absolute;
   left: 19px;
   top: 873px;
   z-index: 5;
   width: 32px;
   height: 34px;
}

#stripesleft  {
   left: 0px;
}

#rssbutton a  {
   background-image: url(motiongraphicsmedia/rssbutton.png);
}

#websitemenu  {
   top: 976px;
   line-height: 9px;
   height: 9px;
}

#infotext p  {
   font: 12px/14px Verdana;
   margin: 0px;
   color: #FFFFFF;
   text-align: center;
}

#homebutton  {
   visibility: visible;
   position: absolute;
   left: 40px;
   top: 33px;
   z-index: 13;
   width: 171px;
   height: 92px;
}

#diggbutton  {
   left: 820px;
}

#flyermenu  {
   top: 965px;
   line-height: 9px;
   height: 9px;
}

#dotscopy6  {
   background: url(motiongraphicsmedia/dotscopy6.png) no-repeat;
   visibility: visible;
   position: absolute;
   left: 775px;
   top: 176px;
   z-index: 13;
   width: 8px;
   height: 8px;
}

#dotscopy5  {
   background: url(motiongraphicsmedia/dotscopy5.png) no-repeat;
   visibility: visible;
   position: absolute;
   left: 645px;
   top: 176px;
   z-index: 14;
   width: 8px;
   height: 8px;
}

#dotscopy4  {
   z-index: 15;
   left: 516px;
}

#i3dbanner  {
   background: url(motiongraphicsmedia/3dbanner.png) no-repeat;
   visibility: visible;
   position: absolute;
   left: 0px;
   top: 867px;
   z-index: 4;
   width: 900px;
   height: 45px;
}

#glowcopy4  {
   background: url(motiongraphicsmedia/glowcopy4.png) no-repeat;
   visibility: visible;
   position: absolute;
   left: 516px;
   top: 223px;
   z-index: 12;
   width: 245px;
   height: 103px;
}

#dotscopy3  {
   z-index: 15;
   left: 416px;
}

#rssbutton  {
   left: 780px;
}

#bluecover  {
   background: url(motiongraphicsmedia/bluecover.png) no-repeat;
   visibility: visible;
   position: absolute;
   left: 0px;
   top: 131px;
   z-index: 10;
   width: 900px;
   height: 209px;
}

#visualize  {
   background: url(motiongraphicsmedia/visualize.png) no-repeat;
   visibility: visible;
   position: absolute;
   left: 260px;
   top: 46px;
   z-index: 13;
   width: 633px;
   height: 50px;
}

#dotscopy2  {
   background: url(motiongraphicsmedia/dotscopy2.png) no-repeat;
   visibility: visible;
   position: absolute;
   left: 138px;
   top: 176px;
   z-index: 12;
   width: 8px;
   height: 8px;
}

#bluecopy  {
   background: url(motiongraphicsmedia/bluecopy.png) no-repeat;
   visibility: visible;
   position: absolute;
   left: 0px;
   top: 817px;
   z-index: 3;
   width: 900px;
   height: 144px;
}

#infotext  {
   visibility: visible;
   position: absolute;
   left: 248px;
   top: 882px;
   z-index: 5;
   width: 147px;
}

#dotscopy  {
   z-index: 13;
   left: 268px;
}

#blue  {
   background: url(motiongraphicsmedia/blue.png) no-repeat;
   visibility: visible;
   position: absolute;
   left: 0px;
   top: 85px;
   z-index: 11;
   width: 900px;
   height: 294px;
}

html, body  {
   padding: 0px;
   margin: 0px;
   background: #FFFFFF url(motiongraphicsmedia/exteriortile.png) center top repeat;
}