/*---------------------------------- UBI NAV ----------------------------------*/
.align-left-wrap {
	float:right;
	margin-right:0;
	margin-left:5px;
	border: 1px dotted #FF0;
}

.align-left-wrap2 {
	float:right;
	margin-right:0;
	margin-left:5px;
}

#ubitopnav {
 	z-index: 99;
	clear: both;
	width: 100%;
	height: 40px;
	background-color: #000000;
}

#ubitopnav_sep {
 	z-index: 99;  
	clear: both;
	width: 100%;
	height: 3px;
	background-image: url(bg_bar.gif);
	background-position: bottom left;
	background-repeat: repeat-x;
	background-color: #000000;
	/*
	line-height: 3px;
	height: 3px;
	zoom: 1;
	*/
	font-size: 1px;
}

#global {
	width: 100%;
	z-index: 1;
	height: auto !important;
	height: 1265px;
	min-height: 1265px;
	background-image: url(bg_global.jpg);
	background-position: top center;
	background-repeat: no-repeat;
}

#global_us {
	width: 100%;
	z-index: 1;
	height: auto !important;
	height: 1265px;
	min-height: 1265px;
	background-image: url(bg_global_us.jpg);
	background-position: top center;
	background-repeat: no-repeat;
}

/*---------------------------------- CONTENT ----------------------------------*/

#main {
	position:absolute;
	left: 0px;
	width: 100%;
	height: auto !important;
	height: 520px;
	min-height: 520px;
	z-index: 9;
}

#header {
	width: 100%;
	height: 520px;
	text-align: center;
}

#header img.logo {
	margin: 80px 0px 0px 0px;
}

#wrapper {
	position: absolute;
	top: 478px; /* calé !! */
	left: 50%;
	width: 964px;
	margin-left: -482px;
	height: auto !important;
	height: 600px;
	min-height: 600px;
	z-index: 19;
}

#wrapper_us {
	position: absolute;
	top: 218px;
	left: 50%;
	width: 964px;
	margin-left: -482px;
	height: auto !important;
	height: 600px;
	min-height: 600px;
	z-index: 19;
}

#page_container {
	width: 100%;
	height: auto !important;
	height: 600px;
	min-height: 600px;
	z-index: 29;
}

#content {
	width: 100%;
	height: auto !important;
	height: 600px;
	min-height: 600px;
	z-index: 29;
}

#col_center {
	border:2;
	float:right;
	width: 764px;
	z-index: 39;
}

#col_left, #col_right {
	float:left;
	width: 200px;
	margin: 27px 0px 0px 0px;
	z-index: 49;
}

#col_left {
	float: left;
}

#col_right {
	float: right;
}

#col_left_orn {
	position: absolute;
	top: -4px;
	left: 194px;
	width: 29px;
	height: 35px;
	background-image: url(orn_left.gif);
	background-repeat: no-repeat;
	background-position: top right; 
	z-index: 59;
}

#col_right_orn {
	position: absolute;
	top: -4px;
	left: 741px;
	width: 29px;
	height: 35px;
	background-image: url(orn_right.gif);
	background-repeat: no-repeat;
	background-position: top left; 
	z-index: 59;
}

#col_left_orn_bot {
	width: 200px;
	height: 27px;
	background-image: url(orn_left_bot.gif);
	background-repeat: no-repeat;
	background-position: top right; 
}

#col_right_orn_bot {
	width: 200px;
	height: 27px;
	background-image: url(orn_right_bot.gif);
	background-repeat: no-repeat;
	background-position: top left; 
}

.col_right_box {
	width: 176px;
	margin: 0px auto;
	padding: 3px 0px 3px 0px;
	z-index: 69;
}

.col_right_box_bg_top {
	width: 176px;
	height: 7px;
	font-size: 1px;
	background-image: url(col_right_box_bg_top.gif);
	background-repeat: no-repeat; 
	background-position: top center; 
}

.col_right_box_bg_mid {
	width: 164px;
	padding: 0px 6px 0px 6px;
	background-image: url(col_right_box_bg_mid.gif);
	background-repeat: repeat-y; 
	background-position: top center;
	text-align: center;
	overflow: hidden !important;
	overflow: visible;
}

.col_right_box_bg_bot {
	width: 176px;
	height: 7px;
	font-size: 1px;
	background-image: url(col_right_box_bg_bot.gif);
	background-repeat: no-repeat; 
	background-position: top center;
}

#col_right_box_buynow,
#col_right_box_demo,
#col_right_box_register,
#col_right_box_download,
#col_right_box_playit  {
	width: 176px;
	/*margin: 0px auto;*/
	padding: 3px 0px 3px 0px;
	z-index: 69;
}

/*---------------------------------- CENTER ----------------------------------*/

#col_center_top {
	width: 764px;
	height: 8px;
	font-size: 1px;
	background-image: url(bg_col_center_top.png);
	background-repeat: no-repeat; 
	background-position: top center;
	z-index: 39;
}

#col_center_content {
	width: 752px;
	height: auto !important;
	height: 1300px;
	min-height: 1230px;
	padding: 0px 6px 0px 6px;
	background-image: url(bg_col_center_content.png);
	background-repeat: repeat-y;
	background-position: top center;
	z-index: 39;
}

#col_center_bottom {
	width: 764px;
	height: 18px;
	font-size: 1px;
	background-image: url(bg_col_center_bottom.png);
	background-repeat: no-repeat; 
	background-position: top center;
}


/*---------------------------------- LEFT ----------------------------------*/

#col_left_top {
	width: 200px;
	height: 6px;
	font-size: 1px;
	background-image: url(bg_col_left_top.png);
	background-repeat: no-repeat; 
	background-position: top center; 
}

#col_left_content {
	width: 200px;
	height: auto !important;
	height: 200px;
	min-height: 200px;
	background-image: url(bg_col_left_content.png);
	background-position: top center;
	background-repeat: repeat-y;
}

#col_left_bottom {
	width: 200px;
	height: 6px;
	font-size: 1px;
	background-image: url(bg_col_left_bottom.png);
	background-repeat: no-repeat; 
	background-position: top center; 
}

/*---------------------------------- RIGHT ----------------------------------*/

#col_right_top {
	width: 200px;
	height: 6px;
	font-size: 1px;
	background-image: url(bg_col_right_top.png);
	background-repeat: no-repeat; 
	background-position: top center; 
}

#col_right_content {
	width: 200px;
	height: auto !important;
	height: 400px;
	min-height: 400px;
	padding: 4px 0px 4px 0px;
	background-image: url(bg_col_right_content.png);
	background-position: top right;
	background-repeat: repeat-y;
}

#col_right_bottom {
	width: 200px;
	height: 6px;
	font-size: 1px;
	background-image: url(bg_col_right_bottom.png);
	background-repeat: no-repeat; 
	background-position: top center; 
}

/*---------------------------------- MENU ----------------------------------*/

#menu {
	/*float:left;*/
	padding:2px 2px 3px 3px;
     
}

#menu h1 {
	display: block;
	width: 190px;
	height: 40px;
	margin: 0px auto 0px auto;
	padding: 0px;
	background-image: url(bg_menu_li.png);
	background-repeat: no-repeat; 
	background-position: center center;
	font-size: 14px;
	line-height: 1.2em;
	text-transform: uppercase;
}

#menu h1.menu_highlight {
	background-image: url(bg_menu_li_selected.png);
}

#menu h1 a {
	display: block;
	width: 180px;
	height: 27px;
	padding: 13px 10px 0px 0px;
	text-align:right;
	/*
	padding: 13px 0px 0px 10px !important;
	padding: 19px 0px 0px 10px;
	margin: 0px !important;
	margin: 13px 0px 0px 10px;
	padding: 13px 0px 0px 10px !important;
	padding: 0px;
	*/
	font-weight: bold;
	color: #FEF6CA;
}

#menu h1 a.menu_highlight {
	display: block;
	width: 171px;
	height: 27px;
	padding: 13px 19px 0px 0px;
	text-align:right;
/*
	padding: 13px 0px 0px 19px !important;
	padding: 18px 0px 0px 19px;

	background-image: url(bg_menu_li_puce_highlight.gif);*/
	background-repeat: no-repeat; 
	background-position: 175px 18px;
	font-weight: bold;
	color: #ffe573;
}

#menu ul {
	padding: 0px;
	margin: 0px;
	list-style: none;
}

ul#submenu {
	padding: 0px;
	margin: 0px 0px 0px 0px;
	list-style: none;
}

ul#submenu li a {
	display: block;
	width: 187px;
	height: 19px;
	padding: 0px 12px 1px 0px;
	text-align:right;
	margin: 0px 0px 0px 1px;
	background-image: url(bg_menu_li_puce.gif);
	background-repeat: no-repeat; 
	background-position: 190px 6px;
	font-size: 13px;
	font-weight: normal;
	font-weight: bold;
	color: #FFFFFF;
}

ul#submenu li a.submenu_highlight {
	display: block;
	width: 182px;
	height: 19px;
	padding: 0px 0px 1px 17px;
	margin: 0px 0px 0px 1px;
	background-image: url(bg_menu_li_puce_highlight.gif);
	background-repeat: no-repeat; 
	background-position: 5px 6px;
	font-weight: bold;
	color: #ffe573;
}

#btn_menu_facebook {
	padding: 440px 0px 0px 10px;
	text-align: center;
}

/*---------------------------------- PAGES ----------------------------------*/

#page_title_bg {
	width: 746px;
	height: 54px;
	margin: 0px auto;
	background-image: url(bg_box_title2.gif);
	background-repeat: no-repeat; 
	background-position: top center;
}

#page_title {
	float: left;
	width: 735px;
	padding: 13px 0px 0px 13px;
}

#page_content_bg {
	width: 76px;
	margin: 0px auto 0px auto;
	height: auto !important;
	height: 872px;
	min-height: 872px;
	background-image: url(page_content_bg.png);
	background-repeat: repeat-y;
	text-align: center;
}

#page_content_bot {
	width: 546px;
	height: 10px;
	font-size: 1px;
	margin: 0px auto;
	background-image: url(page_content_bot.png);
	background-repeat: no-repeat;
	text-align: center;
}

.page_content_text {
	/*clear: both;*/
	text-align: justify;
	width: 508px;
	margin: auto 20px auto 20px;
	overflow: hidden !important;
	overflow: visible;
}

.page_content_text p {
	font-size: 0.9em;
	font-size: 1.0em;
	color: #f2f2f2;
}

.page_content_text a {
/*	color: white;*/
}

.page_content_illus_solo {
	margin: 20px auto;
}

.page_content_sep {
	width: 100%;
	height: 20px;
	background-image: url(bg_news_sep.gif);
	background-position: center center;
	background-repeat: no-repeat;
	padding: 10px 0px 10px 0px;
	clear: both;
}

/*---------------------------------- TRAILERS ----------------------------------*/

.video {
	float: left;
	margin: 10px 3px;
	width: 162px;
	height:125px;
	text-align: center;
	background-repeat:no-repeat;
	background-position:center center;
}

.video_content {
	float:left;
	width:148px; 
	height:85px;
	background-repeat:no-repeat; 
	background-position:center center;
	margin-top:19px;
	margin-left:6px;
}

/*---------------------------------- BUILDINGS ----------------------------------*/

ul.buildings_thumbs {
	margin: 0px;
	padding: 0px;
	clear: both;
	overflow: hidden !important;
	overflow: visible;
}

ul.buildings_thumbs li {
	display: block;
	float: left;
	width: 160px;
	height: 180px;
	margin: 0px 4px 4px 4px !important;
	margin: 0px 3px 4px 3px;
	line-height: 20px;
	text-align: center;
	font-style: italic;
	font-size: 0.8em;
	color: #caccbe;
}

/*---------------------------------- UNITS ----------------------------------*/

ul.units_thumbs {
	margin: 0px;
	padding: 0px;
	text-align: center;
	clear: both;
	overflow: hidden !important;
	overflow: visible;
}

ul.units_thumbs li {
	display: block;
	float: left;
	width: 140px;
	height: 220px;
	margin: 0px 14px 4px 14px !important;
	margin: 0px 13px 4px 13px;
	line-height: 20px;
	text-align: center;
	font-style: italic;
	font-size: 0.8em;
	color: #caccbe;
}

/*---------------------------------- FOOTER ----------------------------------*/

.uplay_more_info {
	width: 260px;
	height: 50px;
	padding: 10px 0px 0px 0px;
	margin: 20px auto;
	background-image: url(bg_uplay_more_info.gif);
	background-position: center center;
	background-repeat: no-repeat;
	text-align: center;
	color: #FFFFFF;
}

/*---------------------------------- FOOTER ----------------------------------*/

#footer {
	clear: both;
	width: 100%;
	height: 100px;
	text-align: center;
}

#footer div.legals_logos {
	width: 100%;
	margin: 0px auto;
	padding: 30px 0px 0px 0px;
}

#footer div.legals_logos img {
	margin: 5px 5px 5px 5px;
	vertical-align: middle;
	opacity:0.4;
	filter:alpha(opacity=40);
}
#footer div.legals_logos img:hover {
	opacity:1.0;
	filter:alpha(opacity=100);
}

#footer div.legals_lines {
	width: 100%;
	margin: 0px auto;
	padding: 30px 0px 30px 0px;
	text-align: center;
	font-size: 11px;
	line-height: 15px;
	color: #FFFFFF;
	background-color:#0B0B0B;
}

#flags {
	padding-top:20px;
	margin:0 auto;
	/*margin:20px 20px 0px 0px;*/
	text-align:center;
	margin-top:50px; 
	margin-bottom:15px;
	height:15px;
	clear:both;
}
#flags ul li {
	display:inline;
	clear:none;
	padding-right:10px;
}
.flagson img, .flagsoff img {
	border:1px solid #676767;
}
.flagsoff img {
	opacity:0.4;
	filter:alpha(opacity=40);
}
.flagson img {
	border:1px solid #999;
}
.flagsoff:hover img {
	opacity:1.0;
	filter:alpha(opacity=100);
}


/*---------------------------------- PROMOS ----------------------------------*/

#buynow {
	width: 164px;
	height: 52px;
	margin: 0px;
}

#register {
	width: 164px;
	height: 52px;
	margin: 0px;
}

#play-on-facebook {
	width: 164px;
	height: 82px;
	margin: 0px;
}

#skyscrapper {
	width: 160px;
	height: 600px;
	padding: 0px 2px 0px 2px;
}



/*---------------------------------- SPECIFIC LAYOUT WITH 2 COLS ----------------------------------*/
#content.layout2cols #col_center_top,
#content.layout2cols #col_center,
#content.layout2cols #col_center_bottom {
	width: 764px;
}
#content.layout2cols #col_center_content {
	width: 752px;
	background-image: url(bg_col_center_2cols_content.png);
}
#content.layout2cols #col_center_top {
	background-image: url(bg_col_center_2cols_top.png);
}
#content.layout2cols #col_center_bottom {
	background-image: url(bg_col_center_2cols_bottom.png);
}
#content.layout2cols #col_right_orn {
	left: 941px;
}
#content.layout2cols #page_title_bg,
#content.layout2cols #page_content_bot,
#content.layout2cols #page_content_bg {
	width: 746px;
}
#content.layout2cols #page_title_bg {
	background-image: url(bg_box_2cols_title.gif);
}
#content.layout2cols #page_content_bg {
	background-image: url(page_2cols_content_bg.png);
}
#content.layout2cols #page_content_bot {
	width: 746px;
	background-image: url(page_2cols_content_bot.png);
}
#content.layout2cols div.page_content_text {
	width: 708px;
}