/* GLOBAL SETTINGS */

body {
	background-color: #e9e9e9;
	font-family: Arial, Verdana, sans-serif;
	font-size: 12px;
	text-align: center;
	overflow: hidden;
	line-height: 15px;
	margin: 0px;
}

#base {
	position: relative;
	width: 794px;
	min-width: 794px;
	background-image: url(images/base.gif);
	margin: 40px auto 0 auto;
	text-align: left;
	background-repeat: no-repeat;
}

#logo {
	position: absolute;
	top: 10px;
	left: 10px;
	width: 145px;
	height: 355px;
}

#logo img {
	position: absolute;
	top: 136px;
	left: 11px;
}

/* FOOTER */

#copyright {
	font-size: 11px;
	margin-top: 20px;
	color: #828282;
	text-align: center;
	font-weight: bold;
}

#copyright a {
	text-decoration: none;
	font-size: 11px;
	color: #828282;
}

#copyright a:hover {
	text-decoration: none;
	font-size: 11px;
	color: #444444;
}

.phoneNumbers {
	font-weight: bold;
	color: #444444;
}

h1
{
	font-size: 18px;
	line-height: 18px;
	text-transform: lowercase;
	margin: 0px;
}

/* SETTINGS SHARED BETWEEN TWO OR MORE SUB-SECTIONS */

.headingImg {
	position: absolute;
	top: 0;
}

#mainTxt {
	position: absolute;
	top: 0;
	left: 358px;
	width: 253px;
	height: 266px;
	padding-top: 20px;
	padding-right: 17px;
	overflow: hidden;
}

#homeArrow {
	position: relative;
	top: 138px;
	left: 49px;
}

img {
	vertical-align: top;
}

a img {
	border: 0;
}

.vidLarge {
	position: relative;
	top: 23px;
	left: 23px;
	width: 399px;
	height: 319px;
}

#TopCnr {
	position: absolute;
	top: 0;
	left: 618px;
}

#gamesBotCnr {
	position: absolute;
	top: 67px;
	left: 618px;
}

.imgMain {
	position: relative;
	top: 23px;
	left: 23px;
	width: 312px;
	height: 250px;
	float: left;
	border: solid white 1px;
}

#contentHome {
	position: relative;
	top: 4px;
	left: 4px;
	margin-left: 158px;
	width: 628px;
	height: 363px;
}

#navBar {
	position: absolute;
	top: 286px;
	left: 0;
	width: 628px;
	height: 77px;
}

.imgIcon {
	position: absolute;
	top: 10px;
	left: 23px;
	float: left;
	border: solid white 1px;
}

#gameTitle {
	position: absolute;
	top: 8px;
	left: 90px;
	width: 240px;
	height: 20px;
	font-size: 12px;
	text-transform: lowercase;
}

#gameLinks {
	position: absolute;
	top: 25px;
	left: 90px;
	width: 240px;
	height: 30px;
}

/* HOME PAGE */

#homePageText {
	position: absolute;
	top: 22px;
	left: 442px;
	width: 170px;
	height: 250px;
	color: #0d7ebb;
	margin: 0;
	padding: 0;
}

#homeBotCnr
{
	position: absolute;
	top: 353px;
	left: 618px;
}

.mainCol {
	color: black;
	background-color: white;
}

/* NEWS SECTION */

#newsItem {
	position: absolute;
	top: 40px;
	left: 22px;
	width: 320px;
	clip: rect(0 320px 308px 0);
}

#newsStoryImg {
	position: absolute;
	top: 0;
	left: 22px;
}

#newsArchiveImg {
	position: absolute;
	top: 0;
	left: 25px;
}

#newsArchiveContainer {
	position: absolute;
	top: 0;
	left: 379px;
	width: 226px;
	height: 363px;
}

#newsArchive {
	position: absolute;
	top: 40px;
	left: 0;
	width: 226px;
	padding: 10px;
	clip: rect(0 226px 308px 0);
}

#scrollArchive {
	position: absolute;
	top: 0;
	left: 605px;
	width: 24px;
	height: 363px;
}

#scrollMain {
	position: absolute;
	top: 0;
	left: 356px;
	width: 23px;
	height: 363px;
}

#newsTopCnr {
	position: absolute;
	top: 0;
	left: 14px;
}

#newsBotCnr {
	position: absolute;
	top: 353px;
	left: 14px;
}

#dot {
	position: absolute;
}

#mainDot {
	position: absolute;
}

#pageup {
	position: absolute;
	top: 0;
	left: 0;
}

#pagedown {
	position: absolute;
	top: 333px;
	left: 0;
}

.newsItem {
	background-image: url(images/newsIcon.gif);
	background-repeat: no-repeat;
	margin: 10px 15px 0px 0px;
	padding-left: 15px;
}

.newsItem a {
	text-decoration: none;
	color: white;
}

.newsItem a:hover {
	text-decoration: none;
	color: #ffe383;
}

.mainScrollBar {
	background-color: #0872AC;
}

.newsItemScrollBar {
	background-color: #09537B;
}

.newsCol {
	color: white;
	background-color: #0d7ebb;
}

.newsCol2 {
	color: white;
	background-color: #0a5b87;
}

#productText br {
	margin-bottom: 15px;
	padding: 0px;
	border-width: 0;
	line-height: 0px;
}

/* GAMES SECTION */

#gamesCatalogue {
	position: absolute;
	top: 0;
	left: 358px;
	width: 149px;
	height: 29px;
	font-size: 12px;
	text-indent: 21px;
	line-height: 29px;
}

#gamesCatalogue a {
	display: block;
	width: 149px;
	height: 29px;
	background: url("images/gamesArrow1.gif");
	text-decoration: none;
	color: white;
}

#gamesCatalogue a:hover, #gamesCatalogue a:active {
	display: block;
	width: 149px;
	height: 29px;
	outline: none;
	background: url("images/gamesArrow1h.gif");
	text-decoration: none;
	color: white;
}

#gamesPlayBut {
	position: absolute;
	top: 0;
	left: 507px;
	width: 94px;
	height: 29px;
	font-size: 12px;
	text-indent: 21px;
	line-height: 29px;
}

#gamesPlayBut a {
	display: block;
	width: 94px;
	height: 29px;
	background: url("images/gamesArrow2.gif");
	text-decoration: none;
	color: white;
}

#gamesPlayBut a:hover, #gamesPlayBut a:active {
	display: block;
	width: 94px;
	height: 29px;
	outline: none;
	background: url("images/gamesArrow2h.gif");
	text-decoration: none;
	color: white;
}

.gamesCol {
	color: white;
	/*background-color: #cb347e;*/
	background-color: #0a5b87;
}

.gamesCol2 {
	color: white;
	/*background-color: #e13a8c;*/
	background-color: #0d7ebb;
}

/* GAMING SECTION */

#gamingCatalogue {
	position: absolute;
	top: 0;
	left: 358px;
	width: 149px;
	height: 29px;
	font-size: 12px;
	text-indent: 21px;
	line-height: 29px;
}

#gamingCatalogue a {
	display: block;
	width: 149px;
	height: 29px;
	background: url("images/gamingArrow1.gif");
	text-decoration: none;
	color: white;
}

#gamingCatalogue a:hover, #gamingCatalogue a:active {
	display: block;
	width: 149px;
	height: 29px;
	outline: none;
	background: url("images/gamingArrow1h.gif");
	text-decoration: none;
	color: white;
}

#gamingPlayBut {
	position: absolute;
	top: 0;
	left: 507px;
	width: 94px;
	height: 29px;
	font-size: 12px;
	text-indent: 21px;
	line-height: 29px;
}

#gamingPlayBut a {
	display: block;
	width: 94px;
	height: 29px;
	background: url("images/gamingArrow2.gif");
	text-decoration: none;
	color: white;
}

#gamingPlayBut a:hover, #gamingPlayBut a:active {
	display: block;
	width: 94px;
	height: 29px;
	outline: none;
	background: url("images/gamingArrow2h.gif");
	text-decoration: none;
	color: white;
}

.gamingCol {
	color: white;
	/*background-color: #0E954C;*/
	background-color: #0a5b87;
}

.gamingCol2 {
	color: white;
	/*background-color: #0FA554;*/
	background-color: #0d7ebb;
}

/* PRODUCTIONS */

#productionsCatalogue {
	position: absolute;
	top: 0;
	left: 358px;
	width: 149px;
	height: 29px;
	font-size: 12px;
	text-indent: 21px;
	line-height: 29px;
}

#productionsCatalogue a {
	display: block;
	width: 149px;
	height: 29px;
	background: url("images/productionsArrow1.gif");
	text-decoration: none;
	color: white;
}

#productionsCatalogue a:hover, #productionsCatalogue a:active {
	display: block;
	width: 149px;
	height: 29px;
	outline: none;
	background: url("images/productionsArrow1h.gif");
	text-decoration: none;
	color: white;
}

#productionsPlayBut {
	position: absolute;
	top: 0;
	left: 507px;
	width: 94px;
	height: 29px;
	font-size: 12px;
	text-indent: 21px;
	line-height: 29px;
}

#productionsPlayBut a {
	display: block;
	width: 94px;
	height: 29px;
	background: url("images/productionsArrow2.gif");
	text-decoration: none;
	color: white;
}

#productionsPlayBut a:hover, #productionsPlayBut a:active {
	display: block;
	width: 94px;
	height: 29px;
	outline: none;
	background: url("images/productionsArrow2h.gif");
	text-decoration: none;
	color: white;
}

.productionsCol {
	color: white;
	/*background-color: #DF8220;*/
	background-color: #0a5b87;
}

.productionsCol2 {
	color: white;
	/*background-color: #EC932F;*/
	background-color: #0d7ebb;
}

/* ABOUT US */

#aboutUsLeftPanel {
	width: 202px;
	height: 353px;
	padding: 0 17px 0 22px;
}

#aboutUsTxt {
	position: relative;
	width: 202px;
	height: 244px;
	font-size: 12px;
	margin: 0;
	padding: 0;
	border: 0;
}

#aboutUsMenu {
	width: 202px;
	height: 68px;
	z-index: 2;
}

.aboutUsMenuItem {
	margin: 0;
	width: 202px;
	height: 17px;
}

#aboutUsNavbarKnowHow a {
	display: block;
	width: 202px;
	height: 17px;
	background: url("images/navAbout4.gif");
}

#aboutUsNavbarKnowHowActive a {
	display: block;
	width: 202px;
	height: 17px;
	background: url("images/navAbout4Active.gif");
}

#aboutUsNavbarKnowHow a:hover, #aboutUsNavbarKnowHow a:active {
	display: block;
	width: 202px;
	height: 17px;
	background: url("images/navAbout4Hover.gif");
}

#aboutUsNavbarPeople a {
	display: block;
	width: 202px;
	height: 17px;
	background: url("images/navAbout1.gif");
}

#aboutUsNavbarPeopleActive a {
	display: block;
	width: 202px;
	height: 17px;
	background: url("images/navAbout1Active.gif");
}

#aboutUsNavbarPeople a:hover, #aboutUsNavbarPeople a:active {
	display: block;
	width: 202px;
	height: 17px;
	outline: none;
	background: url("images/navAbout1Hover.gif");
}

#aboutUsNavbarClients a {
	display: block;
	width: 202px;
	height: 17px;
	background: url("images/navAbout3.gif");
}

#aboutUsNavbarClientsActive a {
	display: block;
	width: 202px;
	height: 17px;
	background: url("images/navAbout3Active.gif");
}

#aboutUsNavbarClients a:hover, #aboutUsNavbarClients a:active {
	display: block;
	width: 202px;
	height: 17px;
	background: url("images/navAbout3Hover.gif");
}

#aboutUsNavbarContactus a {
	display: block;
	width: 202px;
	height: 17px;
	background: url("images/navAbout5.gif");
}

#aboutUsNavbarContactusActive a {
	display: block;
	width: 202px;
	height: 17px;
	background: url("images/navAbout5Active.gif");
}

#aboutUsNavbarContactus a:hover, #aboutUsNavbarContactus a:active {
	display: block;
	width: 202px;
	height: 17px;
	background: url("images/navAbout5Hover.gif");
}

#aboutUsRightPanel {
	position: absolute;
	top: 0;
	left: 242px;
	width: 347px;
	height: 363px;
	padding: 0 17px 0 22px;
}

.aboutGenericText {
	padding-top: 18px;
}

#aboutUsRightPanelContent a {
	color: white;
	text-decoration: none;
	font-size: 13px;
	font-weight: bold;
	line-height: 13px;
}

#aboutUsGeneric img {
	/*border: 1px solid white;*/
	border: 0;
}

#aboutusTopCnr {
	position: absolute;
	top: 0;
	left: 376px;
}

#aboutusBotCnr {
	position: absolute;
	top: 353px;
	left: 376px;
}

.aboutUsLinks {
	font-size: 11px;
	margin-top: 5px;
	color: #828282;
	text-align: left;
	font-weight: bold;
}

.aboutUsLinks a {
	text-decoration: none;
	font-size: 11px;
	color: #828282;
}

.aboutUsLinks a:hover {
	text-decoration: none;
	font-size: 11px;
	color: #444444;
}

#aboutUsTxt a {
	font-size: 12px;
	margin-top: 5px;
	color: #828282;
	text-align: left;
	font-weight: bold;
	text-decoration: none;
}

#aboutUsTxt a:hover {
	text-decoration: none;
	font-size: 12px;
	color: #444444;
}

#aboutUsScrollingRightPanel {
	position: absolute;
	top: 0;
	left: 242px;
	width: 340px;
	height: 363px;
	padding: 0 24px 0 22px;
}

#aboutUsScrollingItem {
	position: absolute;
	top: 19px;
	left: 22px;
	width: 330px;
	clip: rect(0 330px 329px 0);
}

#aboutUsScrollBar {
	position: absolute;
	top: 0;
	left: 605px;
	width: 24px;
	height: 363px;
	background-color: #0872AC;
}

#aboutUsScrollTopCnr {
	position: absolute;
	top: 0;
	left: 14px;
}

#aboutUsScrollBotCnr {
	position: absolute;
	top: 353px;
	left: 14px;
}

#aboutUsScrollDot {
	position: absolute;
}

#aboutUsScrollPageup {
	position: absolute;
	top: 0;
	left: 0;
}

#aboutUsScrollPagedown {
	position: absolute;
	top: 333px;
	left: 0;
}

#contactUsLinks {
	position: absolute;
	top: 20px;
	left: 15px;
	width: 156px;
	height: 48px;
}

#contactUsAddress {
	position: absolute;
	top: 20px;
	left: 212px;
	width: 104px;
	height: 29px;
}

#contactUsMap {
	position: absolute;
	top: 46px;
	left: 22px;
	width: 344px;
	height: 251px;
}

.contactUsItem {
	width: 156px;
	height: 16px;
}

#contactUsSales a {
	display: block;
	width: 156px;
	height: 16px;
	background: url("images/aboutEmailSales1.gif");
}

#contactUsSales a:hover, #contactUsSales a:active {
	display: block;
	width: 156px;
	height: 16px;
	background: url("images/aboutEmailSales2.gif");
}

#contactUsPress a {
	display: block;
	width: 156px;
	height: 16px;
	background: url("images/aboutEmailPress1.gif");
}

#contactUsPress a:hover, #contactUsPress a:active {
	display: block;
	width: 156px;
	height: 16px;
	background: url("images/aboutEmailPress2.gif");
}

#contactUsHelp a {
	display: block;
	width: 156px;
	height: 16px;
	background: url("images/aboutEmailHelp1.gif");
}

#contactUsHelp a:hover, #contactUsHelp a:active {
	display: block;
	width: 156px;
	height: 16px;
	background: url("images/aboutEmailHelp2.gif");
}

.aboutusCol {
	color: #757575;
	background-color: #ffffff;
}

.aboutusCol2 {
	color: white;
	background-color: #0d7ebb;
}

.peopleName {
	font-size: 16px;
	font-weight: bold;
	padding-bottom: 8px;
}

.peopleJob {
	font-size: 14px;
	font-weight: bold;
	padding-bottom: 11px;
}

.peopleDesc {
	padding-bottom: 28px;
}

.aboutUsimgLeft {
	float: left;
	padding: 5px 7px 5px 0;
}

.aboutUsimgRight {
	float: right;
	position: relative;
	top: -11px;
	padding: 0 0 14px 36px;
}

.knowhowName {
	font-size: 16px;
	font-weight: bold;
	padding-bottom: 8px;
}

.knowhowDesc {
	padding-bottom: 28px;
}

.clientName {
	font-size: 16px;
	font-weight: bold;
	padding-bottom: 8px;
}

.clientDesc {
	padding-bottom: 28px;
}

.caseStudyName {
	font-size: 16px;
	font-weight: bold;
	padding-bottom: 8px;
}

.caseStudyDesc {
	padding-bottom: 28px;
}

.caseStudyimgRight {
	float: right;
	padding-top: 8px;
}

.caseStudyimgRightTop {
	float: right;
	padding-top: 22px;
}

/* BOTTOM NAVIGATION BAR */

#mainNavMain {
	position: relative;
	top: 4px;
	left: 158px;
	height: 30px;
	width: 495px;
}

#mainNavbarHome a {
	float: left;
	display: block;
	width: 67px;
	height: 26px;
	background: url("");
}

#mainNavbarHomeActive a {
	float: left;
	display: block;
	width: 67px;
	height: 26px;
	background: url("images/navMainHomeActive.gif");
}

#mainNavbarHome a:hover, #mainNavbarHome a:active {
	float: left;
	display: block;
	width: 67px;
	height: 26px;
	background: url("images/navMainHomeHover.gif");
}

#mainNavbarNews a {
	float: left;
	display: block;
	position: relative;
	left: 1px;
	width: 61px;
	height: 26px;
	background: url("");
}

#mainNavbarNewsActive a {
	float: left;
	display: block;
	position: relative;
	left: 1px;
	width: 61px;
	height: 26px;
	background: url("images/navMainNewsActive.gif");
}

#mainNavbarNews a:hover, #mainNavbarNews a:active {
	float: left;
	display: block;
	position: relative;
	left: 1px;
	width: 61px;
	height: 26px;
	background: url("images/navMainNewsHover.gif");
}

#mainNavbarGames a {
	float: left;
	display: block;
	position: relative;
	left: 1px;
	width: 101px;
	height: 26px;
	background: url("");
}

#mainNavbarGames a:hover, #mainNavbarGames a:active {
	float: left;
	display: block;
	position: relative;
	left: 1px;
	width: 101px;
	height: 26px;
	background: url("images/navMainGamesHover.gif");
}

#mainNavbarGamesActive a {
	float: left;
	display: block;
	position: relative;
	left: 1px;
	width: 101px;
	height: 26px;
	background: url("images/navMainGamesActive.gif");
}

#mainNavbarProductions a {
	float: left;
	display: block;
	position: relative;
	left: 1px;
	width: 91px;
	height: 26px;
	background: url("");
}

#mainNavbarProductions a:hover, #mainNavbarProductions a:active {
	float: left;
	display: block;
	position: relative;
	left: 1px;
	width: 91px;
	height: 26px;
	background: url("images/navMainProdHover.gif");
}

#mainNavbarProductionsActive a {
	float: left;
	display: block;
	position: relative;
	left: 1px;
	width: 91px;
	height: 26px;
	background: url("images/navMainProdActive.gif");
}

#mainNavbarGaming a {
	float: left;
	display: block;
	position: relative;
	left: 1px;
	width: 81px;
	height: 26px;
	background: url("");
}

#mainNavbarGaming a:hover, #mainNavbarGaming a:active {
	float: left;
	display: block;
	position: relative;
	left: 1px;
	width: 81px;
	height: 26px;
	background: url("images/navMainGamingHover.gif");
}

#mainNavbarGamingActive a {
	float: left;
	display: block;
	position: relative;
	left: 1px;
	width: 81px;
	height: 26px;
	background: url("images/navMainGamingActive.gif");
}

#mainNavbarAboutus a {
	float: left;
	display: block;
	position: relative;
	left: 1px;
	width: 84px;
	height: 26px;
	background: url("");
}

#mainNavbarAboutus a:hover, #mainNavbarAboutus a:active {
	float: left;
	display: block;
	position: relative;
	left: 1px;
	width: 84px;
	height: 26px;
	background: url("images/navMainAboutHover.gif");
}

#mainNavbarAboutusActive a {
	float: left;
	display: block;
	position: relative;
	left: 1px;
	width: 84px;
	height: 26px;
	background: url("images/navMainAboutActive.gif");
}

/* Editor Page */

#title {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-weight: bold;
	text-transform: lowercase;
	width: 261px;
	font-size: 18px;
}

#description {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-size: 12px;
	width: 258px;
	height: 241px;
	position: relative;
	top: 10px;
}

.gamesText {
	background-color: #cb347e;
	color: white;
	font-family: Arial, Helvetica, sans-serif;
	overflow: hidden;
	border: none;
}

.productionsText {
	background-color: #DF8220;
	color: white;
	font-family: Arial, Helvetica, sans-serif;
	overflow: hidden;
	border: none;
}

.gamingText {
	background-color: #0E954C;
	color: white;
	font-family: Arial, Helvetica, sans-serif;
	overflow: hidden;
	border: none;
}

.homeText {
	position: relative;
	color: #0d7ebb;
	background-color: transparent;
	font-family: Arial, Helvetica, sans-serif;
	overflow: hidden;
	border: none;
	left: -1px;
	height: 700px;
	width: 175px;
	font-size: 12px;
	top: -1px;
}

.aboutUsText {
	position: relative;
	color: #828282;
	background-color: transparent;
	font-family: Arial, Helvetica, sans-serif;
	overflow: hidden;
	border: none;
	left: -1px;
	top: 11px;
	height: 261px;
	font-size: 12px;
	width: 208px;
}

.aboutUsRight{
	position: relative;
	color: white;
	background-color: transparent;
	font-family: Arial, Helvetica, sans-serif;
	overflow: hidden;
	border: none;
	left: -1px;
	top: -1px;
	width: 350px;
	height: 59px;
	margin-bottom: 0px;
	font-size: 12px;
}

#mainTxtEditor {
	position: absolute;
	top: -1px;
	left: 357px;
	width: 260px;
	height: 266px;
	padding-top: 19px;
	padding-right: 17px;
	overflow: hidden;
}

#remove {
	position: absolute;
	right: 10px;
	top: 650px;
	width: 120px;
}

.rightAligned {
	position: absolute;
	left: 150px;
}