/* G-Tech CSS */

/*
hero width: 1400px

full size: max 500 height
large game image width: 380
small game image size: 200 x 100
scrolling game image size: 125 x 125
coverflow image size: 380 x 380

sidebar adspace width: 290
*/

body { background: #111111; background-repeat: no-repeat; background-position: top center; }
body.game, body.game_detail, body.news, body.customers, body.general_content { background: #111111 url(../images/hero/game_hero.jpg) no-repeat top center; }
body.contact, body.staff, body.sitemap { background: #111111 url(../images/hero/contact/contact_hero.jpg) no-repeat top center; }
body.license { background: #111111 url(../images/hero/license_hero.jpg) no-repeat top center; }
body.cms { background-position: 50% 140px; }
strong { font-weight: bold; }
.clear { clear: both; }
hr { height: 1px; background: #4a4a4a; color: #4a4a4a; border: none; margin: 0 0 15px; }
em { font-style: italic; }

/* Structure */
#hero { position: absolute; top: 0; z-index: -1; height: 450px; width: 100%; background-repeat: no-repeat; background-position: top center; }
body.cms #hero { top: 140px; }
#container { width: 960px; margin: 0 auto; }
	#header { margin: 10px 0 0; }
		#header_left { float: left; padding-top: 20px; }
		#header_right { float: right; }
	#content { margin: 370px 0 0; }
	body.license #content { margin: 0; }
	body.game #content, body.news #content, body.customers #content { margin: 20px 0 0; }
	body.general_content #content { margin: 20px 0 0; background: #111111; }
	body.contact #content, body.staff #content, body.sitemap #content { margin: 20px 0 0; background: #111111; padding: 30px; }
	
	body.game_detail #content { background: #111111; margin: 20px 0 0; padding: 20px; }
		
		/* home page */
		#content_left { width: 640px; float: left; }
			#home_gallery { float: left; background: #181818; padding: 10px; width: 620px; margin: 0 0 30px; }
				#carousel { float: left; height: 125px; position: relative; overflow: hidden; width: 590px;}
					#carousel_inner { position: relative; width: 2000px; }
		#content_right { width: 310px; float: left; margin: 0 0 0 10px; }
			div.ad { background: #181818; padding: 10px 10px 6px; margin: 0 0 10px; width: 290px; }
			div.ad:hover { background: #303030; }
		#video_overlay, #video_overlay2 { display: none; padding: 20px 20px 20px; background: #111111; position: fixed; top: 100px; left: 50%; z-index: 50; width: 640px; height: 320px; margin-left: -320px; }
		
		/* game page */
		#game_container { background: #181818; padding: 30px 25px 20px; width: 910px; }
			#game_sort_left { float: left; margin: 20px 0 0; }
			#game_sort_right { float: right; margin: 20px 0 0; }
			#advanced_sort { margin: 0 0 10px; border-bottom: 1px solid #303030; padding: 10px 0 30px; display: none; clear: both; }
			body.list_view #advanced_sort { border: none; padding: 0; }
			div.advanced_sort_header { border-bottom: 1px solid #fff; padding: 0 0 6px; }
			div.advanced_sort_section { width: 260px; float: left; margin: 0 65px 20px 0; }
			div.advanced_sort_section.last { margin: 0; }
		#games { clear: both; }
		#footer_ad1 { background: #181818; padding: 10px; width: 620px; height: 120px; float: left; margin: 10px 0 0; }
		#footer_ad2 { background: #181818; padding: 10px; width: 290px; height: 120px; margin: 10px 0 0 10px; float: left; }
		#footer_ad1:hover, #footer_ad2:hover { background: #303030; }
		
		/* license page */
		#contentflow { margin: 15px 0 0 -151px; width: 1262px; height: 342px; }
		#games div.game { width: 200px; height: 250px; float: left; margin: 25px 36px 0 0; }
		body.license #games div.game { height: 200px; }
		#games div.row_end { margin: 25px 0 0; }
		div.pagination { margin: 20px 0 0; }
		#license_overlay { height: 340px; width: 764px; position: absolute; top: 110px; left: 50%; margin: 0 0 0 -382px; background: #fff; display: none; }	
			#license_overlay_left { float: left; width: 342px; }
			#license_overlay_right { float: right; width: 342px; height: 300px; padding: 20px; position: relative; }
		#license_flow { height: 326px !important; }
			
		/* general content */
		body.general_content #content_left { padding: 10px 0 0 10px; width: 630px; }
		body.general_content #content_right { padding: 10px 0 0 0; width: 320px; margin: 0; }
		#general_content_header { padding: 10px 10px 6px; background: #181818; width: 600px; margin: 0 0 20px; }
		#general_content { padding: 0 12px 0 12px; }
		
		/* bio pages */
		#bio { background: #1d1d1d; padding: 20px 20px 0; border: 10px solid #111111; }
		div.bio_thumb { padding: 10px 10px 0; background: #1d1d1d; width: 200px; height: 110px; position: relative; float: left; margin: 0 6px 6px 0; }
		div.bio_thumb.last { margin-right: 0; }
			span.bio_name { position: absolute; bottom: 10px; left: 10px; background-color: rgb(17, 17, 17); background-color: rgba(17, 17, 17, .8); color: #ccc; display: block; width: 200px; padding: 3px 0; text-align: center; font: 15px arial; }
		
		/* game detail */
		#game_detail_left { float: left; width: 380px; }
		#game_detail_right { float: left; width: 500px; margin: 0 0 0 40px; }
		body.cms #game_detail_left { float: left; width: 450px; }
		body.cms #game_detail_right { float: left; width: 400px; margin: 0 0 0 40px; }
		#game_overlay, #zoom_overlay { display: none; padding: 20px 20px 20px; background: #111111; position: absolute; top: 100px; left: 50%; z-index: 50; }
		
		/* news pages */
		#news_container { background: #181818; padding: 30px 5px 20px 30px; }
			#news_left { width: 610px; float: left; }
				div.news_block { margin: 30px 0 0; }
				div.news_block h3, div.news_block h3 a { margin: 0; font: 18px Palatino, arial; line-height: 26px; }
				div.news_block p { margin: 0 0 10px; }
				div.news_block p.date { color: #fff; margin: 0 0 10px; }
				#news_left hr { margin: 15px 0 0; }
			#news_right { width: 290px; float: left; margin: 0 0 0 20px; }
				#rss { padding: 20px; background: #242424; }
				#rss img { float: left; margin: 6px 20px 0 0; }
				#rss a { font-size: 16px; }
				#news_archive { background: #242424; margin: 20px 0 0; padding: 20px 20px 10px; }
				div.archive_section { margin: 0 0 10px; }
					#news_archive p { font: 11px/19px Lucida Grande, Lucida sans unicode, trebuchet ms, verdana, sans-serif; }
					#news_archive p.archive_year { font: bold 11px/19px Lucida Grande, Lucida sans unicode, trebuchet ms, verdana, sans-serif; margin: 0 0 10px; }
					#news_archive p.archive_year a { background: url(../images/news_arrow2.gif) no-repeat 0 4px; padding: 0 0 0 15px; }
					
		/* Product Innovation */
		#innovation_thumbs { border-top: 1px solid #4a4a4a; padding: 0; margin: 20px 0 0; }
			.innovation_thumb { float: left; width: 198px; margin: 25px 6px 0 0; height: 210px; }
			.innovation_thumb.last { float: left; width: 198px; margin: 25px 0 0; }
			.innovation_thumb.first { clear: both; }
		#innovation_overlay { display: none; padding: 30px 30px 0; background: #111111; position: absolute; top: 100px; left: 50%; z-index: 50; width: 780px; min-height: 200px; margin-left: -420px; }
		
	#footer { border-top: 1px solid #4a4a4a; padding: 20px 0 10px; margin: 30px 0 0; }
	
	#login { position: absolute; background: #dadada; -moz-border-radius: 6px; -webkit-border-radius: 6px; width: 420px; padding: 30px 0; top: 100px; left: 50%; margin: 0 0 0 -210px; z-index: 50; display: none; }
	#overlay { background: url(../images/overlay_bg.png); width: 100%; height: 100%; position: fixed; top: 0; left: 0; display: none; }
	body.login #login, body.login #overlay { display: block; }


/* Headers */
h2, #bio h3 { color: #ccccff; font: 24px Palatino, arial; margin: 0 0 5px; }
#game_container h2 { color: #888; font: 19px Palatino, arial; padding: 0 0 10px; border-bottom: 1px solid #303030; }
#login h2 { color: #474747; font: bold 36px Lucida Grande, Lucida sans unicode, trebuchet ms, verdana, sans-serif; text-align: center; }
#innovation_overlay_content h2 { color: #ffffff; font: bold 19px Lucida Grande, Lucida sans unicode, trebuchet ms, verdana, sans-serif; margin: 0 0 10px; }
h3 { color: #888; font: 19px Palatino, arial; margin: 0 0 15px; clear: both; }
#innovation_overlay_content h3 { color: #ccccff; font: bold 15px Lucida Grande, Lucida sans unicode, trebuchet ms, verdana, sans-serif; margin: 0 0 10px; }
div.ad h4 { color: #666; font: bold 13px Lucida Grande, Lucida sans unicode, trebuchet ms, verdana, sans-serif; margin: 0 0 10px; }
div.game h4, table#game_list h4 { margin: 5px 0; }
table#game_list h4 { margin: 15px 0 0; }
#license_overlay h4 { color: #9999cc; font: bold 19px Lucida Grande, Lucida sans unicode, trebuchet ms, verdana, sans-serif; margin: 0 0 10px; }
body.general_content #content_left h3 { color: #ccccff; font: bold 13px Lucida Grande, Lucida sans unicode, trebuchet ms, verdana, sans-serif; margin: 0 0 2px; }

	
/* Lists */
#header ul { clear: both; float: right; }
#header ul li { float: left; margin: 0 0 0 30px; }
#header ul li a { color: #fff; font: 13px Lucida Grande, Lucida sans unicode, trebuchet ms, verdana, sans-serif; padding: 0 0 5px; }
#header ul li a:hover, #header ul li.current a { background: url(../images/nav_underline.png) no-repeat 50% 100%; text-decoration: none; }

#header ul ul { float: none; position: absolute; z-index: 100; padding: 4px 0 0; width: 160px; margin: 0 0 0 -10px; display: none; }
#header ul ul li { float: none; margin: 0; }
#header ul ul li a { display: block; color: #fff; background: #151515; font: 13px Lucida Grande, Lucida sans unicode, trebuchet ms, verdana, sans-serif; padding: 10px 0 10px 10px; }
#header ul ul li a:hover { background: none; text-decoration: none; background: #1e1e1e; color: #ccccff; }

#header ul li:hover ul { display: block; }
#header ul li:hover a { background: url(../images/nav_underline.png) no-repeat 50% 100%; }
#header ul li:hover ul a { background: none; color: #fff; background: #151515; }
#header ul li:hover ul a:hover { background: #1e1e1e; color: #ccccff; }

#game_detail_right ul, table#game_list ul { margin: 10px 0 0; }
#game_detail_right ul li, table#game_list ul li { color: #ccc; font: 13px/20px Lucida Grande, Lucida sans unicode, trebuchet ms, verdana, sans-serif; list-style: disc; margin: 0 0 0 15px; }

body.sitemap #content ul li { font: 15px/25px Lucida Grande, Lucida sans unicode, trebuchet ms, verdana, sans-serif; }
	body.sitemap #content ul ul { margin: 0 0 0 20px; }
body.sitemap #content ul li a { color: #ccccff; }

#innovation_overlay_content ul { margin: 0 0 15px; }
#innovation_overlay_content li { color: #ccc; font: 13px/18px Lucida Grande, Lucida sans unicode, trebuchet ms, verdana, sans-serif; list-style: disc; margin: 0 0 0 15px; }

#general_content ul { margin: 0 0 15px; }
#general_content li { color: #ccc; font: 13px/18px Lucida Grande, Lucida sans unicode, trebuchet ms, verdana, sans-serif; list-style: disc; margin: 0 0 0 15px; }
#lucky li {margin-bottom: 20px; list-style: decimal;}

/* Paragraphs */
#content_left p, #news_container, p.about_links, #innovation_overlay_content p { color: #ccc; font: 13px/25px Lucida Grande, Lucida sans unicode, trebuchet ms, verdana, sans-serif; margin: 0 0 15px; }
#content_left p.date { font: 14px Palatino, arial; margin: 0 0 15px; }
#content_left p.read_more { font: 13px Palatino, arial; }
#game_sort p { color: #a3a3a3; }
div.game p { color: #ccc; font: 13px Lucida Grande, Lucida sans unicode, trebuchet ms, verdana, sans-serif; }
div.game p.see_more { margin: 10px 0 0; }
table#game_list p { color: #ccc; font: 13px Lucida Grande, Lucida sans unicode, trebuchet ms, verdana, sans-serif; margin: 15px 0 0; }
table#game_list p.see_more { margin: 39px 0 0; }
#advanced_sort p.left { float: left; color: #fff; font: bold 13px Lucida Grande, Lucida sans unicode, trebuchet ms, verdana, sans-serif; margin: 0; }
#advanced_sort p.right { float: left; color: #fff; font: bold 13px Lucida Grande, Lucida sans unicode, trebuchet ms, verdana, sans-serif; margin: 0 0 0 10px; }
div.advanced_sort_section p, div.advanced_sort_header p { color: #fff; font: 13px Lucida Grande, Lucida sans unicode, trebuchet ms, verdana, sans-serif; margin: 15px 0 0; }
#lucky strong {font: bold; color:#fff;}

body.general_content #content_left p.small { color: #ccc; font: 11px/18px Lucida Grande, Lucida sans unicode, trebuchet ms, verdana, sans-serif; }
body.general_content #content_left p.date { color: #ccccff; margin: 0 0 2px; }

body.contact #content p, #bio p { color: #ccc; font: 15px/25px Lucida Grande, Lucida sans unicode, trebuchet ms, verdana, sans-serif; margin: 15px 0 15px; }
body.contact #content .purple, body.contact #content a { color: #ccccff; }
body.contact #content p.contact_footer { float: left; background: #181818; padding: 10px 10px 5px; margin: 40px 10px 0 0; }
body.contact #content p.contact_footer.last { margin: 40px 0 0; }
body.contact #content p.contact_footer img { width: 273px; }

#license_overlay p { color: #666; font: 13px/19px Lucida Grande, Lucida sans unicode, trebuchet ms, verdana, sans-serif; }
#license_overlay p.see_more { position: absolute; bottom: 20px; }

#bio p { color: #ccc; font: 15px/25px Lucida Grande, Lucida sans unicode, trebuchet ms, verdana, sans-serif; }
p.game_intro { color: #ccc; font: 15px/25px Lucida Grande, Lucida sans unicode, trebuchet ms, verdana, sans-serif; padding: 3px 0 10px; border-bottom: 1px solid #303030; }

#game_detail_right p { color: #ccc; font: 13px/20px Lucida Grande, Lucida sans unicode, trebuchet ms, verdana, sans-serif; margin: 10px 0 0; }
	p.game_img_container_large, p.game_img_container_small { position: relative; margin: 0 0 16px; }
	body.cms p.game_img_container_large, p.game_img_container_small { position: relative; margin: 0 0 30px !important; }
	p.game_img_container_small span { color: #ccc; font: 15px/25px Lucida Grande, Lucida sans unicode, trebuchet ms, verdana, sans-serif; position: absolute; top: 0; margin: 0 0 0 10px; }
#game_detail_right strong { font: bold 15px/20px Lucida Grande, Lucida sans unicode, trebuchet ms, verdana, sans-serif; }

div.pagination p { color: #fff; font: 13px Lucida Grande, Lucida sans unicode, trebuchet ms, verdana, sans-serif; text-align: right; }

#footer p, #footer a { color: #666; font: 13px Lucida Grande, Lucida sans unicode, trebuchet ms, verdana, sans-serif; }
#footer_left { float: left; font: 11px Lucida Grande, Lucida sans unicode, trebuchet ms, verdana, sans-serif !important; }
#footer_right { float: right; }

#login p.error { font: 15px Lucida Grande, Lucida sans unicode, trebuchet ms, verdana, sans-serif; color: red; text-align: center; margin: 10px 0 0; }

p#credit { color: #ccccff; font: 12px Lucida Grande, Lucida sans unicode, trebuchet ms, verdana, sans-serif; margin: 15px 0 0; }

#content_left .innovation_thumb p { margin: 10px 0 0; font: 11px/18px Lucida Grande, Lucida sans unicode, trebuchet ms, verdana, sans-serif; }

#content_left .innovation_thumb .image_wrap p { font: bold 13px Lucida Grande, Lucida sans unicode, trebuchet ms, verdana, sans-serif; color: #CCCCFF; text-align: center; margin: 0 0 10px; }

/* links */
a:hover { text-decoration: underline; }
a#home_gallery_left_arrow, a#home_gallery_right_arrow { float: left; position: relative; top: 18px; }
#content_left p.read_more a { color: #ccccff; background: url(../images/read_more_arrow.gif) no-repeat 100% 2px; padding: 0 15px 0 0; }

div.game h4 a, table#game_list h4 a { color: #ccccff; font: bold 15px Lucida Grande, Lucida sans unicode, trebuchet ms, verdana, sans-serif; }

#game_sort a { font: 12px Lucida Grande, Lucida sans unicode, trebuchet ms, verdana, sans-serif; color: #a3a3a3; display: inline-block; }
#game_sort a.grid_view { background: url(../images/grid_view_icon.png) no-repeat 5px 50%; padding: 3px 8px 4px 20px; }
#game_sort a.grid_view:hover, #game_sort a.grid_view_on { text-decoration: none; background: #2f2f2f url(../images/grid_view_icon.png) no-repeat 5px 50%; padding: 3px 8px 4px 20px; -moz-border-radius: 4px; -webkit-border-radius: 4px; }
#game_sort a.list_view { background: url(../images/list_view_icon.png) no-repeat 5px 50%; padding: 3px 8px 4px 20px; }
#game_sort a.list_view:hover, #game_sort a.list_view_on { text-decoration: none; background: #2f2f2f url(../images/list_view_icon.png) no-repeat 5px 50%; padding: 3px 8px 4px 20px; -moz-border-radius: 4px; -webkit-border-radius: 4px; }

#game_sort_left a { font: 11px Lucida Grande, Lucida sans unicode, trebuchet ms, verdana, sans-serif; color: #ccccff; }

body.general_content #content_left p.small a, #news_container a, #bio a, #general_content a, #game_detail_left a, body.home #content_left a, p.about_links a { color: #ccccff; }
p#credit a { color: #ccccff; text-decoration: underline; }
p.about_links a.current { text-decoration: underline; }

p.game_img_container_large a.zoom_image { position: absolute; bottom: 3px; left: 0; text-indent: -1000em; background: url(../images/game_zoom_large.png) no-repeat; width: 103px; height: 27px; display: block; }
p.game_img_container_small a.zoom_image { position: absolute; bottom: 3px; left: 0; text-indent: -1000em; background: url(../images/game_zoom_small.png) no-repeat; width: 76px; height: 20px; display: block; }

p.game_img_container_large a.edit_image { position: absolute; top: 0; margin-left: -31px; display: block; }
p.game_img_container_small a.edit_image { position: absolute; top: 0; margin-left: -31px; display: block; }

div.pagination a { color: #ccccff; font: 14px Lucida Grande, Lucida sans unicode, trebuchet ms, verdana, sans-serif; }
div.pagination a.current { text-decoration: underline; }

#license_overlay .close_button, #game_overlay .close_button, #zoom_overlay .close_button, #login .close_button, #video_overlay .close_button, #video_overlay2 .close_button, #innovation_overlay .close_button { position: absolute; top: -15px; right: -15px; }

img#corp_logo { position: relative; top: 10px; display: block; }

/* Images */
#carousel img { margin: 0 10px; height: 125px; }
.image_wrap img { width: 198px; }

/* Forms */
#header form { float: right; margin: 0 0 20px; }
#header form input[type="text"] { border: none; color: #666; font: 11px Lucida Grande, Lucida sans unicode, trebuchet ms, verdana, sans-serif; width: 135px; background: #222222 url(../images/search_glass.png) no-repeat 5px 50%; padding: 6px 5px 5px 25px; }
#header form input[type="image"] { position: relative; top: 6px; }

#game_sort label { font: 13px Lucida Grande, Lucida sans unicode, trebuchet ms, verdana, sans-serif; color: #fff; margin: 0 10px 0 0; }
#game_sort select { width: 120px; margin: 0; }
#game_sort input[type="submit"] { margin: 0 10px 0 0; }

div.advanced_sort_section input[type="text"] { border: none; background: #fff; width: 50px; padding: 3px; margin: 0 10px; }
div.advanced_sort_section select { width: 200px; }
div.advanced_sort_section select#date_order { width: 200px; margin: 0 0 0 6px; }
div.advanced_sort_section select#customer_sort { xwidth: 240px; margin: 0; }
div.advanced_sort_section p.date_select label { margin: 0 20px 0 0; }

#login_form { margin: 20px 0 0 32px; }
#login_form p { margin: 0 0 10px; }
#login_form p.password { color: #474747; font: 11px Lucida Grande, Lucida sans unicode, trebuchet ms, verdana, sans-serif; margin: 0 0 10px 80px; }
#login_form a { color: #6b6bb3; }
#login_form label { color: #474747; font: 15px Lucida Grande, Lucida sans unicode, trebuchet ms, verdana, sans-serif; float: left; width: 70px; text-align: right; margin: 0 10px 0 0; position: relative; top: 4px; }
#login_form input[type="text"], #login_form input[type="password"] { background: #fff; border: 1px solid #c7c7c7; padding: 6px; width: 210px; }
#login_form input[type="image"] { margin: 0 0 0 80px; }

/* Tables */
table, tr, th, td { vertical-align: top; }
table#game_list { margin: 25px 0 0; width: 910px; }
th { color: #ccc; font: 13px Lucida Grande, Lucida sans unicode, trebuchet ms, verdana, sans-serif; border-bottom: 1px solid #303030; padding: 0 0 10px; }
table.no_border th { border: none; padding: 5px 0 0; }
td { color: #ccc; font: 13px Lucida Grande, Lucida sans unicode, trebuchet ms, verdana, sans-serif; padding: 20px 0 0; }

col.first { width: 220px; }
col.second { width: 250px; }
col.third { width: 130px; }
col.forth { width: 80px; }

#advanced_sort table { width: 930px; margin: 5px 0 30px; }
#advanced_sort table td { padding: 5px 0 0; font: 13px Lucida Grande, Lucida sans unicode, trebuchet ms, verdana, sans-serif; width: 150px; }

/* IE6 header */
#ie6 { width: 90%; background: #e0e0e0; padding: 0 5%; position: absolute; top: 0; left: 0; }
#ie6Inner { width: 960px; margin: 0 auto; }
#ie6Right { float: right; margin-top: 25px; }
#ie6 h2 { font: bold 135px arial; color: #949494; letter-spacing: -8px; float: left; margin-right: 20px; }
#ie6 p { font: 14px arial; line-height: 22px; color: #666; margin: 0 0 20px; }
#ie6 p strong { font-weight: bold; }
#ie6 p.clear { clear: both; }
#ie6 p#close_ie6_window { xfloat: right; margin: 0; background: #686868; padding: 10px; width: 332px; }
#ie6 a#ie_link { margin-left: 40px; }
#ie6 p#close_ie6_window a { color: #fff; font: 18px arial; letter-spacing: 1px; }