#preloadedImages
{
	width: 0px;
	height: 0px;
	display: inline;
	background-image: url(../images/home.png);
	background-image: url(../images/games.png);
	background-image: url(../images/sales.png);
	background-image: url(../images/company.png);
	background-image: url(../images/contact.png);
	background-image: url(../images/home_hover.png);
	background-image: url(../images/games_hover.png);
	background-image: url(../images/sales_hover.png);
	background-image: url(../images/company_hover.png);
	background-image: url(../images/contact_hover.png);
	background-image: url(../images/home_on.png);
	background-image: url(../images/games_on.png);
	background-image: url(../images/sales_on.png);
	background-image: url(../images/company_on.png);
	background-image: url(../images/contact_on.png);
	background-image: url(../images/home_onhover.png);
	background-image: url(../images/games_onhover.png);
	background-image: url(../images/sales_onhover.png);
	background-image: url(../images/company_onhover.png);
	background-image: url(../images/contact_onhover.png);
	background-image: url(../images/lm_titlebar.png);
	background-image: url(../images/lm_large_background.png);
	background-image: url(../images/menu_top.png);
	background-image: url(../images/submenu_back.png);

}

html 
{
	padding-top: 0px;
}

body 
{
	line-height:1.2;
	margin-right: 0px; 
	margin-left: 0px; 
	margin-top: 0px; 
	margin-bottom: 0px; 
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	padding-right: 0px;

	background-image: url(../images/background.png);
	background-repeat: repeat-x;

	background-color: #c4c6cc;
	position: relative; left: 0; top: 0; z-index: 0;
}	

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

table 
{
	border: 0px;
	border-collapse: collapse;
	font-size: 13px;
}

td, th 
{
	vertical-align: top;
	padding: 0px;
	margin: 0px;
}

body, p, ul, ol, td, li 
{
	font-family: Helvetica, Arial, sans-serif;
	font-size: 13px;
}

body, p 
{
	/*color: #352f28;*/
	color: #000000;
}

p, ul, ol 
{
	margin-top: 0px;
	margin-bottom: 18px;
}

ul, ol, td, li 
{
	/*color: #352f28;*/
	color: #000000;
}

ul, ol, dl 
{
	margin-top: 0px;
//	margin-bottom: 5px;

	margin-right: 0.5em;
	margin-left: 1.2em;
	padding-left: 0;
	padding-right: 0;

	font-size: 12px;
	color: #333;

}

ul 
{
	list-style-type: disc;
	list-style-image: url(../images/li_bullet.png);
	/*behavior: url(iepngfix.htc);*/
	list-style-position: outside;
}

ul li 
{
	margin-left: 0em;
}

ul.inline-ul 
{
	margin-top: -10px;
	margin-bottom: 18px;
}

h1 
{
	font-size: 18px;
	/*color: #090909;*/
	color: #000000;
	font-weight: bold;
	margin-top: 10px;
	margin-bottom: 1px;
	clear: both;
}

h2 
{
	font-size: 13px;
	/*color: #352F28;*/
	color: #000000;
	font-weight: bold;
	margin-top: 0px;
	margin-bottom: 13px;
}

h3
{
	clear: both;
	font-size: 13px;
	/*color: #1b0d00;*/
	color: #000000;
	font-weight: bold;
	margin-top: 0px;
	margin-bottom: 3px;
}

h4 
{
	font-size: 13px;
	/*color: #403828;*/
	color: #000000;
	font-weight: bold;
	margin-top: 0px;
	margin-bottom: 3px;
}

a img 
{
	border: 0px;
}

a 
{
	color: black;
	text-decoration: underline;
}

a:hover 
{
	text-decoration: underline;
}

.page 
{
	position: relative;
	width: 865px;
	min-height: 700px;
	text-align: left;
}

.main-lm 
{
	margin-top: 20px;
	margin-left: 260px;
/*
	<!--[if IE 6]>
	margin-top: 20px;
	margin-left: 260px;
	<![endif]-->

	<!--[if IE 7]>
	float: left;
	margin-top: 20px;
	margin-left: 24px;
	width: 600px;
	<![endif]-->
*/
}

.main-lm .main-top 
{
	margin-bottom: 20px;
	margin-top: 0px;
}

.main-lm .main-top img.friction-game
{
	
	behavior: url(iepngfix.htc);
	width: 82px;
	height: 19px;

	margin-top: 10px;
	margin-bottom: 20px;
}

.main-broad 
{
	float: left;

	margin-top: 20px;
	padding-left: 4px;

	width: 850px;
}

.main-broad .main-top 
{
}

.main-broad .main-top img.friction-game-studios 
{
	behavior: url(iepngfix.htc);
	margin-bottom: 20px;
	width: 250px;
	height: 30px;
	/*
	width: 244px;
	height: 24px;
	*/
}

.main-broad .main-top img.contact-us 
{
	behavior: url(iepngfix.htc);
	margin-bottom: 20px;
	width: 124px;
	height: 18px;
}

.main-broad .main-top img.company-title 
{
	behavior: url(iepngfix.htc);
	margin-bottom: 20px;
	width: 101px;
	height: 18px;
}

.main-broad .main-top img.sales-support
{
	behavior: url(iepngfix.htc);
	margin-bottom: 20px;
	width: 163px;
	height: 24px;
}

.main-broad .main-col-left, 
.main-broad .main-col-right 
{
	width: 381px;
	float: left;
}

div.left-menu 
{
	float: left;
	margin-top: 15px;
	padding-left: 0px; /*padding-left: 6px;*/

	/*background: url(../images/lm_titlebar.png) 6px 2px no-repeat;*/
	background: url(../images/lm_titlebar.png) 0px 2px no-repeat;
	behavior: url(iepngfix.htc);
	width: 219px; /*width: 219px;*/ /*width: 223px;*/
	height: 40px;
}

/* When left-menu is both floated and relatively positioned, IE6 does not like absolutely positioned drop shadows. One more extra div solves it. */
div.left-menu-iefix 
{
	position: relative;
	width: 223px; /* IE6 needs this */
}

.left-menu .top-menu-level-1,
.left-menu .top-menu-level-2 
{
	display: none;
}

.left-menu .left-menu-top 
{
	padding-left: 80px; /*27px */
	padding-top: 15px;
	padding-bottom: 9px;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 16px;
	line-height: 17px;
	/*color: #dddddd;*/
	color: #ddd5c9;
	font-weight: normal;

	min-height: 18px;
	max-height: 18px;
	white-space: nowrap;
}

.left-menu-body-leftside,
.left-menu-body-rightside 
{
	position: absolute;
	width: 4px;
	height: 53px;
	top: 55px;
}

.left-menu-body-leftside 
{
	background: url(../images/lm_drop_left_1.png) top left no-repeat;
	left: 6px;
}

.left-menu-body-rightside 
{
	background: url(../images/lm_drop_right_1.png) top right no-repeat;
	left: 221px;
}

.left-menu .left-menu-body-short,
.left-menu .left-menu-body-medium,
.left-menu .left-menu-body-tall 
{
	margin-top: -2px;
	background-color:red;

	padding-top: 0px; /*padding-top: 20px;*/
	padding-bottom: 10px;
	padding-left: 77px;

	font-family: Helvetica, Arial, sans-serif;
	font-size: 18px;
	font-weight: normal;

	/*color: #dddddd;*/
	color: #e8e1cd;

	/* ORIG*/
    /*
	margin-top: -2px;
	background-color:red;

	padding-top: 0px;
	padding-bottom: 20px;
	padding-left: 0px;

	font-family: Helvetica, Arial, sans-serif;
	font-size: 16px;
	font-weight: normal;
	*/
}

.left-menu .left-menu-body-tall 
{
	background: url(../images/lm_large_background.png) bottom left no-repeat;
	behavior: url(iepngfix.htc);
	width: 219px;
	height: 40px; /*height: 675px;*/
}

.left-menu .left-menu-body-medium 
{
	background: url(../images/lm_med_background.png) bottom left no-repeat;
}

.left-menu .left-menu-body-short 
{
	background: url(../images/lm_tiny_background.png) bottom left no-repeat;
}

.left-menu a.menu-item,
.left-menu a.menu-item-on 
{
	display: block;
	margin-left: 12px;
	margin-right: 16px;
	padding-left: 15px;
	padding-top: 5px;
	padding-bottom: 5px;
	max-height: 30px;
	white-space: nowrap;
	color: #d0d0d0;
	text-decoration: none;
}

.left-menu a.menu-item:hover 
{
	color: #eeeeee;
}

.left-menu a.menu-item-on 
{
	color: #dddddd;
	background-color: #56575b;
}

.left-menu a.menu-item-on:hover 
{
	color: #dfdfdf;
	text-decoration: none;
}

.left-menu a 
{
}

div.left-wb-top 
{ 
	margin-top:20px;
	background: url(../images/wb_menu_t.png) bottom left no-repeat; height:7px;
}

.top-menu 
{
	white-space: nowrap;
	margin-top: 0px;
	table-layout: fixed;
}
.top-menu img.banner 
{
	margin-top: 0px;
	margin-bottom: 0px;
	width: 805px;
	height: 200px;
}
.top-menu .top-menu-leftedge 
{
	background: url(../images/menu_left.png);
	behavior: url(iepngfix.htc);
	width: 5px;
	height: 63px;
}

.top-menu .top-menu-rightedge 
{
	background: url(../images/menu_right.png);
	behavior: url(iepngfix.htc);
	width: 5px;
	height: 63px;
}

.top-menu .top-menu-level-1 
{
	background: url(../images/menu_top.png) repeat-x;
	width: 795px;
	height: 35px; /*height: 44px;*/
}

.top-menu .top-menu-level-1 .top-menu-level-2,
.top-menu .top-menu-level-3 
{
	display: none;
}

.top-menu .top-menu-level-1 .menu-item-home,
.top-menu .top-menu-level-1 .menu-item-home-on,
.top-menu .top-menu-level-1 .menu-item-games,
.top-menu .top-menu-level-1 .menu-item-games-on,
.top-menu .top-menu-level-1 .menu-item-sales,
.top-menu .top-menu-level-1 .menu-item-sales-on,
.top-menu .top-menu-level-1 .menu-item-company,
.top-menu .top-menu-level-1 .menu-item-company-on,
.top-menu .top-menu-level-1 .menu-item-contact,
.top-menu .top-menu-level-1 .menu-item-contact-on
{
	float: left;
	height: 35px;
	margin-bottom: 0px;
	padding-bottom: 0px;
}
/*
.top-menu .top-menu-bottom-edge 
{

	background: url(../images/menu_bottom_edge.png) repeat-x;
	width: 3px;
	height: 3px;
}
*/
.top-menu .top-menu-level-1 .menu-item-home 
{
	background: url(../images/home.png);
	width: 67px;
	margin-left: 16px;
}

.top-menu .top-menu-level-1 .menu-item-home:hover 
{
	background: url(../images/home_hover.png);
}

.top-menu .top-menu-level-1 .menu-item-home-on 
{
	background: url(../images/home_on.png);
	width: 67px;
	margin-left: 16px;
}

.top-menu .top-menu-level-1 .menu-item-home-on:hover 
{
	background: url(../images/home_onhover.png);
}

.top-menu .top-menu-level-1 .menu-item-games
{
	background: url(../images/games.png);
	width: 77px;
}

.top-menu .top-menu-level-1 .menu-item-games:hover 
{
	background: url(../images/games_hover.png);
}

.top-menu .top-menu-level-1 .menu-item-games-on 
{
	background: url(../images/games_on.png);
	width: 77px;
}

.top-menu .top-menu-level-1 .menu-item-games-on:hover 
{
	background: url(../images/games_onhover.png);
}

.top-menu .top-menu-level-1 .menu-item-sales
{
	background: url(../images/sales.png);
	width: 132px;
}

.top-menu .top-menu-level-1 .menu-item-sales:hover 
{
	background: url(../images/sales_hover.png);
}

.top-menu .top-menu-level-1 .menu-item-sales-on 
{
	background: url(../images/sales_on.png);
	width: 132px;
}

.top-menu .top-menu-level-1 .menu-item-sales-on:hover 
{
	background: url(../images/sales_onhover.png);
}

.top-menu .top-menu-level-1 .menu-item-company
{
	background: url(../images/company.png);
	width: 97px;
}

.top-menu .top-menu-level-1 .menu-item-company:hover 
{
	background: url(../images/company_hover.png);
}

.top-menu .top-menu-level-1 .menu-item-company-on 
{
	background: url(../images/company_on.png);
	width: 97px;
}

.top-menu .top-menu-level-1 .menu-item-company-on:hover 
{
	background: url(../images/company_onhover.png);
}

.top-menu .top-menu-level-1 .menu-item-contact
{
	background: url(../images/contact.png);
	width: 84px;
}

.top-menu .top-menu-level-1 .menu-item-contact:hover 
{
	background: url(../images/contact_hover.png);
}

.top-menu .top-menu-level-1 .menu-item-contact-on 
{
	background: url(../images/contact_on.png);
	width: 84px;
}

.top-menu .top-menu-level-1 .menu-item-contact-on:hover 
{
	background: url(../images/contact_onhover.png);
}

.top-menu .top-menu-level2 
{
	background: url(../images/submenu_back.png) repeat-x;
	//height: 24px;
	margin-top: 0px;
	margin-bottom: 0px;

	padding-left: 23px;

	padding-top: 3px; 

	font-size: 12px;
	letter-spacing: 0.09em;
 	font-family: Helvetica, Arial, sans-serif;
	font-weight: normal;
}

.top-menu .top-menu-level-2 .menu-item,
.top-menu .top-menu-level-2 .menu-item-on 
{
	float: left;
	padding-left: 0px;
	padding-right: 22px;
	max-height: 12px;
	white-space: nowrap;
}

.top-menu .top-menu-level-2 a 
{
	color: #9ea0a3;
}

.top-menu .top-menu-level-2 .menu-item-on a 
{
	color: #d4d6d9;
}

.top-menu .top-menu-level-2 a:hover 
{
	color: #d4d6d9;
	text-decoration: none;
}

.top-menu .top-menu-level-2 .menu-item-on a:hover 
{
	color: #dddddd;
	text-decoration: none;
}

.top-menu a 
{
	text-decoration: none;
}