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

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

#skyscapesvfxvisualeffectsshowreelshowsourskillsinare p,
#watchandenjoyskyscapevisualizations3darchitecturalrender p,
#skyscapevisualizationscharactershowreelportraysourskills p,
#welcometoourskyscapevisualizationsshowreelpagebelowyou p  {
	font: 11px/13px Verdana;
	margin: 0px;
	text-align: left;
	color: #163552;
}

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

#skyscapesvfxvisualeffectsshowreelshowsourskillsinare,
#skyscapevisualizationscharactershowreelportraysourskills,
#watchandenjoyskyscapevisualizations3darchitecturalrender  {
   visibility: visible;
   position: absolute;
   top: 686px;
   z-index: 8;
   width: 205px;
}

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

#characterfulldownloadbutton a:hover,
#vfxfulldownloadbutton a:hover,
#architecturefulldownloadbutton a:hover  {
   background-position: -105px 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;
}

#youtubevfxbutton a:hover,
#youtubecharacterbutton a:hover,
#youtubearchitecturebutton a:hover  {
   background-position: -91px 0%;
}

#characterfulldownloadbutton a,
#vfxfulldownloadbutton a,
#architecturefulldownloadbutton a  {
   background: url(showreelsmedia/id475architecturefulldownlo.png) no-repeat 0% 0px;
   display: block;
   height: 23px;
   width: 105px;
   font-size: 23px;
   line-height: 23px;
}

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

#characterfulldownloadbutton,
#vfxfulldownloadbutton,
#architecturefulldownloadbutton  {
   visibility: visible;
   position: absolute;
   top: 812px;
   z-index: 8;
   width: 105px;
   height: 23px;
}

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

#youtubecharacterbutton a,
#youtubearchitecturebutton a,
#youtubevfxbutton a  {
   background: url(showreelsmedia/youtubearchitecturebutton.png) no-repeat 0% 0px;
   display: block;
   height: 43px;
   width: 91px;
   font-size: 43px;
   line-height: 43px;
}

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

#youtubearchitecturebutton,
#youtubevfxbutton,
#youtubecharacterbutton  {
   visibility: visible;
   position: absolute;
   top: 800px;
   z-index: 8;
   width: 91px;
   height: 43px;
}

#stripesdetailscopy3,
#stripesdetailscopy2,
#stripesdetailscopy4  {
   visibility: visible;
   position: absolute;
   top: 504px;
   z-index: 7;
   width: 248px;
   height: 353px;
   background-repeat: no-repeat;
}

#skyscapevisualizationscharactershowreelportraysourskills  {
   left: 604px;
}

#welcometoourskyscapevisualizationsshowreelpagebelowyou p  {
   text-align: center;
}

#watchandenjoyskyscapevisualizations3darchitecturalrender  {
   left: 84px;
}

#welcometoourskyscapevisualizationsshowreelpagebelowyou  {
	visibility: visible;
	position: absolute;
	left: 76px;
	top: 422px;
	z-index: 7;
	width: 764px;
}

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

#skyscapesvfxvisualeffectsshowreelshowsourskillsinare  {
   left: 344px;
}

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

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

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

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

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

#interactivemediabutton,
#websitedesignbutton  {
   visibility: visible;
   position: absolute;
   top: 166px;
   z-index: 9;
   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;
}

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

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

#architecturefulldownloadbutton  {
   left: 189px;
}

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

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

#characterfulldownloadbutton  {
   left: 709px;
}

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

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

#youtubearchitecturebutton  {
   left: 86px;
}

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

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

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

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

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

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

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

#interactivemediabutton  {
   left: 271px;
}

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

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

#youtubecharacterbutton  {
   left: 606px;
}

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

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

#id559recentworkbutton  {
   left: 259px;
}

#vfxfulldownloadbutton  {
   left: 449px;
}

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

#faqterminologybutton  {
   left: 711px;
}

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

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

#websitedesignbutton  {
   left: 641px;
}

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

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

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

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

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

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

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

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

#infotext p a:hover  {
   color: #FFFFFF;
   font-weight: bold;
}

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

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

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

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

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

#youtubevfxbutton  {
   left: 346px;
}

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

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

#architecturereel  {
   background: url(showreelsmedia/architecturereel.png) no-repeat;
   visibility: visible;
   position: absolute;
   left: 91px;
   top: 513px;
   z-index: 8;
   width: 191px;
   height: 23px;
}

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

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

#id549blogbutton  {
   left: 801px;
}

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

#showreelsbutton  {
   left: 350px;
}

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

#id482showreels  {
	visibility: visible;
	position: absolute;
	left: 395px;
	top: 381px;
	z-index: 7;
	width: 76px;
}

#id499showreels  {
   background: url(showreelsmedia/id499showreels.png) no-repeat;
   visibility: visible;
   position: absolute;
   left: 245px;
   top: 250px;
   z-index: 10;
   width: 487px;
   height: 41px;
}

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

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

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

#facebookbutton  {
   left: 740px;
}

#characterreel  {
   background: url(showreelsmedia/characterreel.png) no-repeat;
   visibility: visible;
   position: absolute;
   left: 621px;
   top: 513px;
   z-index: 8;
   width: 163px;
   height: 23px;
}

#youtubebutton  {
   left: 700px;
}

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

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

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

#twitterbutton  {
   left: 659px;
}

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

#stripesright  {
   left: 852px;
}

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

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

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

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

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

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

#stripesleft  {
   left: 0px;
}

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

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

#diggbutton  {
   left: 820px;
}

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

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

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

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

#rssbutton  {
   left: 780px;
}

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

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

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

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

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

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

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

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

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

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

#vfxreel  {
   background: url(showreelsmedia/vfxreel.png) no-repeat;
   visibility: visible;
   position: absolute;
   left: 400px;
   top: 513px;
   z-index: 8;
   width: 100px;
   height: 23px;
}

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

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