body { font: 70% "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif; color: #555; line-height:1.4em; padding: 0px; margin: 0px; background-color: #ffffff }

.wrapper{ margin: 0px auto; width: 900px; }

.header{ float: left; width: 100%; }

.marquee{ float: left; width: 100%; padding: 0 0 40px 0; }

.marqueeChick{ float: left; width: 100%; height:230px; padding: 0; z-index:-2; position:relative; top:-80px; }

.marqueeGame{ float: left; width: 900px; padding: 40px 0 40px 0; background-color:#fff; background-image:url(images/game_BG.jpg); margin: 0 0 40px 0; }

.left1{ float: left; width: 260px; padding: 0 40px 0 0; }

.middle{ float: left; width: 272px; padding: 0 28px 0 0; }

.middle2{ float: left; width: 272px; padding: 12px 28px 0 0; }

.right{ float: right; width: 272px; padding: 0 0 0 28px; }

.footer{ float: left; width: 100%; padding: 40px 0 40px 0; font-size:80%; color:#CCC; }

.navBox { float: right; width: 300px; margin-top: 80px; padding: 0 20px 0 0; background:#ffffff; } 

a img { border: none; }

a:link { text-decoration: none; color: #f26522; }
a:visited { text-decoration: none; color: #f26522; }
a:hover { text-decoration: none; color: #fff; background-color:#f26522; }

a.about { display: block; width: 104px; height: 40px; padding: 0; background: transparent url(images/nav_whatwedo.jpg) no-repeat 0 0; text-align: center; color: #fff; text-decoration: none; }
a.about:hover { background-position: 0px -40px; position:relative; }

a.games { display: block; width: 109px; height: 40px; padding: 0; background: transparent url(images/nav_ourgames.jpg) no-repeat 0 0; text-align: center; color: #fff; text-decoration: none; }
a.games:hover { background-position: 0px -40px; position:relative; }

a.contact { display: block; width: 107px; height: 40px; padding: 0; background: transparent url(images/nav_contact.jpg) no-repeat 0 0; text-align: center; color: #fff; text-decoration: none; }
a.contact:hover { background-position: 0px -40px; position:relative; }

.title { font-size:120%; font-weight:400; color:#0072bc; }

.titleBigger { font-size:140%; font-weight:400; color:#2e3192; }

/* Gallery styles */

.numberBox { float: right; width: 160px; margin-top: 280px; background:#ffffff; } 

#gallery{
	/* CSS3 Box Shadow */
	-moz-box-shadow:0 0 3px #AAAAAA;
	-webkit-box-shadow:0 0 3px #AAAAAA;
	box-shadow:0 0 3px #AAAAAA;
	
	/* CSS3 Rounded Corners */
	
	-moz-border-radius-bottomleft:4px;
	-webkit-border-bottom-left-radius:4px;
	border-bottom-left-radius:4px;
	
	-moz-border-radius-bottomright:4px;
	-webkit-border-bottom-right-radius:4px;
	border-bottom-right-radius:4px;
	
	border:1px solid white;
	
	background:url(images/panel.jpg) repeat-x bottom center #ffffff;
	
	/* The width of the gallery */
	width:900px;
	overflow:hidden;
}

#slides{
	/* This is the slide area */
	height:351px;
	
	/* jQuery changes the width later on to the sum of the widths of all the slides. */
	width:894px;
	overflow:hidden;
}

.slide{
	float:left;
}

#menu{
	/* This is the container for the thumbnails */
	height:23px;
}

ul{
	margin:0px;
	padding:0px;
}

li{
	/* Every thumbnail is a li element */
	width:34px;
	display:inline-block;
	list-style:none;
	height:23px;
	overflow:hidden;
}

li.inact:hover{
	/* The inactive state, highlighted on mouse over */
	background:url(images/pic_bg.png) repeat;
}

li.act,li.act:hover{
	/* The active state of the thumb */
	background:url(images/active_bg.png) no-repeat;
}

li.act a{
	cursor:default;
}

.fbar{
	/* The left-most vertical bar, next to the first thumbnail */
	width:410px;
	background:url(images/divider.png) no-repeat right;
}

li a{
	display:block;
	background:url(images/divider.png) no-repeat right;
	height:23px;
	padding-top:0px;
}


.share-icon { padding:10px 20px 0 0; }