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


html, body {
	height: 100%;
	width: 100%;
	margin: 0px;
	border: 0px;
	font-size:1em;
	font-size:100%;
	background-color: #c3e7fa;
	font-family: Tahoma, Geneva, sans-serif;
}

body {
	margin: 0px;
	padding: 0px;
	width: 100%;
}

p, h4, h6 {
	padding: 0px;
	margin: 0px;
}

a, a:visited {
	color: #1da5fe;
	text-decoration: none;
}

/* So we don't get borders on linked images */
img {
	border: none;
}

hr {
	border: 0;
	width: 100%;
	color: #ffc202;
	background-color: #ffc202;
	height: 3px;
}

/* Set the "canvas" box that will contain the site. */

#backgroundBox {
	width: 100%;
	height: 100%;
	background: url('../img/background-burst.jpg') top fixed no-repeat;
	position: fixed;
	z-index: 1;
}


#waterBox {
	width: 100%;
	height: 100%;
	background: url('../img/background-waves.png') repeat-x bottom;
	position: fixed;
	z-index: 2;
}

#ropeBox{
}

#centerWrapper {
	width: 918px;
	margin: auto;
	background: url('../img/graphic_ropeChunk.png') center repeat-y;
	position: relative;
	/*top: -88px;*/
	z-index: 4;
}

#header {
	background: url('../img/graphic_logoBanner.png') center top no-repeat;
	width: 764px;
	height: 185px;
	margin: auto;
}

#subMenuPlaceHolder {
	background: url('../img/background_submenuBarContainer.jpg') top center no-repeat;
	background-color: #bbbbbb;
	margin: auto;
	width: 754px;
	height: 35px;
}

#subMenuBar {
	background: url('../img/background_submenuBar.png') center repeat-y;
	width: 754px;
	height: 100%;
	margin: auto;
}

#subMenuBar ul {
	margin:0;
	padding:0;
	width: 754px;
	text-align: center;
}

#subMenuBar li {
	margin: 0px 10px 0px 10px;
	display: inline;
	list-style:none;
}

#subMenuBar a {
	color: white;
	text-transform: uppercase;
	font-weight: bold;
	font-size: .84em;
}


#navTabs {
	margin:0;
	padding:0;
	float:left;
}

#navTabs li {
	display:inline;
	padding:0;
	margin:0;
	list-style:none;
	float:left;
	margin-top: 128px;
	width: 190px;
	height: 57px;
}

#navTabs a {
	width: 100%;
	height: 100%;
	text-indent:-9999px;
	float: left;
}

#tab_news {
	background: url('../img/button_tab_news.png');
}

#tab_products {
	background: url('../img/button_tab_products.png');
}

#tab_ourWork {
	background: url('../img/button_tab_ourWork.png');
}

#tab_about {
	background: url('../img/button_tab_about.png');
}

#tab_contact {
	background: url('../img/button_tab_contact.png');
}

#spotlightBox {
	margin: auto;
	width: 903px;
}

.spotlightNavExtend {
	width: 57px;
	position: relative;
	top: 133px;
}

#spotlightBoxContents {
	background-color: #e7e7e7;
	height: 364px;
	width: 785px;
	float: left;
	border: 2px solid #d4d4d4;
}

#spotlightBoxFancyFooter {
	clear: both;
}

#spotlightSlideShow {
	width: 752px;
	height: 335px;
	margin: auto;
	margin-top: 14px;
	overflow: auto;
}

#spotlightSlideShow ul {
	
	margin:0;
	padding:0;
	/* width: 1504px;
	position: relative;
	float: left; */
}

#spotlightSlideShow li {
	/*display:inline;*/
	padding:0;
	margin:0;
	list-style: none;
	position: absolute;
	/*float:left;*/
    transition: opacity .25s ease-in-out;
    -moz-transition: opacity .25s ease-in-out;
    -webkit-transition: opacity .25s ease-in-out;
	-o-transition: opacity .25s ease-in-out;
}

.visibleBanner {
	opacity: 1;
	z-index: 5;
}

.invisibleBanner {
	opacity: 0;
	z-index: 4;
}

#spotlightSlideShow a {
	float: left;
}

.bobber {
	margin: auto;
	margin-top: 75px;
	width: 918px;
}

.bobberCard {
	width: 734px;
	margin: auto;
}

.bobberHeader {
	height: 152px;
}

.topperNews {
	background: url('../img/topper_news.png');
}

.topperProducts {
	background: url('../img/topper_products.png');
}

.topperOurWork {
	background: url('../img/topper_ourWork.png');
}

.topperAbout {
	background: url('../img/topper_about.png');
}

.topperContact {
	background: url('../img/topper_contact.png');
}

.bobberContent {
	background: url('../img/background_body.png') repeat-y;
	width: 734px;
}

.bobberContentPad {
	padding: 10px;
	width: 95%;
	margin: auto;
}

.bobberFooter {
	background: url('../img/bottomCap.png') repeat-y center;
	height: 63px;
	font-family:Tahoma, Geneva, sans-serif;
	text-transform: uppercase;
	color: #55bbff;
	text-align: center;
}

.bobberFooter a, .bobberFooter a:visited {
	color: white;
	text-decoration:none;
	font-size: 1.125em;
}
.bobberFooter span {
	position: relative;
	top: 10px;
}

#footer {
	background: url('../img/graphic_logoBanner.png');
	background-size: 100%;
	width: 84.231%;
	margin: auto;
}

.themeTile, .showcaseTile {
	background-color: #e8f6ff;
	margin: 2px 0px 6px 0px;
	position: relative;
}

.themeTile p,.showcaseTile p  {
	font-size: 0.87em;
	padding: 10px 10px 0px 0px;
}

.themeTile h4,.showcaseTile h4  {
	/*position: relative;
	top: -8px;
	line-height: .2em;*/
}


.newsTile h4 {
	line-height: 1em;
}

.themeImage, .showcaseImage {
	float: left;
	width: 200px;
	padding-right: 20px;
	position: relative;
	z-index: 5;
}

.tileLinks { 
	width: 100%;
	height: 40px;
	position: absolute;
	bottom: 10px;
	z-index: 4;
}

.tileLinks div { 
	padding-left: 220px;
}

.tileLinks img { 
	width: 40px;
	margin-right: 5px;
}

.newsTile {
	background: url('../img/background_news.png') repeat-y left;
	background-color: #e8f6ff;
	border-top: 2px white solid;
	border-bottom: 2px white solid;
}

.newsTile p {
	font-size: 0.87em;
	padding-right: 10px;
	padding-left: 20px;
}

.newsImage {
	width: 100%;
	padding: 10px;
	position: relative;
	left: 5px;
}

.newsImageHolder {
	width: 100px;
	height: 100%;
	float: left;
}

.newsTextHolder h4 {
	padding-top: 4px;
}

.newsTextHolder {
	width: 81.3486370157819%;
	float: right;
}

.newsTextHolder div {
	padding-left: 20px;
}


.clear {
	clear:both;
}

.gameTile {
	margin-bottom: 30px;
}

.productBanner{
	width: 100%;
}

.detailsPullDown {
	background: url('../img/background_expander.gif');
	height: 35px;
	text-align: center;
	color: white;
	padding: 5px;
}

.productDetails {
	padding: 10px;
	background-color: #e8f6ff;
}

.expandingRegion {
}

.expandIcon {
	background: url('../img/icon_expandCollapse.png');
	background-position: 0px 0px;
	width: 52px;
	height: 36px;
	display: block;
	margin: auto;
}

.videoBox {
	float: mediaBox;
	margin-bottom: 30px;
}

.mediaBoxSelectionFrame {
	background-color: grey;
}

.mediaBoxSelectionFrame ul {
	margin:0;
	padding:0;
}

.mediaBoxSelectionFrame li {
	display: inline;
	padding:0;
	margin:0;
	list-style: none;
}

.mediaBoxSelectionFrame img {
	width: 100px;
	padding: 5px;
}

.mediaBoxViewingFrame {
	width: 100%;
	background-color: black;
	min-height: 400px;
	overflow: hidden;
}

.mediaBoxViewingFrame ul {
	padding:0;
	maring-top: 400px;
}

.mediaBoxViewingFrame li {
	list-style: none;
}

.productLinks {
	text-align: center;
	stroke: color red 1px;
	margin: auto;
}

.productLinks ul {
	margin:0;
	padding:0;
}

.productLinks li {
	width: 49%;
	margin: 3px;
	background-color: #88b9d3;
	text-align: center;
	clear: none;
	display: inline;
	list-style: none;
	float: left;
	height: 45px;
}

.productLinks a {
	width: 100%;
	height: 100%;
	padding: 10px;
	display: block;
	color: white;
	text-decoration: none;
	font-weight: bold;
}

.productDescription {
	background-color: white;
	padding: 20px;
	border: solid 3px #c7c7c7;
	margin: 20px 0px 20px 0px;
	-moz-border-radius: 15px;
	border-radius: 15px;
}

.productDescription img{
	float: left;
	padding-right: 20px;
	width: 108px;
}

.buyLinks{
	margin-bottom: 30px;	
	}

.buyLinks ul {
	margin:0;
	padding:0;
}

.buyLinks img{
	float: left;
	margin-right: 10px;
}

.buyLinks li {
	float: left;
	width: 193px;
	height: 70px;
	padding: 10px;
	border: solid 2px #c7c7c7;
	-moz-border-radius: 15px;
	border-radius: 15px;
	list-style: none;
	background-color: white;
	font-weight: bold;
	box-shadow: 3px 3px 5px #888888;
	margin: 20px 2px 20px 2px;
}


.buyLinks a, .buyLinks a:visited {
	width: 100%;
	height: 100%;
}

.buyLinks span {
	position: relative;
	top: 15px;
}

.productItemSpace {
	margin-bottom: 30px;
}

.clientTiles {
	margin:0 auto;
	padding:0;
	width: 664px;
	background-color: green;
}

.clientTiles img{
	width: 75%;
}

.clientTiles li{
	margin:0;
	padding:0;
	float: left;
	margin: 2px;
	list-style: none;
	width: 162px;
	text-align: center;
}

.ipTiles {
	margin:0 auto;
	padding:0;
	width: 664px;
	background-color: green;
}

.ipTiles img{
	width: 90%;
}

.ipTiles li{
	margin:0;
	padding:0;
	float: left;
	margin: 2px;
	list-style: none;
	width: 300px;
	text-align: center;
}

h1, h2, h3, h4, h5, h6 {
	color: #053858;
}

h2 {
	margin-top: 50px;
}

h6 {
	/*display: inline;
	line-height: 2px;
	position: relative;
	top: -8px;*/
}

.showcaseTile h6 {
	/*position: relative;
	top: -20px;*/
}

.starRow {
	position: relative;
	top: 3px;
	padding: 0px 4px 0px 0px;
}

.tileHeader {
	background-color: #bee6ff;
	padding: 5px 0px 5px 0px;
}

.inlineNavButtons {
	margin:0px;
	padding:0px;
	border: 0px;
	text-align: center;
}

.inlineNavButtons li {
	padding:0;
	margin:0;
	border: 0px;
	list-style:none;
	display: inline;
}

.inlineNavButtons img {
	width: 126px;
}

.historyChart {
	width: 100%;
}

.historyImage {
	width: 20%;
	height: 139px;
	float: left;
}

.historyText {
	width: 80%;
	float: right;
	font-size: 0.90em;
}

.overviewChart{
}

.overviewChart div{
	height: 300px;
	background-color: #e8f6ff;
	border: 4px solid white;
  	width: 43%;
	padding: 20px;
}

.overviewChartLeft{
	float: left;
}

.overviewChartRight{
	float: left;
}

.experienceBlock {
	background: url('../img/graphic_experience.jpg') no-repeat top;
}

.technologyBlock {
	background: url('../img/graphic_technology.jpg') no-repeat top;
}

.relationshipsBlock {
	background: url('../img/graphic_relationships.jpg') no-repeat top;
}

.designBlock {
	background: url('../img/graphic_design.jpg') no-repeat top;
}

#footerCard {
	background: url('../img/background_footerCard.png') no-repeat bottom;
	width: 527px;
	height: 240px;
	margin: auto;
}

#footerCardContent {
	width: 527px;
	height: 100px;
	position: relative;
	top: 132px;
	text-align: center;
}

#mixPanelBadge {
	width: 100%;
	height: 36px;
	padding: 10px 0px 10px 0px;
}

.footerText {
	font-size: 0.8em;
}