#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;
}

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

#colourgradingalsoallowsustocreateasenseoftimetoanyp p,
#oureditingskillsallowustosurpasstheworkofmanyregular p,
#wethengoastepfurtherinourproductionworkflowtotakethe p,
#alloftheseandmorecanbeseenonourvfxvisualeffectssh p,
#skyscapevisualizationsartistsarenotonlyproficientatthe p  {
   font: 11px/13px Verdana;
   margin: 0px;
   color: #163552;
   text-align: left;
}

#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,
#id559recentworkbutton a:hover,
#id549blogbutton a:hover,
#id553aboutcontactbutton a:hover,
#workingprocessbutton a:hover,
#faqterminologybutton a:hover  {
   background-position: -92px 0%;
}

#downloadsbutton a,
#id553aboutcontactbutton a,
#showreelsbutton a,
#id559recentworkbutton a,
#faqterminologybutton a,
#workingprocessbutton a,
#id549blogbutton 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;
}

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

#oureditingskillsallowustosurpasstheworkofmanyregular,
#skyscapevisualizationsartistsarenotonlyproficientatthe  {
   visibility: visible;
   position: absolute;
   left: 76px;
   z-index: 7;
   width: 753px;
}

#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%;
}

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

#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;
}

#editinggradingmenu li a:hover,
#infotext p a:hover,
#greenscreenmenu li a:hover  {
   color: #FFFFFF;
   font-weight: bold;
}

#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;
}

#skyscapevisualizationsgrading,
#skyscapevisualizationsediting  {
	visibility: visible;
	position: absolute;
	top: 635px;
	z-index: 7;
	width: 231px;
	height: 146px;
	background-repeat: no-repeat;
}

#skyscapevisualizationsartistsarenotonlyproficientatthe  {
   top: 422px;
}

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

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

#wethengoastepfurtherinourproductionworkflowtotakethe  {
	visibility: visible;
	position: absolute;
	left: 76px;
	top: 635px;
	z-index: 7;
	width: 320px;
}

#oureditingskillsallowustosurpasstheworkofmanyregular  {
   top: 512px;
}

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

#colourgradingalsoallowsustocreateasenseoftimetoanyp  {
	visibility: visible;
	position: absolute;
	left: 76px;
	top: 785px;
	z-index: 7;
	width: 757px;
}

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

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

#alloftheseandmorecanbeseenonourvfxvisualeffectssh  {
   visibility: visible;
   position: absolute;
   left: 76px;
   top: 833px;
   z-index: 5;
   width: 551px;
}

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

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

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

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

#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;
}

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

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

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

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

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

#skyscapevisualizationsgrading  {
   background-image: url(postproductionmedia/id78skyscapevisualizationsg.png);
   left: 634px;
}

#skyscapevisualizationsediting  {
   background-image: url(postproductionmedia/id79skyscapevisualizationse.png);
   left: 402px;
}

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

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

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

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

#i3dvisualizationbutton a  {
   background: url(postproductionmedia/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(postproductionmedia/interactivemediabutton.png);
}

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

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

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

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

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

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

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

#interactivemediabutton  {
   left: 271px;
}

#id559recentworkbutton  {
   left: 259px;
}

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

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

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

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

#faqterminologybutton  {
   left: 711px;
}

#websitedesignbutton  {
   left: 641px;
}

#id505postproduction  {
   background: url(postproductionmedia/id505postproduction.png) no-repeat;
   visibility: visible;
   position: absolute;
   left: 245px;
   top: 250px;
   z-index: 12;
   width: 586px;
   height: 41px;
}

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

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

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

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

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

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

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

#editinggradingmenu  {
   font: italic 11px/14px Verdana;
   height: 14px;
   text-align: center;
   margin: 0px;
   padding: 0px;
   list-style: none;
   color: #FFFFFF;
   position: absolute;
   left: 70px;
   top: 340px;
   z-index: 11;
   width: 111px;
}

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

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

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

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

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

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

#showreelsbutton  {
   left: 350px;
}

#id549blogbutton  {
   left: 801px;
}

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

#greenscreenmenu  {
   font: italic 11px/11px Verdana;
   height: 11px;
   text-align: center;
   margin: 0px;
   padding: 0px;
   list-style: none;
   color: #FFFFFF;
   position: absolute;
   left: 193px;
   top: 340px;
   z-index: 11;
   width: 104px;
}

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

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

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

#middlegradient  {
   background: url(postproductionmedia/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;
}

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

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

#bluecovercopy  {
   background: url(postproductionmedia/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;
}

#colourgrading  {
	visibility: visible;
	position: absolute;
	left: 62px;
	top: 604px;
	z-index: 7;
	width: 109px;
}

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

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

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

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

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

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

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

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

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

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

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

#diggbutton  {
   left: 820px;
}

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

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

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

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

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

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

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

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

#rssbutton  {
   left: 780px;
}

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

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

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

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

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

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

#editing  {
   visibility: visible;
   position: absolute;
   left: 62px;
   top: 481px;
   z-index: 7;
   width: 50px;
}

#glow  {
   background: url(postproductionmedia/glow.png) no-repeat;
   visibility: visible;
   position: absolute;
   left: 485px;
   top: 223px;
   z-index: 11;
   width: 415px;
   height: 103px;
}

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

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