.main
{
	font-family: Verdana;
	font-size: 11px;
	line-height: 13px;
	color: #FFFFFF;
}
.main a
{
	font-family: Verdana;
	font-size: 11px;
	line-height: 13px;
	color: #FFFFFF;
}
.main a:hover
{
	font-family: Verdana;
	font-size: 11px;
	line-height: 13px;
	color: #FFFFFF;
}
.mainheader
{
	font-family: Verdana;
	font-size: 11px;
	line-height: 13px;
	color: #FFCC00;
}
.mainheader a
{
	font-family: Verdana;
	font-size: 11px;
	line-height: 13px;
	color: #FFCC00;
}
.mainheader a:hover
{
	font-family: Verdana;
	font-size: 11px;
	line-height: 13px;
	color: #FFCC00;
}
.navigation
{
	font-family: Verdana;
	font-size: 13px;
	line-height: 17px;
	color: #FFCC00;
}
.navigation a
{
	font-family: Verdana;
	font-size: 13px;
	line-height: 17px;
	text-decoration: none;
	color: #FFCC00;
}
.navigation a:hover
{
	font-family: Verdana;
	font-size: 13px;
	line-height: 17px;
	text-decoration: none;
	color: #FFFFFF;
}
.navigationportfolio
{
	font-family: Verdana;
	font-size: 13px;
	line-height: 17px;
	color: #66DDFF;
}
.navigationportfolio a
{
	font-family: Verdana;
	font-size: 13px;
	line-height: 17px;
	text-decoration: none;
	color: #66DDFF;
}
.navigationportfolio a:hover
{
	font-family: Verdana;
	font-size: 13px;
	line-height: 17px;
	text-decoration: none;
	color: #FFFFFF;
}
.navigationclients
{
	font-family: Verdana;
	font-size: 13px;
	line-height: 17px;
	color: #FFFF00C;
}
.navigationclients a
{
	font-family: Verdana;
	font-size: 13px;
	line-height: 17px;
	text-decoration: none;
	color: #FFFF00;
}
.navigationclients a:hover
{
	font-family: Verdana;
	font-size: 13px;
	line-height: 17px;
	text-decoration: none;
	color: #FFFFFF;
}
.email
{
	font-family: Verdana;
	font-size: 11px;
	line-height: 28px;
	color: #FFFFFF;
}
.email a
{
	font-family: Verdana;
	font-size: 11px;
	line-height: 28px;
	color: #FFFFFF;
}
.email a:hover
{
	font-family: Verdana;
	font-size: 11px;
	line-height: 28px;
	color: #333333;
}
.captions
{
	font-family: Verdana;
	font-size: 11px;
	line-height: 13px;
	color: #FFFFFF;
}
.captions a
{
	font-family: Verdana;
	font-size: 11px;
	line-height: 13px;
	color: #FFFFFF;
}
.captions a:hover
{
	font-family: Verdana;
	font-size: 11px;
	line-height: 13px;
	color: #FFFFFF;
}
.captionsheader
{
	font-family: Verdana;
	font-size: 11px;
	line-height: 11px;
	color: #FFCC00;
}
TABLE.captions
{
    font-family: Verdana;
    background-color: None;
	border-top: 1px solid #FFCC00;
    border-left: 1px solid #FFCC00;
    border-right: 1px solid #FFCC00;
    border-bottom: 1px solid #FFCC00;
}
.rule
{
	font-family: Verdana;
	font-size: 11px;
	line-height: 13px;
	color: #FFFFFF;
}
TABLE.rule
{
    font-family: Verdana;
    background-color: None;
	border-top: 0px solid #0099CC;
    border-left: 0px solid #0099CC;
    border-right: 0px solid #0099CC;
    border-bottom: 1px solid #0099CC;
}
.portfolio
{
	font-family: Verdana;
	font-size: 11px;
	line-height: 13px;
	color: #FFFFFF;
}
TABLE.portfolio
{
    font-family: Verdana;
    background-color: None;
	border-top: 1px solid #0099CC;
    border-left: 1px solid #0099CC;
    border-right: 1px solid #0099CC;
    border-bottom: 1px solid #0099CC;
}
.testimonial
{
	font-family: Verdana;
	font-size: 11px;
	line-height: 13px;
	color: #66DDFF;
}
.testimonial a
{
	font-family: Verdana;
	font-size: 11px;
	line-height: 13px;
	color: #66DDFF;
}
.testimonial a:hover
{
	font-family: Verdana;
	font-size: 11px;
	line-height: 13px;
	color: #66DDFF;
}










.hoverbox1
{cursor: default;
list-style: none;}
.hoverbox1 a
{cursor: default;}
.hoverbox1 a .preview
{display: none;}
.hoverbox1 a:hover .preview
{display: block;position: absolute;
top: -352px;left: 0px;z-index: 1;}
.hoverbox1 img
{border-width: 0px;border-color: #ffffff;
padding: 0px;vertical-align: top;
width: 68px;height: 45px;}
.hoverbox1 li
{border-width: 0px;border-color: #666666;
color: inherit;display: inline;float: left;
margin: 0px;padding: 0px;position: relative;}
.hoverbox1 .preview
{border-color: #000;width: 556px;height: 340px;}




.hoverbox2
{cursor: default;
list-style: none;}
.hoverbox2 a
{cursor: default;}
.hoverbox2 a .preview
{display: none;}
.hoverbox2 a:hover .preview
{display: block;position: absolute;
top: -352px;left: -70px;z-index: 1;}
.hoverbox2 img
{border-width: 0px;border-color: #ffffff;
padding: 0px;vertical-align: top;
width: 68px;height: 45px;}
.hoverbox2 li
{border-width: 0px;border-color: #666666;
color: inherit;display: inline;float: left;
margin: 0px;padding: 0px;position: relative;}
.hoverbox2 .preview
{border-color: #000;width: 556px;height: 340px;}




.hoverbox3
{cursor: default;
list-style: none;}
.hoverbox3 a
{cursor: default;}
.hoverbox3 a .preview
{display: none;}
.hoverbox3 a:hover .preview
{display: block;position: absolute;
top: -352px;left: -140px;z-index: 1;}
.hoverbox3 img
{border-width: 0px;border-color: #ffffff;
padding: 0px;vertical-align: top;
width: 68px;height: 45px;}
.hoverbox3 li
{border-width: 0px;border-color: #666666;
color: inherit;display: inline;float: left;
margin: 0px;padding: 0px;position: relative;}
.hoverbox3 .preview
{border-color: #000;width: 556px;height: 340px;}




.hoverbox4
{cursor: default;
list-style: none;}
.hoverbox4 a
{cursor: default;}
.hoverbox4 a .preview
{display: none;}
.hoverbox4 a:hover .preview
{display: block;position: absolute;
top: -352px;left: -210px;z-index: 1;}
.hoverbox4 img
{border-width: 0px;border-color: #ffffff;
padding: 0px;vertical-align: top;
width: 68px;height: 45px;}
.hoverbox4 li
{border-width: 0px;border-color: #666666;
color: inherit;display: inline;float: left;
margin: 0px;padding: 0px;position: relative;}
.hoverbox4 .preview
{border-color: #000;width: 556px;height: 340px;}




.hoverbox5
{cursor: default;
list-style: none;}
.hoverbox5 a
{cursor: default;}
.hoverbox5 a .preview
{display: none;}
.hoverbox5 a:hover .preview
{display: block;position: absolute;
top: -352px;left: -280px;z-index: 1;}
.hoverbox5 img
{border-width: 0px;border-color: #ffffff;
padding: 0px;vertical-align: top;
width: 68px;height: 45px;}
.hoverbox5 li
{border-width: 0px;border-color: #666666;
color: inherit;display: inline;float: left;
margin: 0px;padding: 0px;position: relative;}
.hoverbox5 .preview
{border-color: #000;width: 556px;height: 340px;}




.hoverbox6
{cursor: default;
list-style: none;}
.hoverbox6 a
{cursor: default;}
.hoverbox6 a .preview
{display: none;}
.hoverbox6 a:hover .preview
{display: block;position: absolute;
top: -352px;left: -350px;z-index: 1;}
.hoverbox6 img
{border-width: 0px;border-color: #ffffff;
padding: 0px;vertical-align: top;
width: 68px;height: 45px;}
.hoverbox6 li
{border-width: 0px;border-color: #666666;
color: inherit;display: inline;float: left;
margin: 0px;padding: 0px;position: relative;}
.hoverbox6 .preview
{border-color: #000;width: 556px;height: 340px;}




.hoverbox7
{cursor: default;
list-style: none;}
.hoverbox7 a
{cursor: default;}
.hoverbox7 a .preview
{display: none;}
.hoverbox7 a:hover .preview
{display: block;position: absolute;
top: -352px;left: -420px;z-index: 1;}
.hoverbox7 img
{border-width: 0px;border-color: #ffffff;
padding: 0px;vertical-align: top;
width: 68px;height: 45px;}
.hoverbox7 li
{border-width: 0px;border-color: #666666;
color: inherit;display: inline;float: left;
margin: 0px;padding: 0px;position: relative;}
.hoverbox7 .preview
{border-color: #000;width: 556px;height: 340px;}




.hoverbox8
{cursor: default;
list-style: none;}
.hoverbox8 a
{cursor: default;}
.hoverbox8 a .preview
{display: none;}
.hoverbox8 a:hover .preview
{display: block;position: absolute;
top: -352px;left: -490px;z-index: 1;}
.hoverbox8 img
{border-width: 0px;border-color: #ffffff;
padding: 0px;vertical-align: top;
width: 68px;height: 45px;}
.hoverbox8 li
{border-width: 0px;border-color: #666666;
color: inherit;display: inline;float: left;
margin: 0px;padding: 0px;position: relative;}
.hoverbox8 .preview
{border-color: #000;width: 556px;height: 340px;}









/* The code below is used solely for the stop motion brochure page */

.hoverboxStopmotion1
{cursor: default;
list-style: none;}
.hoverboxStopmotion1 a
{cursor: default;}
.hoverboxStopmotion1 a .preview
{display: none;}
.hoverboxStopmotion1 a:hover .preview
{display: block;position: absolute;
top: -352px;left: 309px;z-index: 1;}
.hoverboxStopmotion1 img
{border-width: 0px;border-color: #ffffff;
padding: 0px;vertical-align: top;
width: 68px;height: 45px;}
.hoverboxStopmotion1 li
{border-width: 0px;border-color: #666666;
color: inherit;display: inline;float: left;
margin: 0px;padding: 0px;position: relative;}
.hoverboxStopmotion1 .preview
{border-color: #000;width: 245px;height: 338px;}




.hoverboxStopmotion2
{cursor: default;
list-style: none;}
.hoverboxStopmotion2 a
{cursor: default;}
.hoverboxStopmotion2 a .preview
{display: none;}
.hoverboxStopmotion2 a:hover .preview
{display: block;position: absolute;
top: -352px;left: 239px;z-index: 1;}
.hoverboxStopmotion2 img
{border-width: 0px;border-color: #ffffff;
padding: 0px;vertical-align: top;
width: 68px;height: 45px;}
.hoverboxStopmotion2 li
{border-width: 0px;border-color: #666666;
color: inherit;display: inline;float: left;
margin: 0px;padding: 0px;position: relative;}
.hoverboxStopmotion2 .preview
{border-color: #000;width: 245px;height: 338px;}




.hoverboxStopmotion3
{cursor: default;
list-style: none;}
.hoverboxStopmotion3 a
{cursor: default;}
.hoverboxStopmotion3 a .preview
{display: none;}
.hoverboxStopmotion3 a:hover .preview
{display: block;position: absolute;
top: -352px;left: 169px;z-index: 1;}
.hoverboxStopmotion3 img
{border-width: 0px;border-color: #ffffff;
padding: 0px;vertical-align: top;
width: 68px;height: 45px;}
.hoverboxStopmotion3 li
{border-width: 0px;border-color: #666666;
color: inherit;display: inline;float: left;
margin: 0px;padding: 0px;position: relative;}
.hoverboxStopmotion3 .preview
{border-color: #000;width: 245px;height: 338px;}




.hoverboxStopmotion4
{cursor: default;
list-style: none;}
.hoverboxStopmotion4 a
{cursor: default;}
.hoverboxStopmotion4 a .preview
{display: none;}
.hoverboxStopmotion4 a:hover .preview
{display: block;position: absolute;
top: -352px;left: 99px;z-index: 1;}
.hoverboxStopmotion4 img
{border-width: 0px;border-color: #ffffff;
padding: 0px;vertical-align: top;
width: 68px;height: 45px;}
.hoverboxStopmotion4 li
{border-width: 0px;border-color: #666666;
color: inherit;display: inline;float: left;
margin: 0px;padding: 0px;position: relative;}
.hoverboxStopmotion4 .preview
{border-color: #000;width: 245px;height: 338px;}




.hoverboxStopmotion5
{cursor: default;
list-style: none;}
.hoverboxStopmotion5 a
{cursor: default;}
.hoverboxStopmotion5 a .preview
{display: none;}
.hoverboxStopmotion5 a:hover .preview
{display: block;position: absolute;
top: -352px;left: 29px;z-index: 1;}
.hoverboxStopmotion5 img
{border-width: 0px;border-color: #ffffff;
padding: 0px;vertical-align: top;
width: 68px;height: 45px;}
.hoverboxStopmotion5 li
{border-width: 0px;border-color: #666666;
color: inherit;display: inline;float: left;
margin: 0px;padding: 0px;position: relative;}
.hoverboxStopmotion5 .preview
{border-color: #000;width: 245px;height: 338px;}




.hoverboxStopmotion6
{cursor: default;
list-style: none;}
.hoverboxStopmotion6 a
{cursor: default;}
.hoverboxStopmotion6 a .preview
{display: none;}
.hoverboxStopmotion6 a:hover .preview
{display: block;position: absolute;
top: -352px;left: -41px;z-index: 1;}
.hoverboxStopmotion6 img
{border-width: 0px;border-color: #ffffff;
padding: 0px;vertical-align: top;
width: 68px;height: 45px;}
.hoverboxStopmotion6 li
{border-width: 0px;border-color: #666666;
color: inherit;display: inline;float: left;
margin: 0px;padding: 0px;position: relative;}
.hoverboxStopmotion6 .preview
{border-color: #000;width: 245px;height: 338px;}




.hoverboxStopmotion7
{cursor: default;
list-style: none;}
.hoverboxStopmotion7 a
{cursor: default;}
.hoverboxStopmotion7 a .preview
{display: none;}
.hoverboxStopmotion7 a:hover .preview
{display: block;position: absolute;
top: -352px;left: -111px;z-index: 1;}
.hoverboxStopmotion7 img
{border-width: 0px;border-color: #ffffff;
padding: 0px;vertical-align: top;
width: 68px;height: 45px;}
.hoverboxStopmotion7 li
{border-width: 0px;border-color: #666666;
color: inherit;display: inline;float: left;
margin: 0px;padding: 0px;position: relative;}
.hoverboxStopmotion7 .preview
{border-color: #000;width: 245px;height: 338px;}




.hoverboxStopmotion8
{cursor: default;
list-style: none;}
.hoverboxStopmotion8 a
{cursor: default;}
.hoverboxStopmotion8 a .preview
{display: none;}
.hoverboxStopmotion8 a:hover .preview
{display: block;position: absolute;
top: -352px;left: -181px;z-index: 1;}
.hoverboxStopmotion8 img
{border-width: 0px;border-color: #ffffff;
padding: 0px;vertical-align: top;
width: 68px;height: 45px;}
.hoverboxStopmotion8 li
{border-width: 0px;border-color: #666666;
color: inherit;display: inline;float: left;
margin: 0px;padding: 0px;position: relative;}
.hoverboxStopmotion8 .preview
{border-color: #000;width: 245px;height: 338px;}









.HOVERTEST{
position: relative;
z-index: 0;
}

.HOVERTEST:hover{
background-color: transparent;
z-index: 50;
}

.HOVERTEST span{ /*CSS for enlarged image*/
position: relative;
background-color: none;
padding: 0px;
border: 0px solid black;
visibility: hidden;
color: black;
text-decoration: none;
}

.HOVERTEST span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 0px;
}

.HOVERTEST:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: -352px;
left: 0px; /*position where enlarged image should offset horizontally */

}

.purpletext {
color: #4a0c62;
}

.purplelink a {
color: #4a0963;
font-size: 11px;
}

.purplelink a:hover {
color: #4a0963;
}

TABLE.vacancy
{
	margin-top: 5px;
    font-family: Verdana;
    background-color: #FEB532;
	border-top: 1px solid #FFCC00;
    border-left: 1px solid #FFCC00;
    border-right: 1px solid #FFCC00;
    border-bottom: 1px solid #FFCC00;
	height: 80px;
}