<style type="text/css">
<!--
html {
	overflow-y: scroll;
	height:100.01%;
}
A:link {
	font-weight: normal;
	text-decoration: none;
	color: #ffffff;
}
A:visited {
	text-decoration: none;
	color: #ffffff;
	font-weight: normal;
}
A:hover {
	color: #ffffff;
}
body {
	font-family: Arial, Verdana, Helvetica;
	font-size:11px;
	margin-top: 0;
	margin-left: 0;
	margin-right: 0;
	margin-bottom: 0;
	padding-top: 0;
	padding-left: 0;
	padding-right: 0;
	padding-bottom: 0;
	overflow: auto;
	background:#002b4f url(images/siteBG.jpg) no-repeat center top;
	text-align:center; /* horizontal centering for IE Win quirks */
	color: #003399;
}
ul {
	margin: 0px;
	padding: 0px;
	padding-left: 14px;
}
li {
	margin: 0px;
	padding: 0px;
	line-height: 15px;
}
p {
	padding-bottom: 5px;
}

#galleryHTML {
	float: left;
	width: 441px;
	height: 336px;
	padding-top: 12px;
	font-family: verdana, arial, tahoma, sans;
	text-shadow: 0px 0px 6px #002B4F;
/* thanks to http://blog.fakedarren.com/2010/01/cross-browser-css-gradients/ */
    /* fallback (Opera) */
    background: #227ecb;
    /* Mozilla: */
    background: -moz-linear-gradient(top, #0a477a, #227ecb);
    /* Chrome, Safari:*/
    background: -webkit-gradient(linear,
                left top, left bottom, from(#0a477a), to(#227ecb));
    /* MSIE */
    filter: progid:DXImageTransform.Microsoft.Gradient(
                StartColorStr='#0a477a', EndColorStr='#227ecb', GradientType=0);

	border-bottom-left-radius:6px 6px;
	border-bottom-right-radius:6px 6px;
	-moz-border-radius-bottomleft:6px;
	-moz-border-radius-bottomright:6px;
}
#galleryHTML .galleryRow {
	float: left;
	width: 401px;
	margin-left: 12px;
	padding-top: 8px;
	padding-left: 7px;
	padding-right: 7px;
	padding-bottom: 8px;
	/* border-bottom: 1px #ffffff dotted; */
	text-align: left;
	outline: none;
	background: transparent;
}
#galleryHTML .galleryRow:hover {
	background: url("images/galleryHTML_row_bg.png");
	cursor: pointer;
}
#galleryHTML .rowDivider {
	float: left;
	width: 395px;
	height: 0px;
	margin-left: 22px;
	/* background: url("images/newsDots.png") repeat-x; */
	border-bottom: 1px #ffffff dotted;
}
#galleryHTML .galleryRow img {
	float: left;
	/*max-width: 119px;
	max-height: 80px;*/
	width: 119px;
	height: 80px;
	margin-right: 10px;
	border: 1px #cccccc solid;
	/* -webkit-transition-property: max-width;
	-webkit-transition-duration: .5s; */
}
/* #galleryHTML .galleryRow img:hover {
	max-width: 50px;
} */
#galleryHTML .galleryRow .header {
	float: left;
	width: 270px;
	font-weight: bold;
	color: #ffffff;
}
#galleryHTML .galleryRow .desc {
	float: left;
	width: 270px;
	color: #bedffa;
	/* font-weight: bold; */
}



.headerClientProjects{
	float: left;
	min-height: 76px;
	background: url(images/headerClientProjects.png) 0px -10px no-repeat;
	padding-left: 260px;
	color: #ffffff;
}
.headerClientLinks{
	float: left;
	min-height: 76px;
	background: url(images/headerClientLinks.png) 0px -10px no-repeat;
	padding-left: 240px;
	color: #ffffff;
}
.headerPageText {
	float: left;
	padding-left: 20px;
	padding-top: 0px;
	padding-bottom: 0px;
	background: url(images/rightColumnBG.png) repeat-y;
}

.rightColumnText3 {
	float: left;
	width: 600px;
	padding-left: 36px;
	text-align: left;
	vertical-align: top;
	padding-top: 15px;
	font-family: arial, verdana;
	font-size: 11px;
	font-weight: normal;
	color: #ffffff;
	line-height: 15px;
	padding-bottom: 15px;
}

.dottedTop {
	border-top: 1px #fff dotted;
}
.clientLinksProject {
	float: left;
	padding: 9px 3px 9px 15px;
	/* border-top: 1px #fff dotted; */
	border-bottom: 1px #fff dotted;
	/* margin-bottom: 4px; */
	background: transparent url(images/clientProjectArrow.png) left center no-repeat;
	cursor: hand;
	color: #ffffff;
}
.clientLinksProject:link		{ text-decoration: none; color: #ffffff; }
.clientLinksProject:visited		{ text-decoration: none; color: #ffffff; }
.clientLinksProject:hover		{ text-decoration: none; color: #ffffff; background: #333333 url(images/clientProjectArrow.png) left center no-repeat; }
.clientLinksProject:active		{ text-decoration: none; color: #ffffff; }

.clientLinksURL {
	float: left;
	height: 15px;
	padding: 5px 8px 11px 8px;
	border: 1px #a8a7aa solid;
	border-top: 0px;
	border-left: 0px;
    background: -moz-linear-gradient(top, #266ba3, #135890);
    /* Chrome, Safari:*/
    background: -webkit-gradient(linear,
                left top, left bottom, from(#266ba3), to(#135890));
    /* MSIE */
    filter: progid:DXImageTransform.Microsoft.Gradient(
                StartColorStr='#266ba3', EndColorStr='#135890', GradientType=0);
	cursor: pointer;
}
.clientLinksURL:hover {
    background: -moz-linear-gradient(top, #4681b1, #215a89);
    /* Chrome, Safari:*/
    background: -webkit-gradient(linear,
                left top, left bottom, from(#4681b1), to(#215a89));
    /* MSIE */
    filter: progid:DXImageTransform.Microsoft.Gradient(
                StartColorStr='#4681b1', EndColorStr='#215a89', GradientType=0);
}
.clientLinksURL:link		{ text-decoration: none; color: #ffffff; }
.clientLinksURL:visited		{ text-decoration: none; color: #ffffff; }
.clientLinksURL:hover		{ text-decoration: none; color: #ffffff; }
.clientLinksURL:active		{ text-decoration: none; color: #ffffff; }

.clientLinksUser {
	float: left;
	height: 15px;
	padding: 5px 8px 11px 8px;
	border: 1px #a8a7aa solid;
	border-top: 0px;
	border-left: 0px;
    background: -moz-linear-gradient(top, #266ba3, #135890);
    /* Chrome, Safari:*/
    background: -webkit-gradient(linear,
                left top, left bottom, from(#266ba3), to(#135890));
    /* MSIE */
    filter: progid:DXImageTransform.Microsoft.Gradient(
                StartColorStr='#266ba3', EndColorStr='#135890', GradientType=0);
}
.clientLinksPass {
	float: left;
	height: 15px;
	padding: 5px 8px 11px 8px;
	border: 1px #a8a7aa solid;
	border-top: 0px;
	border-left: 0px;
	border-right: 0px;
    background: -moz-linear-gradient(top, #266ba3, #135890);
    /* Chrome, Safari:*/
    background: -webkit-gradient(linear,
                left top, left bottom, from(#266ba3), to(#135890));
    /* MSIE */
    filter: progid:DXImageTransform.Microsoft.Gradient(
                StartColorStr='#266ba3', EndColorStr='#135890', GradientType=0);
}
.clientLinksEmpty {
	background: transparent;
}


.push {clear:both;}

.redirect {
	padding-top: 16px;
	padding-bottom: 24px;
	width: 660px;
	color: #cccccc;
	background: #000000;
	border: 1px #333333 solid;
	font-family: Verdana, Arial;
	font-size:11px;
	font-weight: normal;
	line-height: 16px;
}

#flashNav {
	float: left;
	width: 906px;
	height: 135px;
}
#flashNav ul {
	margin: 0px;
	padding: 0px;
}
#flashNav li {
	margin: 0px;
	padding: 0px;
}

.flashNavAlt {
	float: left;
	width: 903px;
	height: 107px;
	padding-top: 28px;
	padding-left: 3px;
	background: url(images/nav_bg.png);
}
.navBlock {
	float: left;
	width: 372px;
	height: 100%;
}
.navRow {
	float: left;
}
.breadCrumb {
	float: left;
	margin-top: 13px;
	margin-left: 15px;
	font-size: 9px;
	font-family: verdana, arial, tahoma;
	color: #ffffff;
	font-weight: bold;
}
.breadCrumb A {
	color: #A4CCF0;
	font-weight: normal;
}
.breadCrumb A:link		{ text-decoration: none; color: #A4CCF0; }
.breadCrumb A:visited	{ text-decoration: none; color: #A4CCF0; }
.breadCrumb A:hover		{ text-decoration: none; color: #ffffff; }
.breadCrumb A:active		{ text-decoration: none; color: #A4CCF0; }

.breadCrumbArrow {
	color: #feaa08;
	font-size: 8px;
}

.clientBreadCrumb {
	color: #a4ccf0;
}
.clientBreadCrumb A{
	font-weight: bold;
}
.clientBreadCrumb A:link		{ text-decoration: none; color: #a4ccf0; }
.clientBreadCrumb A:visited	{ text-decoration: none; color: #a4ccf0; }
.clientBreadCrumb A:hover	{ text-decoration: none; color: #ffffff; }
.clientBreadCrumb A:active	{ text-decoration: none; color: #a4ccf0; }

#otherGames {
	float: left;
	width: 867px;
	height: 87px;
	background: transparent;
	overflow: hidden;
}
.noScroll {
	overflow: hidden;
    background: #227ecb;
    /* Mozilla: */
    background: -moz-radial-gradient(50% 1% 90deg,circle cover, #317DBC, #205785);
    /* Chrome, Safari:*/
    background: -webkit-gradient(radial, 433 4, 522, 433 4, 118, from(#205785), to(#317DBC));
}
.ie .noScroll {
	background: #215a8a;
}
.noScrollThumbs {
	overflow: hidden;
	margin: 0px;
	padding: 0px;
    background: #84a6ca;
    /* Mozilla: */
    background: -moz-radial-gradient(50% 1% 90deg,circle cover, #88a9cc, #80a4c8);
    /* Chrome, Safari:*/
    background: -webkit-gradient(radial, 433 4, 522, 433 4, 118, from(#80a4c8), to(#88a9cc));
}
.noScrollImage {
	overflow: hidden;
	margin: 0px;
	padding: 0px;
    background: #000000;
}
.imageLoaderContainer {
	float: left;
	width: 445px;
	height: 289px;
    /* background: url(images/imageLoaderBG.gif) no-repeat center center; */
	background: #000000;
}
#imageLoader {
	float: left;
	width: 445px;
	height: 289px;
	opacity: 1;              /* CSS3 */
	-moz-opacity: 1;         /* legacy Firefox */
	-khtml-opacity: 1;       /* legacy Safari/Konqueror */
	filter: alpha(opacity=100); /* MSIE */
}

.gamesBox {
	float: left;
	width: 882px;
	height: 103px;
	padding-top: 16px;
	padding-left: 16px;
	overflow: hidden;
	/*border: 1px #1d4051 solid;
	background: #000000;*/
    background: #227ecb;
    /* Mozilla: */
    background: -moz-radial-gradient(50% 21% 90deg,circle cover, #317DBC, #205785);
    /* Chrome, Safari:*/
    background: -webkit-gradient(radial, 449 20, 522, 449 20, 118, from(#205785), to(#317DBC));
	
    /* MSIE */
    filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#0a477a', EndColorStr='#227ecb', GradientType=0);
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#0a477a', endColorstr='#227ecb')"; /* IE8 */
				
	border-radius:5px 5px;
	/* border-bottom-left-radius:6px 6px;
	border-bottom-right-radius:6px 6px; */
	-moz-border-radius:5px;
	/* -moz-border-radius-bottomleft:6px;
	-moz-border-radius-bottomright:6px; */
}
#gamesBoxWide {
	float: left;
	/* min-width: 4045px;
	height: 78px; */
	width: 882px;
	height: 87px;
	opacity: 1;              /* CSS3 */
	-moz-opacity: 1;         /* legacy Firefox */
	-khtml-opacity: 1;       /* legacy Safari/Konqueror */
	filter: alpha(opacity=100); /* MSIE */
}
.gamePanel {
	float: left;
	width: 882px;
	height: 87px;
	padding-bottom: 30px;
}
.thumbPanel {
	float: left;
	width: 334px;
	height: 58px;
	padding-top: 5px;
	padding-left: 8px;
	padding-bottom: 25px;
}

#gameInfo {
	float: left;
	width: 885px;
	height: 370px;
	padding: 7px;
	font-family: verdana, arial, tahoma, sans;
	/* text-shadow: 0px 0px 6px #002B4F; */
/* thanks to http://blog.fakedarren.com/2010/01/cross-browser-css-gradients/ */
    /* fallback (Opera) */
    background: #d4e0ea;
    /* Mozilla: */
    background: -moz-linear-gradient(top, #ffffff, #afc5d8);
    /* Chrome, Safari:*/
    background: -webkit-gradient(linear,
                left top, left bottom, from(#ffffff), to(#afc5d8));
    /* MSIE */
    filter: progid:DXImageTransform.Microsoft.Gradient(
                StartColorStr='#ffffff', EndColorStr='#afc5d8', GradientType=0);

	border-bottom-left-radius:5px 5px;
	border-bottom-right-radius:5px 5px;
	-moz-border-radius-bottomleft:5px;
	-moz-border-radius-bottomright:5px;
}
#gamesGallery {
	float: left;
	/* width: 885px; */
	width: 439px;
	height: 370px;
}
.noScrollGallery {
	overflow: hidden;
	margin: 0px;
	padding: 0px;
}
#gameInfoBG {
	float: left;
	/* width: 885px; */
	width: 439px;
	height: 371px;
	background: url(images/gameInfoBG.png) no-repeat;
	font-family: verdana, arial, sans, tahoma;
	color: #ffffff;
	font-size: 10px;
	line-height: 9px;
}
#gameLeftBlock {
	float: left;
	width: 423px;
	height: 370px;
	margin-right: 16px;
	opacity: 1;              /* CSS3 */
	-moz-opacity: 1;         /* legacy Firefox */
	-khtml-opacity: 1;       /* legacy Safari/Konqueror */
	filter: alpha(opacity=100); /* MSIE */
}
.gameBanner {
	float: left;
	width: 423px;
	height: 121px;
	margin-bottom: 8px;
}
.gameBullets {
	float: left;
	width: 246px;
	height: 237px;
	padding-top: 4px;
	padding-left: 18px;
	padding-right: 18px;
	text-align: left;
}
.gameBullets li {
	margin-top: 12px;
}
.gameGenreBlock {
	float: left;
	width: 105px;
	height: 225px;
	padding-top: 16px;
	padding-left: 18px;
	padding-right: 18px;
	text-align: left;
	line-height: 12px;
}
.gameGenreBlock .header {
	/* font-weight: bold; */
	color: #f5ae06;
}
.gameGenreBlock img {
	border: 0px;
}
.gameGenreBlock A {
	outline: none;
}

.gameRightBlock {
	float: left;
	width: 445px;
	height: 370px;
	background: url(images/gameInfoBG.png) no-repeat top right;
}
#gameMediaTabs .imagesTab {
	float: left;
	width: 111px;
	height: 28px;
	background: url(images/images_btn.png);
	outline: none;
}
#gameMediaTabs .imagesTab:hover {
	background: url(images/images_btn_over.png);
	cursor: pointer;
	outline: none;
}
#gameMediaTabs .videosTab {
	float: left;
	width: 111px;
	height: 28px;
	background: url(images/videos_btn.png);
	outline: none;
}
#gameMediaTabs .videosTab:hover {
	background: url(images/videos_btn_over.png);
	cursor: pointer;
	outline: none;
}
#gameImageView {
	float: left;
	width: 445px;
	height: 289px;
}
.gameImageLeftRight {
	float: left;
	width: 445px;
	height: 23px;
}
.gameSelectTabs {
	float: left;
	width: 111px;
	height: 58px;
}
#gameImageThumbs {
	float: left;
	width: 334px;
	height: 58px;
}

.gameImageThumb {
	float: left;
	width: 69px;
	height: 46px;
	outline: none;
	border: 1px #ffffff solid;
}
.gameImageThumb img {
	width: 100%;
	height: 100%;
	border: 0px;
}
.gameImageThumbSpacer {
	float: left;
	width: 9px;
	height: 46px;
}

.singleGameBox {
	float: left;
	width: 132px;
	height: 87px;
	background: url(images/singleGameBG.png) no-repeat;
	outline: none;
}
.singleGameBox:hover {
	cursor: pointer;
}
.singleGameBoxSpacer {
	float: left;
	width: 17px;
	height: 87px;
}
.singleGameBoxConsole {
	/* float: right; */
	/* position: absolute; */
	display: block;
	height: 17px;
	width: 87px;
	padding: 0px;
	margin-left: -31px;
	margin-top: -48px;
	/* margin-right: -40px; */
	font-family: tahoma, arial, verdana;
	font-size: 9px;
	color: #ffffff;
	text-align: right;
	-webkit-transform: rotate(-90deg); 
	-moz-transform: rotate(-90deg);
	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
}
.ie .singleGameBoxConsole {
	/* float: right; */
	margin-top: -82px;
	margin-left: 4px;
}
.singleGameBoxImg {
	/* float: right; */
	/* position: absolute; */
	width: 109px;
	height: 81px;
	margin: 3px;
	margin-left: 20px;
	border: 0px;
}

.vidGoLeft {
	float: left;
	width: 70px;
	height: 87px;
	/* margin-left: 7px;
	margin-top: 7px; */
	background: url(images/leftMove.png) no-repeat;
	cursor: pointer;
	outline: none;
}
.vidGoLeft:hover {
	background: url(images/leftMove_over.png) no-repeat;
}
.vidGoRight {
	float: left;
	width: 70px;
	height: 87px;
	/* margin-left: 7px;
	margin-top: 7px; */
	background: url(images/rightMove.png) no-repeat;
	cursor: pointer;
	outline: none;
}
.vidGoRight:hover {
	background: url(images/rightMove_over.png) no-repeat;
}
.vidGoLeftNone {
	float: left;
	width: 70px;
	height: 87px;
	background: url(images/leftMove_none.png) no-repeat;
	cursor: default;
}
.vidGoRightNone {
	float: left;
	width: 70px;
	height: 87px;
	background: url(images/rightMove_none.png) no-repeat;
	cursor: default;
}

.thumbGoLeft {
	float: left;
	width: 43px;
	height: 48px;
	/* margin-left: 7px;
	margin-top: 7px; */
	background: url(images/leftMove_small.png) no-repeat;
	cursor: pointer;
	outline: none;
}
.thumbGoLeft:hover {
	background: url(images/leftMove_small_over.png) no-repeat;
}
.thumbGoRight {
	float: left;
	width: 43px;
	height: 48px;
	/* margin-left: 7px;
	margin-top: 7px; */
	background: url(images/rightMove_small.png) no-repeat;
	cursor: pointer;
	outline: none;
}
.thumbGoRight:hover {
	background: url(images/rightMove_small_over.png) no-repeat;
}
.thumbGoLeftNone {
	float: left;
	width: 43px;
	height: 48px;
	background: url(images/leftMove_small_none.png) no-repeat;
	cursor: default;
}
.thumbGoRightNone {
	float: left;
	width: 43px;
	height: 48px;
	background: url(images/rightMove_small_none.png) no-repeat;
	cursor: default;
}

.vidThumbBlock {
	float: left;
	width: 217px;
	height: 70px;
	margin-right: 0px;
	padding-right: 5px;
	margin-top: 4px;
	margin-left: 5px;
	padding-left: 10px;
	line-height: 14px;
	background: transparent;
	cursor: pointer;
	outline: none;
}
.vidThumbBlock:hover {
	background: #1f1f1f;
	text-decoration: none;
	color: #ffffff;
}
.vidThumbBlock:link			{ text-decoration: none; color: #ffffff; }
.vidThumbBlock:visited		{ text-decoration: none; color: #ffffff; }
.vidThumbBlock:hover		{ text-decoration: none; color: #ffffff; }
.vidThumbBlock:active		{ text-decoration: none; color: #ffffff; }
.vidThumbImage {
	float: left;
	max-width: 94px;
	max-height: 56px;
	margin-right: 10px;
	margin-top: 6px;
}
.vidText {
	float: left;
	width: 123px;
	min-height: 30px;
	margin-top: 4px;
	text-align: left;
}
.vidThumbSeparator {
	float: left;
	width: 1px;
	height: 70px;
	margin-top: 4px;
	margin-right: 3px;
	margin-left: 8px;
	background: #464646;
}

.navStudio {
	float: right;
	margin-top: 8px;
	outline: none;
}
.navStudio img {
	border: 0px;
}
.navClientLogin {
	float: right;
	margin-top: 8px;
	margin-right: 8px;
	outline: none;
}
.navClientLogin img {
	border: 0px;
}

.navLink {
	margin: 0px;
	padding: 0px;
	line-height: 15px;
	outline: none;
	
	float: left;
	width: 122px;
	height: 37px;
	padding-top: 21px;
	
	text-align: center;
	font-family: tahoma, arial, verdana;
	font-size: 10px;
	font-weight: normal;
	color: #ffffff;
	
	border: 1px #31b3fb solid;
    background: #2380CD;
    /* Mozilla: */
    background: -moz-linear-gradient(top, #31A5F4, #1468AF);
    /* Chrome, Safari:*/
    background: -webkit-gradient(linear,
                left top, left bottom, from(#31A5F4), to(#1468AF));
    /* MSIE */
    filter: progid:DXImageTransform.Microsoft.Gradient(
                StartColorStr='#31A5F4', EndColorStr='#1468AF', GradientType=0);
	
	-webkit-transition-property: background;
	-webkit-transition-duration: .5s;
	-moz-webkit-transition-property: background;
	-moz-webkit-transition-duration: .5s;
}
.navLink:hover {
    background: #1F95F1;
    /* Mozilla: */
    background: -moz-linear-gradient(top, #31B3FB, #1380EA);
    /* Chrome, Safari:*/
    background: -webkit-gradient(linear,
                left top, left bottom, from(#31B3FB), to(#1380EA));
    /* MSIE */
    filter: progid:DXImageTransform.Microsoft.Gradient(
                StartColorStr='#31B3FB', EndColorStr='#1380EA', GradientType=0);
}

.navLink:link		{ text-decoration: none; color: #ffffff; }
.navLink:visited	{ text-decoration: none; color: #ffffff; }
.navLink:hover		{ text-decoration: none; color: #ffffff; }
.navLink:active		{ text-decoration: none; color: #ffffff; }

.navLink1 {
	border-bottom-left-radius:4px 4px;
	border-top-left-radius:4px 4px;
	-moz-border-radius-bottomleft:4px;
	-moz-border-radius-topleft:4px;
	border-right: 1px #195b93 solid;
}
.navLink2 {
	border-right: 1px #195b93 solid;
}
.navLink3 {
	border-bottom-right-radius:4px 4px;
	border-top-right-radius:4px 4px;
	-moz-border-radius-bottomright:4px;
	-moz-border-radius-topright:4px;
}

.topNavLogo {
	float: left;
	width: 152px;
	height: 135px;
	margin-top: -28px;
	margin-left: 2px;
	margin-right: 2px;
	outline: none;
}
.topNavLogo img {
	border: 0px;
}


#smallNews {
	width: 441px;
	height: 152px;
	background: url('images/smallNewsBG.png') no-repeat;
}
#smallNewsInner {
	float: left;
	width: 427px;
	height: 138px;
	margin-top: 7px;
	margin-left: 7px;
	background: #004f91;
	overflow-y: hidden;
	overflow-x: hidden;
}


.videoTabHeader {
	float: left;
	width: 78px;
	padding-top: 5px;
	padding-bottom: 6px;
	color: #ffffff;
	font-weight: bold;
	text-align: center;
	background: #227ECB;
	border: 1px #227ECB solid;
	text-decoration: none;
	border-bottom: 0px;
	outline: none;
}
.videoTabHeader:hover {
	/*background: #18588e;
	background: #18588e;*/
	cursor: pointer;
}
.videoTabHeader:link		{ font-weight: bold; text-decoration: none; color: #ffffff; }
.videoTabHeader:visited		{ font-weight: bold; text-decoration: none; color: #ffffff; }
.videoTabHeader:hover		{ font-weight: bold; text-decoration: none; color: #ffffff; }
.videoTabHeader:active		{ font-weight: bold; text-decoration: none; color: #ffffff; }

.imagesTabHeader {
	float: left;
	width: 78px;
	/*margin-left: 2px;*/
	padding-top: 5px;
	padding-bottom: 6px;
	color: #ffffff;
	font-weight: bold;
	text-align: center;
	background: #227ECB;
	border: 1px #227ECB solid;
	text-decoration: none;
	border-bottom: 0px;
	outline: none;
}
.imagesTabHeader:hover {
	/*background: #18588e;
	background: #18588e;*/
	cursor: pointer;
}
.imagesTabHeader:link		{ font-weight: bold; text-decoration: none; color: #ffffff; }
.imagesTabHeader:visited	{ font-weight: bold; text-decoration: none; color: #ffffff; }
.imagesTabHeader:hover		{ font-weight: bold; text-decoration: none; color: #ffffff; }
.imagesTabHeader:active		{ font-weight: bold; text-decoration: none; color: #ffffff; }

#newsMiddle {
	float: left;
	width: 261px;
	margin-bottom: 4px;
	min-height: 200px;
	text-align: left;
	font-family: verdana, arial;
	font-size: 10px;
	font-weight: bold;
	line-height: 13px;
	background: #227ecb url('/images/newsNews_middle.png') repeat-x;

	border-bottom-left-radius:10px 10px;
	border-bottom-right-radius:10px 10px;
	-moz-border-radius-bottomleft:10px;
	-moz-border-radius-bottomright:10px;
}
#newsTop {
	float: left;
	width: 261px;
	height: 29px;
	background: url('/images/newsNews_top.png') no-repeat;
}
#devNewsTop {
	float: left;
	width: 261px;
	height: 29px;
	background: url('/images/devNews_top.png') no-repeat;
}
#newsBottom {
	float: left;
	width: 261px;
	height: 21px;
	background: url('/images/newsNews_bottom.png') no-repeat;
}


.leftNav {
	float: left;
	/*width: 207px;*/
	min-height: 10px;
	margin-left: 30px;
	margin-top: 20px;
	margin-bottom: 20px;
	text-align: center;
	font-size: 11px;
	font-weight: bold;
}
.leftNavTitle {
	float: left;
	height: 15px;
	width: 175px;
	padding-top: 5px;
	margin-bottom: 2px;
	/*background: url(images/leftNavItemBG.png) no-repeat;*/
	background: transparent;
	cursor: pointer;
	text-align: center;
	font-size: 11px;
	color: #ffffff;
	font-weight: bold;
}
.leftNavItem {
	float: left;
	height: 15px;
	width: 165px;
	padding-left: 10px;
	padding-top: 4px;
	padding-bottom: 3px;
	margin-bottom: 2px;
	/*background: url(images/leftNavItemBG.png) no-repeat;*/
	background: transparent;
	cursor: pointer;
	text-align: left;
	font-size: 11px;
	color: #ffffff;
	border: 1px #eeeeee solid;
	font-weight: bold;
}
.leftNavItem:hover {
	/*background: url(images/leftNavItemBG_over.png) no-repeat;*/
	background: #0058a0;
	color: #ffffff;
}
.leftNavItem:link		{ font-weight: bold; text-decoration: none; color: #ffffff; }
.leftNavItem:visited	{ font-weight: bold; text-decoration: none; color: #ffffff; }
.leftNavItem:hover		{ font-weight: bold; text-decoration: none; color: #ffffff; }
.leftNavItem:active		{ font-weight: bold; text-decoration: none; color: #ffffff; }

.jobTitle {

}
.jobHeader {

}

.otherPageTitle {
	float: left;
	width: 104px;
	height: 22px;
	font-family: verdana, arial;
	font-size:11px;
	background: url('images/title_bg.png');
	text-align:left; /* horizontal centering for IE Win quirks */
	font-weight: bold;
	color: #ffffff;
}

.orangeTitle {
	font-family: arial, verdana;
	font-size: 16px;
	font-weight: bold;
	color: #ffc704;
	text-align: left;
	margin-left: 20px;
	margin-top: 2px;
}

.newsYears {
	float:left;
	width: 234px;
	margin-left: 14px;
	padding-top: 9px;
	height: 31px;
	padding-bottom: 3px;
	font-family: verdana, arial;
	font-size: 10px;
	font-weight: bold;
	color: #ffffff;
	text-align: left;
	text-decoration: none;
}
.newsYears A:link		{ text-decoration: none; color: #ffffff; font-family: verdana, arial; font-weight: bold; font-size: 10px;}
.newsYears A:visited		{ text-decoration: none; color: #ffffff; font-family: verdana, arial; font-weight: bold; font-size: 10px;}
.newsYears A:hover		{ text-decoration: none; color: #ffffff; font-family: verdana, arial; font-weight: bold; font-size: 10px;}
.newsYears A:active		{ text-decoration: none; color: #ffffff; font-family: verdana, arial; font-weight: bold; font-size: 10px;}

.newsYearBG {
	float: left;
	display: block;
	width: 45px;
	height: 26px;
	padding-top: 5px;
	text-align: center;
	text-shadow: 1px 1px 1px #333333;
	background: url(/images/newsYearBG.png) 1px 0px no-repeat;
}
.newsDate {
	text-shadow: 1px 1px 1px #02b4f;
}
.newsYearBG:hover {
	text-shadow: 1px 1px 1px #000000;
	background: url(/images/newsYearBG2.png) 1px 0px no-repeat;
}
.newsYearCurrentBG {
	float: left;
	display: block;
	width: 45px;
	height: 26px;
	padding-top: 5px;
	text-align: center;
	text-shadow: 1px 1px 1px #000000;
	background: url(/images/newsYearBG2.png) 1px 0px no-repeat;
}

.leftBlockLinkCurrent {
	width: 228px;
	margin-left: 0px;
	padding-top: 5px;
	padding-bottom: 12px;
	/* background: url(/images/newsDots.png) repeat-x; */
	border-top: 1px #ffffff dotted;
	font-family: verdana, arial;
	font-size: 10px;
	font-weight: bold;
	color: #ffc704;
	text-align: left;
	text-decoration: none;
	float:left;
	line-height: 13px;
}
.leftBlockLinkCurrent A:link		{ text-decoration: none; color: #ffc704; font-family: verdana, arial; font-weight: bold; font-size: 10px;}
.leftBlockLinkCurrent A:visited		{ text-decoration: none; color: #ffc704; font-family: verdana, arial; font-weight: bold; font-size: 10px;}
.leftBlockLinkCurrent A:hover		{ text-decoration: underline; color: #ffc704; font-family: verdana, arial; font-weight: bold; font-size: 10px;}
.leftBlockLinkCurrent A:active		{ text-decoration: none; color: #ffc704; font-family: verdana, arial; font-weight: bold; font-size: 10px;}

.newsWhite {
	font-family: verdana, arial;
	font-size: 10px;
	font-weight: normal;
	color: #bedffa;
	text-align: left;
	text-decoration: none;
}
.newsWhite A:link		{ text-decoration: none; color: #bedffa; font-family: verdana, arial; font-weight: normal; font-size: 10px;}
.newsWhite A:visited		{ text-decoration: none; color: #bedffa; font-family: verdana, arial; font-weight: normal; font-size: 10px;}
.newsWhite A:hover		{ text-decoration: underline; color: #bedffa; font-family: verdana, arial; font-weight: normal; font-size: 10px;}
.newsWhite A:active		{ text-decoration: none; color: #bedffa; font-family: verdana, arial; font-weight: normal; font-size: 10px;}

.leftBlockLink {
	width: 228px;
	margin-left: 19px;
	padding-top: 12px;
	padding-bottom: 13px;
	/* background: url(../images/newsDots.png) repeat-x; */
	border-top: 1px #ffffff dotted;
	font-family: verdana, arial;
	font-size: 10px;
	font-weight: bold;
	color: #ffffff;
	text-align: left;
	text-decoration: none;
	float:left;
	line-height: 13px;
}
.leftBlockLink A { text-shadow: 0px 0px 6px #002B4F;}
.leftBlockLink A:link		{ text-decoration: none; color: #ffffff; font-family: verdana, arial; font-weight: bold; font-size: 10px;}
.leftBlockLink A:visited		{ text-decoration: none; color: #ffffff; font-family: verdana, arial; font-weight: bold; font-size: 10px;}
.leftBlockLink A:hover		{ text-decoration: underline; color: #ffffff; font-family: verdana, arial; font-weight: bold; font-size: 10px;}
.leftBlockLink A:active		{ text-decoration: none; color: #ffffff; font-family: verdana, arial; font-weight: bold; font-size: 10px;}

.leftBlockLine {
	width: 205px;
	margin-left: 46px;
	margin-right: 59px;
	padding-left: 11px;
	padding-top: 6px;
	padding-bottom: 7px;
	background: url(../images/leftLinkLine.png) no-repeat;
	font-family: times new roman;
	font-size: 12px;
	font-weight: bold;
	color: #552917;
	text-align: left;
	float:left;
}
.leftBlockText {
	width: 205px;
	margin-left: 46px;
	margin-right: 59px;
	padding-left: 11px;
	padding-top: 6px;
	padding-bottom: 7px;
	background: url(../images/leftLinkLine.png) no-repeat;
	font-family: times new roman;
	font-size: 14px;
	font-weight: normal;
	color: #391f06;
	text-align: left;
	float:left;
}
.leftBlockTextAlert {
	width: 277px;
	margin-left: 46px;
	margin-right: 59px;
	padding-left: 11px;
	padding-top: 16px;
	padding-bottom: 7px;
	background: url(images/leftLinkLine.png) no-repeat;
	font-family: times new roman;
	font-size: 18px;
	font-weight: normal;
	color: #c94c00;
	text-align: left;
	float:left;
}
.leftBlockText14 {
	width: 277px;
	margin-left: 46px;
	margin-right: 59px;
	padding-left: 11px;
	padding-top: 6px;
	padding-bottom: 7px;
	font-family: times new roman;
	font-size: 14px;
	font-weight: normal;
	color: #391f06;
	text-align: left;
	float:left;
}

#leftBlockFoot {
	height: 125px;
	width: 401px;
	background: url(images/leftBlockFoot.png) no-repeat;
	float:left;
}


.leftBorderPic {
	border: 7px #685119 solid;
	margin-right: 30px;
}
.leftPicCaption {
	margin-right: 30px;
}

#contentRight {
	width:530px;
	padding:0px;
	margin-top: 67px;
	text-align: left;
	float:left;
}
#contentRightMenu {
	width:530px;
	padding:0px;
	margin-top: 105px;
	text-align: left;
	float:left;
}

.clientLinksRow {
	float: left;
	padding-left: 9px;
	padding-right: 9px;
	padding-top: 4px;
	height: 30px;
	margin-top: 12px;
	width: 590px;
	margin-left: -9px;
	background: url('images/clientLinksTopRow.png') no-repeat;
}

#myblack {
 background: url(assets/black50.png);
 position: fixed;
 top: -661px;
 left: 0px;
 width: 100%;
 height: 508px;
 z-index: 10;
 margin: 0 auto;
 text-align: center;
}
#myblack2 {
 background: url(assets/black50.png);
 position: fixed;
 top: -661px;
 left: 0px;
 width: 100%;
 height: 508px;
 z-index: 11;
 margin: 0 auto;
 text-align: center;
}
#myfixed {
  text-align: left;
  font-family: verdana;
  font-size: 9pt;
  color: #333333;
}
#popup {
	position: fixed;
	width: 899px;
	height: 567px;
	margin-top: 95px;
	left: 50%;
	margin-left: -450px;
}
#popupVideo {
	position: fixed;
	width: 899px;
	height: 567px;
	margin-top: 95px;
	left: 50%;
	margin-left: -450px;
}

#myblack {
  /* Netscape 4, IE 4.x-5.0/Win and other lesser browsers will use this */
  position: absolute; right: 20px; bottom: 10px;
}
body > div#myblack {
  /* used by Opera 5+, Netscape6+/Mozilla, Konqueror, Safari, OmniWeb 4.5+, iCab, ICEbrowser */
  position: fixed;
}
#myblack2 {
  /* Netscape 4, IE 4.x-5.0/Win and other lesser browsers will use this */
  position: absolute; right: 20px; bottom: 10px;
}
body > div#myblack2 {
  /* used by Opera 5+, Netscape6+/Mozilla, Konqueror, Safari, OmniWeb 4.5+, iCab, ICEbrowser */
  position: fixed;
}

#topNav {
	display:inline; /* IE bug work-around */
	position: absolute;
	left: 50%;
	margin-left: -453px;
	width: 906px;
	height: 135px;
	top: 0px;
	border: 0px;
	z-index: 3;
}


#frame {
	width:900px;
	margin-right:auto;
	margin-left:auto;
	margin-top:0px;
	padding:0px;
	text-align:center;
	overflow: hidden;
}
#breadCrumb {
	width:900px;
	padding-top:102px;
	padding-bottom: 2px;
	float:left;
	color: #ffffff;
	font-family: Verdana, Arial;
	font-size:9px;
	text-align: left;
}
#breadCrumb A:link		{ text-decoration: none; color: #99ccff; font-family: arial; font-size: 10px; }
#breadCrumb A:visited	{ text-decoration: none; color: #99ccff; font-family: arial; font-size: 10px; }
#breadCrumb A:hover		{ text-decoration: none; color: #ffffff; font-family: arial; font-size: 10px; }
#breadCrumb A:active		{ text-decoration: none; color: #ffffff; font-family: arial; font-size: 10px; }
.topLeft {
	width: 441px;
	float: left;
	margin-right: 8px;
}
.topRight {
	width: 441px;
	float: right;
	margin-left: 8px;
}
.leftColumn {
	float: left;
	width: 231px;
	text-align: left;
	vertical-align: top;
	margin-top: 3px;
}
.rightColumn {
	float: left;
	width: 668px;
	min-height: 278px;
	padding-left: 1px;
	background: url(images/rightColumnBG.png) repeat-y;
	text-align: left;
	margin-bottom: 21px;
	margin-top: 3px;
}
.leftColumn2 {
	float: left;
	width: 315px;
	text-align: left;
	vertical-align: top;
	margin-top: 3px;
}
.leftColumn3 {
	float: left;
	width: 261px;
	text-align: left;
	vertical-align: top;
	margin-top: 3px;
}
.rightColumn2 {
	float: left;
	width: 584px;
	min-height: 278px;
	padding-left: 1px;
	background: url(images/rightColumnBG.png) repeat-y;
	text-align: left;
	margin-bottom: 21px;
	margin-top: 3px;
}
.rightColumn3 {
	float: left;
	width: 600px;
	min-height: 278px;
	padding-left: 1px;
	background: url(images/rightColumnBG.png) repeat-y;
	text-align: left;
	margin-bottom: 21px;
	margin-top: 3px;
}
.rightColumnHeader {
	float: left;
	color: #a1dbff;
}
.rightColumnHeaderShort {
	float: left;
	width: 427px;
	color: #a1dbff;
}
.rightColumnText {
	float: left;
	width: 614px;
	padding-left: 36px;
	text-align: left;
	vertical-align: top;
	padding-top: 15px;
	font-family: arial, verdana;
	font-size: 11px;
	font-weight: normal;
	color: #ffffff;
	line-height: 15px;
	padding-bottom: 15px;
}
.rightColumnText A:link		{ text-decoration: underline; color: #ffffff; font-family: arial; font-size: 11px; font-weight: bold; }
.rightColumnText A:visited	{ text-decoration: underline; color: #ffffff; font-family: arial; font-size: 11px; font-weight: bold; }
.rightColumnText A:hover		{ text-decoration: none; color: #ffffff; font-family: arial; font-size: 11px; font-weight: bold; }
.rightColumnText A:active	{ text-decoration: underline; color: #ffffff; font-family: arial; font-size: 11px; font-weight: bold; }
.bold {
	font-weight: bold;
	margin-top: 18px;
	margin-bottom: 4px;
}
.applyBtn {
	margin-top: 12px;
	margin-left: -4px;
	margin-bottom: 9px;
	border: 0px;
}
.clientLoginBox {
	width: 372px;
	height: 74px;
	background: url(images/clientLoginBox.png) no-repeat;
}
.clientLoginInput {
	width: 190px;
	font-family: arial, verdana;
	font-size: 10px;
	font-weight: normal;
	color: #333333;
}
.floatingIcon {
	display:inline; /* IE bug work-around */
	position: absolute;
	right: 50%;
	margin-right: -453px;
	width: 162px;
	top: 150px;
	border: 0px;
	z-index: 1;
	text-align: right;
}
#smallFeed {
	padding-bottom: 21px;
}

#comingSoon {
	width: 433px;
	height: 297px;
	float: left;
	background:#6a93bb url(images/comingSoonBG.jpg);
}
.comingBorder {
	margin-left:0px;
	width: 4px;
	height: 297px;
	float: left;
	background:#6a93bb url(images/comingSoonBorder.jpg);
}
.comingBorder2 {
	margin-left:0px;
	width: 4px;
	height: 297px;
	float: left;
	background:#6a93bb url(images/comingSoonBorder.jpg);
}
.comingHR {
	float: left;
	width: 409px;
	height: 0px;
	/* background:#6a93bb url(images/comingHR.png); */
	border-bottom: 1px #ffffff dotted;
	padding: 0px;
	margin: 0px;
	margin-left: 11px;
}
.comingTile {
	width: 433px;
	height: 93px;
}
.comingThumb {
	width: 136px;
	float: left;
	padding-top: 8px;
	padding-left: 6px;
}
.comingText {
	width: 253px;
	color: #ffffff;
	line-height: 13pt;
	background:url(images/comingBG.png) 5px 9px no-repeat;
	float: left;
	padding-top: 40px;
	padding-left: 35px;
	text-align: left;
	cursor: hand;
}
.bottomEdge {
	width: 441px;
	height: 49px;
	float: left;
	background:url(images/bottomEdge.jpg) no-repeat;
}
.bottomEdgeText{
	width: 363px;
	text-align: left;
	line-height: 12pt;
	padding-left: 24px;
	padding-top: 8px;
	float: left;
}
.linkTab {
	width: 54px;
	padding-right: 0px;
	float: right;
}
.linkTab img{
	border: 0px;
}
.bigHR {
	width: 900px;
	height: 19px;
	background:url(images/bigHR.png) no-repeat;
	float: left;
}
.secondary {
	width: 441px;
	height: 152px;
	float: left;
	background:url(images/secondaryBG.jpg) no-repeat;
}
.secondaryImage {
	width: 204px;
	height: 152px;
	float: left;
}
.secondaryText{
	width: 184px;
	text-align: left;
	line-height: 12pt;
	background:url(images/secondaryArrow.gif) no-repeat 3px 23px;
	float: left;
	padding-top: 18px;
	padding-left: 18px;
	text-align: left;
}
.secondaryLinkTab {
	width: 56px;
	height: 49px;
	position: absolute;
	padding-top: 103px;
	padding-left: 386px;
	z-index: 1;
}
.secondaryLinkTab2 {
	width: 56px;
	height: 49px;
	position: absolute;
	padding-top: 103px;
	padding-left: 386px;
	z-index: 2;
}
.ie .secondaryLinkTab {
	margin-left: -423px;
}
.ie .secondaryLinkTab2 {
	margin-left: -441px;
}

.secondaryLinkTab img{
	border: 0px;
}
.secondaryLinkTab2 img{
	border: 0px;
}
.stats {
	width: 900px;
	min-height: 143px;
	float: left;
	background:url(images/statsBG.jpg) no-repeat;
	padding-top: 0px;
	text-align: left;
}
.statsImage {
	width: 540px;
	padding-top: 2px;
	padding-left: 2px;
	text-align: left;
	float: left;
}
.statsText{
	width: 285px;
	text-align: left;
	line-height: 12pt;
	background:url(images/secondaryArrow.gif) no-repeat 12px 21px;
	float: left;
	padding-top: 15px;
	padding-left: 26px;
}

#linkArea {
	width:900px;
	min-height: 84px;
	margin-top: 11px;
	padding:0px;
	float:left;
	font-family: Arial, Verdana;
	text-align: left;
	background: url(images/linksBG.png) no-repeat;
	font-size: 11px;
	font-weight: bold;
	color: #628caf;
	line-height: 13px;
}
#linkArea A:link		{ text-decoration: none; color: #39658a; font-family: arial; font-size: 10px; font-weight: normal; }
#linkArea A:visited	{ text-decoration: none; color: #39658a; font-family: arial; font-size: 10px; font-weight: normal; }
#linkArea A:hover	{ text-decoration: none; color: #b0c1d0; font-family: arial; font-size: 10px; font-weight: normal; }
#linkArea A:active	{ text-decoration: none; color: #39658a; font-family: arial; font-size: 10px; font-weight: normal; }
.footerHR {
	float: left;
	width: 900px;
	height: 1px;
	background: url(images/footerHR.png) no-repeat;
}
#links_f84games {
	float: left;
	width: 123px;
	height: 71px;
	padding-left: 98px;
	padding-top: 11px;
	background: url(images/links_f84games.png) no-repeat;
	text-align: left;
}
#links_f84studio {
	float: left;
	width: 201px;
	height: 71px;
	padding-left: 106px;
	padding-top: 11px;
	background: url(images/links_f84studio.png) no-repeat;
	text-align: left;
}
#links_alliance {
	float: left;
	width: 160px;
	height: 71px;
	margin-left: 27px;
	padding-top: 11px;
	text-align: left;
}
#links_socialmedia {
	float: left;
	width: 149px;
	height: 71px;
	padding-left: 27px;
	padding-top: 11px;
	background: url(images/links_socialmedia.png) no-repeat;
	text-align: left;
}
.social_img {
	float: left;
	border: 0px;
	margin-right: 16px;
}

#f84Text {
	float:left;
	width: 900px;
	margin-top: 8px;
	margin-bottom: 18px;
	color: #628caf;
	font-size:10px;
	text-align: center;
}
#f84Logo {
	width: 88px;
	height: 28px;
	float: left;
	background:url(images/f84Logo.jpg) no-repeat 0px 2px;
}
#floor84logo {
	float: left;
	width: 43px;
	height: 26px;
	padding-left: 16px;
	padding-top: 1px;
}
#links {
	height: 28px;
	padding-top: 5px;
	padding-left: 2px;
	float:left;
	text-align: left;
}
#links A:link		{ text-decoration: none; color: #99ccff; font-family: arial; font-size: 10px; }
#links A:visited	{ text-decoration: none; color: #99ccff; font-family: arial; font-size: 10px; }
#links A:hover		{ text-decoration: none; color: #ffffff; font-family: arial; font-size: 10px; }
#links A:active		{ text-decoration: none; color: #ffffff; font-family: arial; font-size: 10px; }
.spacer4 {
	height: 20px;
}

</style>
