/* Zones */

BODY 
{	
PADDING: 0px;	
MARGIN: 0px;
FONT-FAMILY: Arial, Helvetica, Verdana, sans-serif;
}

div.zoneContainer
{
width:100%;
display: table;
float: left;
}

html
{
background-repeat: none;
background: fixed;
}

html.bg1 
{
BACKGROUND-IMAGE: url(images/bg1.jpg);
}

html.bg2
{
BACKGROUND-IMAGE: url(images/bg2.jpg);
}

html.bg3 
{
BACKGROUND-IMAGE: url(images/bg3.jpg);
}

html.bg4 
{
BACKGROUND-IMAGE: url(images/bg4.jpg);
}

html.bg5
{
BACKGROUND-IMAGE: url(images/bg5.jpg);
}

html.bg6
{
BACKGROUND-IMAGE: url(images/bg6.jpg);
}

html.bg7
{
BACKGROUND-IMAGE: url(images/bg7.jpg);
}

html.bg8
{
BACKGROUND-IMAGE: url(images/bg8.jpg);
}

html.bg9
{
BACKGROUND-IMAGE: url(images/bg9.jpg);
}

html.bg10
{
BACKGROUND-IMAGE: url(images/bg10.jpg);
}

html.bg11
{
BACKGROUND-IMAGE: url(images/bg11.jpg);
}

html.bg12
{
BACKGROUND-IMAGE: url(images/bg12.jpg);
}

html.bg13
{
BACKGROUND-IMAGE: url(images/bg13.jpg);
}

html.bg14
{
BACKGROUND-IMAGE: url(images/bg14.jpg);
}

html.bg15
{
BACKGROUND-IMAGE: url(images/bg15.jpg);
}

html.bg16
{
BACKGROUND-IMAGE: url(images/bg16.jpg);
}

html.bg17
{
BACKGROUND-IMAGE: url(images/bg17.jpg);
}

html.bg18
{
BACKGROUND-IMAGE: url(images/bg18.jpg);
}

html.bg19
{
BACKGROUND-IMAGE: url(images/bg19.jpg);
}


div.zoneContainer div.zone
{
	width: 100%;
	float: left;
	display: table;
}

div.control
{
	display: block;
	clear: left;
	margin: 4px;
}

div.zoneContainer div.mainContent 
{	
PADDING: 0px;	
Z-INDEX: 888;	
MARGIN: 125px 20px 0px 124px;
OVERFLOW: hidden;	
WIDTH: 520px;
float: left;
padding-bottom: 100px;
}

div.zoneContainer div.mainContentHeader
{	
PADDING: 0px;	
Z-INDEX: 888;	
MARGIN: 125px 23px 0px 124px;
OVERFLOW: hidden;	
WIDTH: 514px;
float: left;
}

div.zoneContainer div.mainContentTwo 
{	
PADDING: 0px;	
Z-INDEX: 888;	
MARGIN:-40px 20px 0px 407px;
OVERFLOW: hidden;	
WIDTH: 520px;
float: left;
clear: left;
padding-bottom: 100px;
}

div.zoneContainer div.mainContentTwoScroll
{	
PADDING: 0px;	
Z-INDEX: 888;	
MARGIN: -40px 20px 0px 407px;
OVERFLOW: hidden;	
WIDTH: 520px;
display: block;
float: left;
clear: left;
padding-bottom: 100px;
}

div.zoneContainer div.homeLink
{
width: 288px;
height: 236px;
float: left;
}

div.homeLink div.hyperlink a,
div.homeLink div.hyperlink
{
width: 250px;
height: 236px;
display: block;
}

div.navigation 
{	
PADDING-RIGHT: 0px;	
PADDING-LEFT: 0px;	
Z-INDEX: 100;	
RIGHT: 0px;	
BACKGROUND-IMAGE: url(images/navigation.png);	
PADDING-BOTTOM: 0px;	
MARGIN: 0;	
WIDTH: 100%;	
BOTTOM: 20px;	
PADDING-TOP: 0px;	
POSITION: fixed;	
_background-image: url("images/background-ie6.png")
}

div.mainMenu
{
HEIGHT: 50px;
background-attachment: scroll;
}


div.mainMenu ul
{	
LIST-STYLE-TYPE: none;
MARGIN: 0px;	
}


div.mainMenu li
{
width: auto;
display: block;
float: left;
margin-LEFT: 30px;
margin-TOP: 14px;
}

div.mainMenu a
{
text-decoration: none;
COLOR: #a9a9a9;
text-transform: uppercase;
font-size: 13px;
font-stretch: ultra-expanded;
}

div.mainMenu a:hover
{
color: #fff;
}

div.mainMenu a.selected
{
color: #ed1b24;
}

div.mainMenu li.last
{
float: right;
padding-right: 20px;
display: none;
}

div.smallMenu
{
display: inline;
background-color: #fff;
filter:alpha(opacity=95);
float: right;
height: 48px;
}

div.smallMenu ul
{
LIST-STYLE-TYPE: none;
MARGIN: 0px;	
}

div.smallMenu li
{
width: auto;
display: block;
margin-LEFT: 10px;
margin-TOP: 25px;
float: left;
background-image: url(images/splitter.jpg);
background-repeat: no-repeat;
padding-left: 10px;
}

div.smallMenu li.first
{
background-image: none;
}

div.smallMenu li.last
{
padding-right: 20px;
}

div.smallMenu a
{
text-decoration: none;
COLOR: #a9a9a9;
text-transform: uppercase;
font-size: 13px;
font-stretch: ultra-expanded;
font-weight: 600px;
}

div.smallMenu a:hover
{
color: #000;
}

div.smallMenu a.selected
{
color: #ed1b24;
}




div.holder
{
display: block;
background-color: #fff;
background-image: url(images/welcomeH.gif);
background-repeat: no-repeat;
background-position: 20px 15px;
 filter:alpha(opacity=95);	
}

div.contact
{
background-image: url(images/contact.gif);
}

div.holderAbout
{
display: block;
background: #fff;
background-image: url(images/about.gif);
background-repeat: no-repeat;
background-position: 20px 16px;
filter:alpha(opacity=95);
padding-left: 0px;
}

div.servicesHeader
{
background-image: url(images/services.gif);
}

div.clientsHeader
{
background-image: url(images/clients[1].gif);
}

div.buzzNewsletterHeader
{
background-image: url(images/newsletter.gif);
}

div.panel
{
display: block;
background-color: #fff;
background-image: url(images/welcomeHtwo.gif);
background-repeat: no-repeat;
background-position: 20px 25px;	
}

div.panel a
{
color: #ed1b24;
}

div.panelAbout
{
display: block;
background-color: #fff;
background-repeat: no-repeat;
background-position: 20px 25px;	
}

div.who
{
background-image: url(images/who.gif);
}


div.what
{
background-image: url(images/what[1].gif);
}

div.why
{
background-image: url(images/why[1].gif);
}

div.services
{
background-image: url(images/licensing.gif);
}

div.branded
{
background-image: url(images/branded-content.gif);
margin-top: -50px;
}

div.manufacturing 
{
background-image: url(images/manufacturing-services.gif);
margin-top: -50px;
}

div.tech
{
background-image: url(images/technology.gif);
margin-top: -50px;
}

div.marketing
{
background-image: url(images/partner-marketing.gif);
margin-top: -50px;
}

div.ourWork
{
background-image: url(images/our-work.gif);
}

div.ourWorkTwo
{
background-color: #fff;
margin-top: -19px;
}

div.ourWorkTwo p
{
padding-top: 20px;
padding-bottom: 20px;
margin-left: 20px;
width: 470px;
color: #4b4c4a;
font-size: 13PX;
LINE-HEIGHT: 1.7em;
}

div.Case
{
background-image: url(images/case-studies.gif);
}

div.clients
{
background-image: url(images/who-we-work-with.gif);
}

div.news
{
background-image: url(images/newsletter[1].gif);
}

div.cL
{
background-image: url(images/client-list.gif);
}

div.pP
{
background-image: url(images/publisher-partners.gif);
}


div.dailymail
{
background-image: url(images/dailymail.jpg);
background-position: 0px 0;
}

div.dailyExpress
{
background-image: url(images/dailyexpress.jpg);
background-position: 0px 0;
}

div.researchInternational
{
background-image: url(images/researchinternational.jpg);
background-position: 0px 0;
}

div.squarEenix
{
background-image: url(images/squareenix.jpg);
background-position: 0px 0;
}

div.cowGate
{
background-image: url(images/cowgate.jpg);
background-position: 0px 0;
}





div.panelAbout p,
div.panel p
{
padding-top: 60px;
padding-bottom: 30px;
margin-left: 20px;
width: 470px;
color: #4b4c4a;
font-size: 13PX;
LINE-HEIGHT: 1.7em;
}

div.panelAbout p a
{
color: #ed1b24;
}

div.panelAbout STRONG
{
text-transform: uppercase;
}



div.bottomHolder
{
margin-top: -20px;
display: block;
background-color: #fff;
background-repeat: no-repeat;
background-position: 25px 0;
}

div.home
{
background-image: url(images/home.gif);
}

div.About
{
background-image: url(images/who[1].gif);
}

div.What
{
background-image: url(images/what.gif);
}

div.Why
{
background-image: url(images/why.gif);
}

div.Work
{
background-image: url(images/work.gif);
}

div.Clients
{
background-image: url(images/clients.gif);
}

div.Publisher
{
background-image: url(images/publishers.gif);
margin-top: -5px;
}

div.contactBottom
{
background-image: url(images/contact[1].gif);
}

div.bottomclients
{
margin-top: -20px;
display: block;
background-color: #fff;
background-repeat: no-repeat;
background-position: 25px 0;
}

div.clientLogos
{
background-image: url(images/client-logos.gif);
}

div.publisherLogo
{
background-image: url(images/publisher-logos.gif);
}

div.titleLink a,
div.titleLink
{
display: block;
float: left;
width: 125px;
height: 40px;
}

div.popupLinkOne,
div.popupLink
{
background-color: #fff;
padding-left: 20px;
font-size: 13PX;
margin: 0px;
padding-top: 8px;
margin-left: 4px;
margin-right: 4px;
}

div.popupLinkOne
{
margin-top: -39px;
}

div.popupLinkOne a,
div.popupLink a
{
color: #ed1b24;
text-decoration: none;
}

div.customerEmail
{
background: #fff;
margin-top: -20px;
padding-left: 80px;
padding-bottom: 20px;
}

div.customerEmail input
{
display: block;
margin-bottom: 12px;
width: 210px;
float: left;
clear: right;
}

div.customerEmail a
{
BORDER: #666666 1px solid;
PADDING-RIGHT: 6px;
PADDING-LEFT: 6px;	
PADDING-BOTTOM: 1px;	
CURSOR: pointer;	
PADDING-TOP: 2px;	
padding: 2px 6px 1px 6px;
text-decoration: none;
color: #4b4c4a;
background: #e6e3e2;
font-size: 12px;
clear: both;
margin-left: 90px;
}

div.customerEmail  SPAN
{
float: left;
padding-right: 10px;
font-size: 12px;
color: #4b4c4a;
margin-top: 3px;
line-height: 15px;
}