/* CSS Document */
html{
	overflow:-moz-scrollbars-vertical;
}

.clr
{
	clear:both;
}

.c_aln
{
	text-align:center;
}

.r_aln
{
	text-align:right;
}

.l_aln
{
	text-align:left;
}

a:active, a:focus{
	outline:none;
}

.hdn
{
	display:none;
}

.rgtImg
{
	float:right;
	padding:5px 0 8px 8px;
}




.lftImg
{
	float:left;
	padding:5px 8px 8px 0;
}
/* CSS Document */
body
{
	padding:0;
	margin:0;
	border:0;
	text-align:center;
	font-size:62.5%;
	font-family:Trebuchet, Arial, Helvetica, sans-serif;
	color:#000000;
}

h1, h2, h3, h4, h5, form, p, table
{
	padding:0;
	margin:0;
	border:0;
	font-weight:normal;
}


input, select, textarea
{
	font-family:Trebuchet, Arial, Helvetica, sans-serif;
	font-size:12px;
	padding:2px;
}

h1
{
	color:#7C1313;
	font-size:2.4em;
	margin-bottom:16px;
}

h2
{
	color:#000;
	font-size:1.2em;
	font-weight:bold;
	margin-bottom:5px;
}

p
{
	line-height:16px;
	margin-bottom:16px;
}

a
{
	color:#df5201;
	font-weight:bold;
	text-decoration:none;
}

a:hover
{
	color:#000;
}

#root
{
	width:975px;
	text-align:left;
	font-size:1.2em;
	margin:0 auto;
	background:url(public/images/site/header.gif) no-repeat #FFF;
}

#header
{
	position:relative;
	left:0;
	top:0;
	height:251px;
}


#page
{
	width:100%;
	background:url(public/images/site/left_bg.gif) no-repeat;
}

#fix_height
{
	float:left;
	width:1px;
	height:550px;
}

#left_col
{
	position:relative;
	left:0px;
	top:0px;
	float:left;
	width:260px;
}

#center_col
{
	position:relative;
	left:0px;
	top:0px;
	float:left;
	width:674px;
	padding: 0px 25px 80px 15px;
	/*padding:0px 20px 0px 19px;*/
}

#right_col
{
	display:none;
}

body.project #right_col
{
	display:block;
	float:left;
	width:233px;
	padding-bottom:100px;
	background:url(public/images/site/right_bg.gif) no-repeat left bottom #7c1313;
}

body.project #right_col div.thumb
{
	background:url(public/images/site/thumbnail_header.gif) no-repeat;
	padding:56px 0px 11px 11px;
}

body.project #right_col div.thumb_empty
{
	background:url(public/images/site/thumbnail_header_empty.gif) no-repeat;
	padding:56px 0px 11px 11px;
}

body.project #center_col
{
	width:478px;
	padding: 0px 0px 80px 3px;
}

body.project #center_col p, body.project #center_col h1, body.project #center_col h2, body.project #center_col h3
{
	padding-left:15px;
	padding-right:15px;
}

#footer
{
	position:relative;
	left:0px;
	top:0px;
	font-size:90%;
}

body.home #center_col
{
	background:url(public/images/site/content_bg.gif) no-repeat;
	height:550px;
	padding:0px;
	width:714px;
}


ul
{
	margin-bottom:16px;
	padding-bottom:0px;
}



/* CSS Document */
div.progress
{
	padding:10px 25px;
	font-size:12px;
	color:#FFF;
	background-color:#0099FF;
}

div.msg, div.message
{
	font-size:11px;
	border-bottom:2px dotted #666;
	border-top:2px dotted #666;
	padding:15px;
	margin-bottom:16px;
	color:green;
}

div.err, div.error
{
	font-size:11px;
	border-bottom:2px dotted #666;
	border-top:2px dotted #666;
	padding:15px;
	margin-bottom:16px;
	color:red;
}

div.err b
{
	display:block;
	margin-bottom:5px;
}

div.err ul
{
	list-style:square;
	margin:0;
	padding:0;
	border:0;
	padding-left:20px;
}

div.loading
{
	background:url(../Images/spinner.gif) no-repeat center;
	padding:50px;
}

div.blockUI
{
    background-color:#999999; 
    filter:alpha(opacity=50); 
    opacity:0.5;
    z-index:1000;
}

div.modal
{
	background:#ffffff none repeat scroll 0%;
	position:absolute;
	width:400px;
	border:5px solid #333333;
	z-index:9999;
	font-size:12px;
	padding:15px;
}
/* CSS Document */

div.breadcrumb
{
	font-size:95%;
	margin-bottom:16px;
}

div.links
{
	margin-bottom:16px;
}

div.links a
{
	padding:5px 15px;
	background-color:#1274B3;
	line-height:30px;
	text-decoration:none;
	color:#FFF;
}
div.links a:hover
{
	background-color:#666;
}


div.pager
{
	margin-bottom:16px;
}

div.pager div.left
{
	float:left;
	width:35%;
	font-weight:bold;
}

div.pager div.right
{
	float:right;
	text-align:right;
	width:65%;
}

div.pager div.right a
{
	background-color:#666;
	color:#FFF;
	padding:3px 6px;
	line-height:20px;
	text-decoration:none;
	margin-left:2px;
}
div.pager div.right a:hover, div.pager div.right a.current
{
	background-color:#1274B3;
}

div.grid
{
	margin-bottom:16px;
}

div.grid div.row, div.grid div.altrow
{
	width:100%;
	border-bottom:1px solid #DDD;
}

div.grid div.head
{
	color:#1274B3;
	width:100%;
	font-weight:bold;
	border-bottom:2px solid #1274B3;
}

div.grid div.row div.cell, div.grid div.head div.cell, div.grid div.altrow div.cell
{
	float:left;
	padding:5px 8px;
}

div.grid div.altrow
{
	background-color:#F4F4F4;
}

div.grid table
{
	width:100%;
}

div.grid table tr th
{
	color:#1274B3;
	padding:5px 8px;
	border-bottom:2px solid #1274B3;
}

div.grid table tr td
{
	padding:5px 8px;
	border-bottom:1px solid #DDD;
}

div.grid table tr.alt td
{
	padding:5px 8px;
	background-color:#F4F4F4;
}

div.entry
{
	margin-bottom:16px;
	background-color:#F4F4F4;
	padding:10px;
	border:1px solid #DDD;
}

div.entry table tr td
{
	border-bottom:1px solid #DDD;
	padding:5px 8px;
}

div.entry table tr.nb td
{
	border-bottom:0px;
}

div.entry table tr.cmd td
{
	border-bottom:0px;
	padding-top:8px;
}

div.entry table tr td h2
{
	color:#1274B3;
	font-size:15px;
	margin-top:15px;
}

div.entry table tr td h2.first
{
	margin-top:0px;
}

div.entry table tr td i
{
	font-style:normal;
	color:red;
	padding-left:3px;
}

div.imgContainer
{
	padding:10px;
	width:200px;
	/*background:url(../public/images/spinner.gif) no-repeat center center;*/
	text-align:center;
	vertical-align:middle;
}

div.imgContainer span
{
	display:block;
	width:100%;
	padding-bottom:5px;
	text-align:center;
}

div.tab
{
	border-bottom:1px solid #DDD;
	margin-bottom:16px;
	padding-left:10px;
}

div.tab a
{
	line-height:30px;
	padding:8px 10px;
	text-decoration:none;
	border:1px solid #DDD;
	background-color:#F4F4F4;
	color:#000;
}

div.tab a.current
{
	background-color:#FFF;
	border-bottom:1px solid #FFF;
	font-weight:bold;
	color:#1274B3;
}

span.hint
{
	color:#999;
	font-size:9px;
}

div.game_first_text
{
	position:absolute;
	left:25px;
	top:50px;
	width:200px;
}

div.game_second_text
{
	position:absolute;
	left:25px;
	top:305px;
	width:200px;
}

div.game_first_img
{
	position:absolute;
	left:240px;
	top:0px;
	width:474px;
	height:196px;
	background:url(public/images/site/games.jpg) no-repeat 0 0;
}

div.game_first_img a
{
	display:block;
	text-decoration:none;
	border:0;
	width:100%;
	height:196px;
}

div.game_second_img
{
	position:absolute;
	left:240px;
	top:254px;
	width:474px;
	height:196px;
	background:url(public/images/site/games.jpg) no-repeat -474px 0;
}

div.game_second_img a
{
	display:block;
	text-decoration:none;
	border:0;
	width:100%;
	height:196px;
}

div.game_first_text p, div.game_second_text p
{
	margin-bottom:0px;
}

#left_col div.development
{
	position:absolute;
	left:45px;
	top:385px;
}
/*
#left_col div.development a
{
	display:block;
	margin-bottom:16px;
}*/

#left_col div.jobs_list
{
	position:absolute;
	top:238px;
	left:45px;
	width:200px;
}

#left_col p
{
	margin-bottom:0px;
}

#left_col div.news_list
{
	position:absolute;
	top:52px;
	left:45px;
	width:200px;
}

#footer div.footer_text
{
	position:relative;
	top:-65px;
	width:100%;
	text-align:center;
}

#header div.char
{
	position:absolute;
	left:756px;
	top:10px;
	width:204px;
	height:243px;
}

#flashcontent
{
	position:absolute;
	left:5px;
	top:1px;
	width:261px;
	height:250px;
}

div.menu_img
{
	position:absolute;
	left:261px;
	top:185px;
	height:43px;
	width:491px;
	background:url(public/images/site/menu.gif) no-repeat;
}

div.menu_img a
{
	position:absolute;
	display:block;
	height:44px;
	width:100px;
	background:url(public/images/site/menu.gif) no-repeat;
}

div.menu_img a.mnu_home
{
	left:8px;
	top:0px;
	width:77px;
	height:44px;
	background:url(public/images/site/menu.gif) no-repeat -8px 0px;
}

div.menu_img a.mnu_home:hover, div.menu_img a.mnu_home_current
{
	background:url(public/images/site/menu.gif) no-repeat -8px -44px;
}

div.menu_img a.mnu_about
{
	left:99px;
	top:0px;
	width:99px;
	height:44px;
	background:url(public/images/site/menu.gif) no-repeat -99px 0px;
}

div.menu_img a.mnu_about:hover, div.menu_img a.mnu_about_current
{
	background:url(public/images/site/menu.gif) no-repeat -99px -86px;
}

div.menu_img a.mnu_jobs
{
	left:201px;
	top:0px;
	width:66px;
	height:44px;
	background:url(public/images/site/menu.gif) no-repeat -201px 0px;
}

div.menu_img a.mnu_jobs:hover, div.menu_img a.mnu_jobs_current
{
	background:url(public/images/site/menu.gif) no-repeat -201px -129px;
}

div.menu_img a.mnu_news
{
	left:280px;
	top:0px;
	width:76px;
	height:44px;
	background:url(public/images/site/menu.gif) no-repeat -280px 0px;
}

div.menu_img a.mnu_news:hover, div.menu_img a.mnu_news_current
{
	background:url(public/images/site/menu.gif) no-repeat -280px -172px;
}

div.menu_img a.mnu_contact
{
	left:376px;
	top:0px;
	width:109px;
	height:44px;
	background:url(public/images/site/menu.gif) no-repeat -376px 0px;
}

div.menu_img a.mnu_contact:hover, div.menu_img a.mnu_contact_current
{
	background:url(public/images/site/menu.gif) no-repeat -376px -215px;
}

#home_link
{
	position:absolute;
	left:0px;
	top:0px;
	height:250px;
	width:255px;
}

div.sec_item
{
	width:189px;
	padding:0px 5px 15px 5px;
	margin-bottom:5px;
	background:url(public/images/site/divider.gif) no-repeat left bottom;
}

div.news_item
{
}

div.news_item h3
{
	font-size:1.5em;
	color:#7C1313;
}

div.news_item span.sml
{
	font-size:11px;
	color:#999;
	display:block;
	margin-bottom:10px;
}

.link_pdf
{
	background:url(public/images/pdf.gif) no-repeat right;
	line-height:20px;
	padding-right:20px;
}

.link_word
{
	background:url(public/images/word.gif) no-repeat right;
	line-height:25px;
	padding-right:20px;
}

.link_mpg
{
	background:url(public/images/mpg.gif) no-repeat right;
	line-height:25px;
	padding-right:20px;
}

a.thumb img
{
	width:99px;
	height:66px;
	border:1px solid #fff;
	margin:0px 4px 4px 0px;
}
/**
 * jQuery lightBox plugin
 * This jQuery plugin was inspired and based on Lightbox 2 by Lokesh Dhakar (http://www.huddletogether.com/projects/lightbox2/)
 * and adapted to me for use like a plugin from jQuery.
 * @name jquery-lightbox-0.5.css
 * @author Leandro Vieira Pinho - http://leandrovieira.com
 * @version 0.5
 * @date April 11, 2008
 * @category jQuery plugin
 * @copyright (c) 2008 Leandro Vieira Pinho (leandrovieira.com)
 * @license CC Attribution-No Derivative Works 2.5 Brazil - http://creativecommons.org/licenses/by-nd/2.5/br/deed.en_US
 * @example Visit http://leandrovieira.com/projects/jquery/lightbox/ for more informations about this jQuery plugin
 */
#jquery-overlay {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
}
#jquery-lightbox {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
}
#jquery-lightbox a img { border: none; }
#lightbox-container-image-box {
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
}
#lightbox-container-image { padding: 10px; }
#lightbox-loading {
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
}
#lightbox-nav {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
}
#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-nav a { outline: none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {
	width: 49%;
	height: 100%;
	zoom: 1;
	display: block;
}
#lightbox-nav-btnPrev { 
	left: 0; 
	float: left;
}
#lightbox-nav-btnNext { 
	right: 0; 
	float: right;
}
#lightbox-container-image-data-box {
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%;
	padding: 0 10px 0;
}
#lightbox-container-image-data {
	padding: 0 10px; 
	color: #666; 
}
#lightbox-container-image-data #lightbox-image-details { 
	width: 70%; 
	float: left; 
	text-align: left; 
}	
#lightbox-image-details-caption { font-weight: bold; }
#lightbox-image-details-currentNumber {
	display: block; 
	clear: left; 
	padding-bottom: 1.0em;	
}			
#lightbox-secNav-btnClose {
	width: 66px; 
	float: right;
	padding-bottom: 0.7em;	
}