@charset "utf-8";
/* CSS Document */

body { 
	padding:0;
	margin:0; 
	font-family:Arial, Helvetica, sans-serif; 
	font-size:0.8em; 
	height:100%; 
	_overflow-y:hidden; 
	color:#4B4B4B;
}

* html,* html body { _background-image:url(none); _background-attachment:fixed; background-repeat:no-repeat;}

#flashBackground { position:fixed; left:0; width:100%; height:100%; z-index:0; background-color:#fff;
background-image:url(none);
background-repeat:no-repeat;}


  
#flashBackground {  
	_position:absolute;  
	_top:expression(0+((e=document.documentElement.scrollTop)?e:document.body.scrollTop)+'px');  
	_left:expression(0+((e=document.documentElement.scrollLeft)?e:document.body.scrollLeft)+'px');  
}  

.outerWrapper { position:relative; z-index:10; width:940px; margin:0 auto; }

/* Generic Styles ******************************* */
a img { border:0; text-decoration:none; }
a { outline:none; color:#FF6600; text-decoration:none; font-weight:bold; }
a:hover { text-decoration:underline; }
a.bold { font-weight:bold; }

.clearFloat { clear:both; display: block }

h1 { 
	font-family:"Street - Plain", Arial; 
	color:#4b4b4b; 
	font-size:2.2em; 
	font-weight:normal; 
	padding:0; 
	margin:5px 0 2px 0; 
	border-bottom:1px #CFCFCF solid;
}

h1.noBorder { background:none; border-bottom:1px #CFCFCF solid; margin: 5px 0 10px 0; color:#ff6600; }
h1.withMargin { margin:0 0 0; clear:both; display: block; }

h1 a { font-weight:normal; color:#4b4b4b; }

p, h2, h3, h4, h5, h6, span, li  {
 font-family:Arial, Helvetica, sans-serif;
 color:#4B4B4B;
}

span a, a span, p a { color:#FF6600; }
 

p.mainText { font-size:0.9em; }
p.smallMargin { margin:15px 0 0 0; font-weight:bold; font-size:0.9em; }
p.nextLine { margin:0; padding:2px 0 0; font-weight:bold; font-size:0.9em; }
span.mainText { font-size:0.9em; display:block; margin:2px 0 0 0; }

.orangeText { color:#484848; font-size:0.9em; font-weight:bold; text-decoration:none; }
a.orangeTextLink { color:#484848; font-size:0.9em; display:block; text-decoration:none; margin:10px 0 0; }

.orangeLowerText { color:#484848; text-decoration:none; }
.orange { color:#EB7510; }



.btnLarge { background:url('/images/btn_bg_large.png') no-repeat; border:0; color:#FFF; font-size:0.8em; width:70px; height:19px; cursor:pointer; background-position:0 1px; outline:none; }

/*Header Styles ********************************* */
.header { 
	overflow:hidden; 
	height:368px;
}
.footer iframe { 
	height: 0;
}
.header #topStrip { 
	width:940px; 
	height:65px; 
	background:url('/images/top_strip.png') no-repeat; 
}

#imgLogo { 
	margin:6px 0 0 29px; 
	float:left; 
}

#imgPlayGames { 
	margin:0 0 0 731px; 
	padding:0; 
}

#imgMenuPlaceHolder { 
	position:absolute; 
	top:79px; 
	left:0; 
	z-index:0; 
}

#topContent { 
	position:relative;
	z-index:11;
	top:10px; 
	padding:0; 
	margin:0; 
	overflow:hidden; 
}

#flashBanner { 
	width:681px; 
	height:264px; 
	float:left;
	 padding:0; 
	 margin:0; 
	 position:relative;
	 z-index:10; 
	 overflow:hidden; 
}

.pnlGetInTouchError {
position: relative;
color: #FFF;
background-color: #CC0000;
Top: 70px;
padding: 3px;
margin: 0 23px 0 20px;
border:1px solid #CCC; 
font-size:0.8em; 
}

.pnlGetInTouchThankYou {
position: relative;
color: #4B4B4B;
Top: 70px;
padding: 3px;
margin: 0 23px 0 20px;
font-size:0.8em; 
font-weight: bold;
}

#getInTouch { 
	background:url('/images/box_get_in_touch.png') no-repeat;
	width:239px; 
	height:264px; 
	overflow:hidden; 
    position: relative;
}

#getInTouch .textInput { 
	padding:2px; 
	margin:0; 
	font-size:0.8em; 
	border:1px solid #CCC; 
	color:#666; 
	width:190px; 
}

#getInTouch textArea { 
	padding:2px; 
	font-size:0.8em; 
	border:1px solid #CCC; 
	color:#666; 
	font-family:Arial, Helvetica, sans-serif; 
	width:190px; 
	overflow:hidden; 
}

#getInTouch ul { list-style-type:none; margin:75px 0 0 20px; padding:0; }
#getInTouch ul li { margin:0 0 5px 0; padding:0; }
#getInTouch .btn { margin:0 0 0 162px; }


/*Top Menu Styles ******************************************** */
ul.navMenu { list-style-type:none; margin:0; padding:0; position:absolute; top:80px; left:40px; z-index:0;  }
ul.navMenu li { float:left; cursor:pointer; background-position:0 0; margin:0 5px 0 0; }
ul.navMenu li a { width:100%; height:40px; display:block; }

ul.navMenu li a { font-size:0em; text-indent:-9999px; display:block; }

ul.navMenu li#home { background:url('/images/menu_home.png') no-repeat; width:99px; height:40px; }
ul.navMenu li#what_we_do { background:url('/images/menu_what_we_do.png') no-repeat top; width:126px; height:40px; }
ul.navMenu li#who_we_are { background:url('/images/menu_who_we_are.png') no-repeat top; width:131px; height:40px; }
ul.navMenu li#our_portfolio { background:url('/images/menu_our_portfolio.png') no-repeat top; width:131px; height:40px; }
ul.navMenu li#contact_us { background:url('/images/menu_contact_us.png') no-repeat top; width:123px; height:40px; }

ul.navMenu li#home.selected { background-position:0 -40px; }
ul.navMenu li#what_we_do.selected { background-position:0 -40px; }
ul.navMenu li#who_we_are.selected { background-position:0 -40px; }
ul.navMenu li#our_portfolio.selected { background-position:0 -40px; }
ul.navMenu li#contact_us.selected { background-position:0 -40px; }

ul.navMenu li#home:hover { background-position:0 -40px; }
ul.navMenu li#what_we_do:hover { background-position:0 -40px; }
ul.navMenu li#who_we_are:hover { background-position:0 -40px; }
ul.navMenu li#our_portfolio:hover { background-position:0 -40px; }
ul.navMenu li#contact_us:hover { background-position:0 -40px; }



/*Main Content Structure Styles ***************************** */
#mainContentTop { background:url(none) no-repeat; width:912px; height:0px; margin:0; }
#mainContent { overflow:hidden; background:url(none) repeat-y; width:912px; margin-left:0; }
#mainContentBottom { background:url(none) no-repeat; width:912px; height:0; margin-left:0; }



.leftColumn { float:left; margin:0 24px 0 0px; }
.leftColumn .columnTop {  width:220px; height:6px;  padding:0; overflow:hidden; }
.leftColumn .columnRpt {  width:220px; margin:0; padding:0; overflow:hidden; }
.leftColumn .columnBottom { width:220px; height:17px; margin:0; padding:0; overflow:hidden; }

.mainColumn { float:left; margin:0 25px 0 0; }
.mainColumn .columnTop { width:419px; height:6px; margin:0; padding:0; overflow:hidden; }
.mainColumn .columnRpt { width:419px; margin:0; padding:0; overflow:hidden; }
.mainColumn .columnBottom { width:419px; height:17px; margin:0; padding:0; overflow:hidden; }

.mainColumnStretch { float:left; margin:0 11px 0 0; }
.mainColumnStretch .columnTop { width:639px; height:6px; margin:0; padding:0; overflow:hidden; }
.mainColumnStretch .columnRpt { width:639px; margin:0; padding:0; overflow:hidden; }
.mainColumnStretch .columnBottom { width:639px; height:17px; margin:0; padding:0; overflow:hidden; }

.rightColumn { float:left; }
.rightColumn .columnTop { width:220px; height:6px; margin:0; padding:0; overflow:hidden; }
.rightColumn .columnRpt { width:220px; margin:0; padding:0; overflow:hidden; }
.rightColumn .columnBottom { width:220px; height:17px; margin:0; padding:0; overflow:hidden; }

.columnPadding { margin:0 0 0 20px; overflow:hidden; }
.separator { margin:10px 0 0 0; }
.caption {text-align:left; font-weight:bold; font-size:0.9em; margin:3px 0 0 0; padding: 3px 3px; position:absolute; top: 100px; background:url('/images/latest_work_title_bg.png') no-repeat; width: 192px; }
.imgBorder { border:1px solid #CFCFCF; }

.latestwork { }
.latestwork img {border:1px solid #FFFFFF;}
.latestwork .latestworkTop { background:url('/images/latest_work_shadow_top.png') no-repeat; width:198px; height:3px; margin:0; padding:0; overflow:hidden; }
.latestwork .latestworkRpt { background:url('/images/latest_work_shadow_rpt.png') repeat-y; width:198px; margin:0; padding:0 0 0 3px; overflow:hidden; position:relative; }
.latestwork .latestworkBottom { background:url('/images/latest_work_shadow_bottom.png') no-repeat; width:198px; height:3px; margin:0; padding:0; overflow:hidden; }


.newsSeparator { margin:10px 0 0 0; width:400px; }
.newsSeparator img { float:left; margin: 0 10px 10px 0; border: 1px solid #CCC }
.newsText { float:left; margin:0 0 0 0; width:400px; }


ul#sharList { list-style-type:none; margin:5px 0 10px; padding:0; overflow:hidden; }
ul#sharList li { float:left; margin-right:5px; }

ul#signupList { list-style-type:none; margin:5px 0 0; padding:0; overflow:hidden;  }
ul#signupList li { margin:7px 0 0; }
ul#signupList li input { font-size:0.8em; border:1px solid #CCC; color:#666; width:193px; padding:2px; }

.pnlSubscribeError {
margin: 5px 0 0;
padding: 3px;
color: #FFF;
background-color: #CC0000;
border:1px solid #CCC; 
font-size:0.8em; 
}

.pnlSubscribeThankYou {
color: #4B4B4B;
font-size:0.8em; 
font-weight: bold;
}

#imgAwardWinners { margin:10px 0 10px; }

blockquote { background: transparent url(/images/quote_left.jpg) left top no-repeat; margin:0; padding: 0; }

blockquote div { padding: 0 35px 10px 38px; background: transparent url(/images/quote_right.jpg) right bottom no-repeat; }

ul.caseStudyList { list-style-type:none; margin:10px 0 0; padding:0; overflow:hidden; }
ul.caseStudyList li { float:left; margin:0 2px 2px 0; padding:0; height:62px; }

.btnRight { text-align: right; margin:10px 2px 0; }
.newsBtnContainer { width:110px; float:right; }
.dateSelect { width:190px; padding:2px; margin:5px 0 0 0; border:1px solid #C8C8C8; background:none; }

.contactForm input { width:400px; margin:5px 0 0 0; border:1px solid #C8C8C8; font-size:0.9em; color:#666; padding:2px; }
.contactForm textarea { 
	width:400px; 
	margin:5px 0 0 0; 
	border:1px solid #C8C8C8; 
	font-size:0.9em; 
	font-family:Arial, Helvetica, sans-serif; 
	color:#666; 
	padding:2px; 
	overflow-y:hidden; 
}

.portfolioContainer { width:639px; margin:0 auto; }
ul.portfolioList { list-style-type:none; margin:0 0 0; padding:0; overflow:hidden; font-size:0.9em; }
ul.portfolioList li { margin: 0 24px 14px 0; float:left; }
ul.portfolioList li dl {margin:0 1px 0 0; overflow:hidden; position:relative; }
ul.portfolioList li dl.clients {margin:0 1px 0 0; overflow:hidden; }
ul.portfolioList li dl.noMargin { margin-right:0; }
ul.portfolioList li dl a { color:#4B4B4B; }


div.portfolioTitle  
{
    margin: 0 0 2px 1px; 
    padding: 4px; 
    color: #4B4B4B; 
    font-size: 1em;
    font-weight: bold;
    background:url('/images/latest_work_title_bg.png') no-repeat; 
    position:absolute;
    width: 178px;
    top: 98px;
}



    ul.portfolioList li dl dd.casestudy { float: left; padding: 0; margin: 0; }
    ul.portfolioList li dl dd.casestudy a { background:url('/images/portfolioIcons.png') no-repeat; background-position: -34px 0px;  width: 31px; height: 31px; text-indent: -9000px; display: block; }
    ul.portfolioList li dl dd.casestudy a:hover { }
    
    ul.portfolioList li dl dd.link { float: left; padding: 0; margin: 0; }
    ul.portfolioList li dl dd.link a { background:url('/images/portfolioIcons.png') no-repeat; width: 31px; height: 31px;  text-indent: -9000px; display: block;   }
    ul.portfolioList li dl dd.link a:hover { }    

    a.visitProject { width:125px;  display: block; color: #ff6600; margin: 2px 0; background:url('/images/linkButton.png') no-repeat; background-position:right; }
    a.visitProject:hover { text-decoration:underline; }
    a.viewCaseStudy { width:125px; display: block; color: #ff6600; margin: 2px 0;  background:url('/images/linkButton.png') no-repeat; background-position:right; }
    a.viewCaseStudy:hover { text-decoration:underline; }

    a.viewProject { width:100px;  display: block; color: #ff6600; margin: 2px 0; background:url('/images/linkButton.png') no-repeat; background-position:right; }
    a.viewProject:hover { text-decoration:underline; }

.caseStudyImg { border:1px solid #C8C8C8; margin:15px 0 0; }


ul.galleryList, ul.galleryList2  { margin:10px 0 15px 0; padding:0; list-style-type:none; overflow:hidden; }
ul.galleryList li, ul.galleryList2 li { float:left; margin: 4px 4px 0 0; }
ul.galleryList li.noMargin, ul.galleryList2 li.noMargin { float:left; margin-right:0; }
ul.galleryList li img, ul.galleryList2 li img { float:left; border:1px solid #CCC }

/* Footer Styles ******************************************* 
.footer { background:url('/images/footer_bg.png') no-repeat; height:33px; width:912px; margin:12px 0 0 9px; padding:0; overflow:hidden; }
.footer ul { list-style-type:none; margin:9px 0 0 10px; padding:0; overflow:hidden; display:block; }
.footer ul li { float:left; margin: 0 5px; text-transform:uppercase; color:#FF6600; font-size:0.9em; }
.footer ul li a { color:#FF6600; text-decoration:none; margin:0 5px 0 0; }
*/

.footerPadding { padding: 10px; margin:10px 0 0; }
.footer { 
	margin: 12px 0 10px 9px; 
	background:url('/images/flash_footer_bg.png') no-repeat; 
	width:895px; 
	height:77px; 
}

.footer object { margin:11px 0 0 0; }

#credits { 
	padding:10px 12px 5px 10px; 
	overflow: hidden;
	font-size:0.8em;
	font-weight:bold;
	border-top:1px solid #CFCFCF;
}

#credits ul#creditsRgt {float: right; text-align: right; width: 400px; margin: 0; padding: 0 16px 0 0;}
#credits ul#creditsRgt li {display: inline;}
#credits ul#creditsLft {float: left; width: 400px; margin: 0; padding: 0 0 0 16px;}
#credits ul#creditsLft li {display: inline;}



/* sub menu */

            ul.subNav {
            margin: 0 0 20px 0;
            padding: 0;
        	list-style-type: none;
			         
            }
            
            ul.subNav li {

			margin: 0 0 0 0;
			padding: 5px 0;            
            font-weight: normal;
            color: #FF6600;
			border-bottom:1px solid #CFCFCF;
			background:url('/images/arrow.jpg') no-repeat; background-position:right 6px;
            }            

				

				.subNav h3 {
					margin: 0;
					padding: 0;
                    display: inline;
                    font-size: 0.9em;
				}
                    
				.subNav h3 a{
					margin: 0;
					padding: 0;
                    font-weight: bold;
                    color: #858585;
					text-decoration: none !important;
					display:block;
					}
					
					.subNav h3 a:hover{
						margin: 0;
						padding: 0;
						color: #ff6600;
						}	
		
						ul.subNav2{
							margin: 6px 0 0;
							padding: 0 0 0 10px;
							list-style: none;
						}
                      
							

							.subNav2 h4 {
								margin: 0;
								padding: 0;
                                display: inline;
                                font-size: 0.9em;
							}
								
							.subNav2 h4 a{
								margin: 0;
								padding: 0;
                                font-weight: normal;
                                color: #858585;
								display:block;
								text-decoration: none !important;
							}
							
							ul.subNav2 li {
								border:none;
								border-top:1px solid #CFCFCF;
							}
								
								.subNav2 h4 a:hover{
									margin: 0;
									padding: 0;
                                    font-weight: normal;
                                    color: #4b4b4b;
									}
                                    
                                    




/* -------------- Sidebar Ad Box - CMS -------------- */

/*
.latestwork { }
.latestwork img {border:1px solid #FFFFFF;}
.latestwork .latestworkTop { background:url('/images/latest_work_shadow_top.png') no-repeat; width:198px; height:3px; margin:0; padding:0; overflow:hidden; }
.latestwork .latestworkRpt { background:url('/images/latest_work_shadow_rpt.png') repeat-y; width:198px; margin:0; padding:0 0 0 3px; overflow:hidden; position:relative; }
.latestwork .latestworkBottom { background:url('/images/latest_work_shadow_bottom.png') no-repeat; width:198px; height:3px; margin:0; padding:0; overflow:hidden; }
*/



.adBox {
	margin: 0 0 10px 0;
	padding: 0 0 10px;
	overflow: hidden;
	position: relative;
}

.adBox_top {
	margin: 0;
	padding: 0;
	/*background-image: url(images/adBox_top.png);
	background-repeat: no-repeat;
	background-position: 0 10px;*/
}


.adBox_content img {
	margin: 10px 0 0 0;
	/*background-image: url(images/adBox_content.png);
	background-repeat: repeat-y;
	background-position: 0 0;*/
}

.adBox_content {
	margin: 0;
	/*background-image: url(images/adBox_content.png);
	background-repeat: repeat-y;
	background-position: 0 0;*/
}

.adBox_content p {
	margin: 0;
	padding: 0 0 10px;
}

.adBox_btm {
	margin: 0;
	padding: 0;
	/*background-image: url(images/adBox_btm.png);
	background-repeat: no-repeat;
	background-position: 0 0;*/
}
.adBox_titleLeft {
	/*margin: 0;
	padding: 0;
	background-image: url(images/adBox_titleLeft.png);
	background-repeat: no-repeat;
	width: 20px;
	height: 51px;
	float: left;*/
    display:none;
}

.adBox_title {
	/*margin: 0;
	background-image: url(images/adBox_titleBg.png);
	background-repeat: repeat-x;
	font-size: 18px;
	font-weight: bold;*/
	float: left;
    width: 100%;
    
	font-family:street-plain, Arial; 
	color:#4B4B4B; 
	font-size:2.2em; 
	font-weight:normal; 
	padding:0; 
	margin:5px 0 2px 0; 
	background:url('/images/dotted_line_rpt.jpg') repeat-x bottom;     
}

.adBox_titleRight {
	/*margin: 0;
	padding: 0;
	background-image: url(images/adBox_titleRight.png);
	bakground-repeat: no-repeat;
	width: 21px;
	height: 51px;
	float: left;*/
    display:none;
}

.buttonContainer {
float: right;
}

.btnText {
float: right;
text-align: center;
padding: 4px 0 0;

 background:url('/images/btn_bg.png') no-repeat; 
 border:0; 
 color:#FFF;
 font-size:0.8em; 
 width:51px; 
 height:19px; 
 cursor:pointer; 
 background-position:0 1px; 
 outline:none;
}


.btnText a {
    color: #FFF;
}

.popUp_img {
	float: left;
	margin: 0;
	padding:10px;
	border:0px solid #000;
}

.popUp_textContainer {
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	border:0px solid #000;
	padding:10px 0;
	margin:0 0 0 10px;
}

.popUp_textContainer p.orangeTitle {
	font-size: 12px;
	color: #ff7b36;
	font-weight: bold;	
	font-family: Arial, Helvetica, sans-serif;
	margin:0;
	padding:0;
}

.popUp_textContainer p {
	font-size: 11px;
	color: #747474;
	margin: 0;
	padding: 0 0 12px;
	font-weight: normal;
}

.popUp_textTitle {
	font-weight: bold;
	color: #747474;
	margin: 0;
	padding: 0 0 15px 0;
}

#contactForm { margin:15px 0 0 0; }
#contactForm div { display:block; margin:0 0 10px 0; overflow:hidden; }
#contactForm label { float:left; line-height:20px; width:100px; }
#contactForm span { float:left; }

#contactForm input { width:150px; padding:2px; border:1px solid #999; }
#contactForm select { width:155px; padding:2px; border:1px solid #999; }
#contactForm textArea { border:1px solid #999; }


.btn { 
	background:url('/images/btn_bg.png') no-repeat; 
	border:none; 
	color:#FFF; 
	font-size:0.8em; 
	width:51px; 
	height:19px; 
	cursor:pointer; 
	background-position:0 1px; 
	outline:none; 
}

#contactForm input.btn { 
	background:url('/images/btn_bg.png') no-repeat; 
	border:none; 
	color:#FFF; 
	font-size:0.8em; 
	width:51px; 
	height:19px; 
	cursor:pointer; 
	background-position:0 1px; 
	outline:none; 
}

.contactDetails { font-size:0.9em; }
textarea { font-family:Arial, Helvetica, sans-serif; font-size:0.9em; }

.h1text { 
	font-family:"Street - Plain", Arial; 
	color:#4b4b4b; 
	font-size:2.2em; 
	font-weight:normal; 
	padding:0; 
	margin:5px 0 2px 0; 
	border-bottom:1px #CFCFCF solid;
}