/* Set's border, padding and margin to 0 for all values */
* {
	padding: 0px;
	margin: 0px;
	border: 0px;
}

body, html {
	background-color: #EEEEEE;
	text-align: left; /*** When set to "center", centers the design in old IE versions ***/
	height: 100%; /*** Will fill window pane if body is shorter than client window ***/
}

td {
	vertical-align: top;
	text-align: left;
}
td.top_right {
	vertical-align: top;
	text-align: right;
}
td.bottom_left {
	vertical-align: bottom;
	text-align: left;
}
td.bottom_right {
	vertical-align: bottom;
	text-align: right;
}

*#logo {
	position: absolute;
	top: 105px;
	left: 725px;
	width: 69px;
	height: 60px;
	background-image: url(../images/logo_vista_product.gif);
	background-repeat: no-repeat;
	display: inline;
}

div#mainContainer {
	width: 860px;
margin: 0; /*** Centers the design ***/
	min-height: 100%;
	background: #FFFFFF;
	text-align: left; /*** Because we may have centered the text in body we have to move the text back to left aligning ***/
}

* html div#mainContainer {
	height: 100%; /*** IE doesn't support min-height, but instead it handles height as min-height so we need to hack the height ***/
}

/**************************
HEADER
**************************/
div#header {
	background: #666666;
	height: 90px;
}

/**************************
CONTENT AND COLUMNS
**************************/
div.outer {
	padding-left: 215px;
	background: #FFFFFF; /* Old IE? */
}

div.inner {
	width: 645px; /*** This width is for non-IE browsers. Mozilla makes this necessary. Be sure to check your layout in different browsers if you changes this value. Especially IE7 seems to create a horisontal scroll if this value is set too large ***/
}

* html div.inner {
	width: 100%;
}
/*** div.inner is wider than its container, div.outer, and so overlaps to the right, pushing
div.right into the proper position. IE expands div.outer instead, requiring a Tan hack to avoid 
blowing the layout apart. IE gets the original 100% width as in the Livingstone layout.
***/

div.float-wrap {
	float: left;
	width: 860px;
	margin-left: -215px; /*** Same length as .outer padding-left but with negative value ***/
	background: #FFFFFF; /* FIREFOX renders incorrect without this! */
}

* html div.float-wrap {
	/*** No need for hacking IE on this layout ***/
}

div#content {
	float: right;
	width: 615px;
/* background: #fff; */
	margin-top: 30px;
	margin-bottom: 30px;
	margin-right: 30px;
}

* html div#content {
position: relative; /*** IE needs this  ***/  /* Old? */
margin-right: 15px; /* IE6 doubles this value? */
}

#language {
position:absolute;
left: 799px;
top:94px;
width:100px;
}

/**************************
MAIN MENU
**************************/
div#navigation_menu {
	position: absolute;
	background-image: url(../images/bg_menu_vignette.gif);
	background-repeat: repeat-x;
	background-color: #FFFFFF;
	float: left;
	top: 0px;
	left: 13px;
	width: 160px;
	min-height: 302px;
	margin:0;
	padding: 10px 0px 0px 10px;
}

* html div#navigation_menu {
	/* width: 170px; */
	height: 302px;
}

div#subnav {
	border-left: 3px solid #D9D9D9;
	padding-left: 8px;
	margin-top: 43px;
	margin-bottom: 43px;
}

/**************************
LANGUAGE SELECTOR
**************************/
div#language_selector {
	left: 783px;
	top: 99px;
	position: absolute;
	z-index: 500;
	width: 75px;
}

/**************************
FOOTER
**************************/
div#footer {
	width: 860px;
	text-align: left;
	background-color: #FFFFFF;
	min-height: 30px;
	float: left;
}
* html div#footer {
	height: 30px;
}

div#footer span.copyright {
	float: left;
	margin: 8px 8px 0px 210px;
}
div#footer span.info_link {
	float: left;
	margin: 8px 8px 8px 160px;
}
div#footer span.topofpage {
	float: right;
	margin: 8px 8px 0px 0px;
}
div#footer span.msgold_disclaim {
	/* Position & Hide MS Gold Partner Disclaimer */
	float: left;
	clear: both;
	margin: 8px 0px 0px 210px;
	display: none;
}

/**************************
PAGE GENERIC CONTENT STYLES
**************************/
div#header{
	background:	#FFFFFF url(../images/banner_home_flash_leftimg.jpg) no-repeat scroll 0px 0px;
}

div#left_column{
	position: relative;
	float: left;
	width: 423px; /* Default width of left column */
}
/*** div.left is in div.float-wrap, and when div.float-wrap is neg margined to the left, 
div.left is carried over into the proper position. 
***/

div#right_column{
	position: relative;
	margin-left: 30px;
	float: left;
	top: 10px;
	width: 160px; /* Default width of right column */
}

/* FILL BOXES */

*.fill_box_narrow { /* N.B.  If altering, update left & right padding of narrow event box image */
	width: 146px;
}

*.fill_box_medium {
	width: 160px;
}

*.fill_box_large {
	width: 178px;
}

/* EVENT BOXES */

*#event_box.fill_box_narrow a img {
	padding: 0px 4px 0px 4px;
}

*#event_box.fill_box_large a img {
	padding-top: 3px; /* This only works in IE */
	clear: both;
	padding-bottom: 3px;
}

/**************************
PAGE-SPECIFIC CONTENT AREA
**************************/
/*HOMEPAGE*/

*#pg_home div#header *#flash {
	margin-left: 183px;
}
*#pg_home div#footer {
	bottom: 0px;
	position: absolute;
}

*#pg_home *#logo {
	display: none;
}

*#pg_home div#left_column {
	width: 320px;
}
*#pg_home div#right_column {
	width: 263px;
}

/*SOLUTIONS*/

*#pg_solutions div#header {
	background: transparent url(../images/banner_solutions.jpg) no-repeat scroll 0px 0px;
}
*#pg_solutions.cinema div#header, *#pg_solutions.cinema_detail div#header, *#pg_solutions.cinema_screenshot div#header {
	background: transparent url(../images/banner_sol_cinema.jpg) no-repeat scroll 0px 0px;
}
*#pg_solutions.lite div#header, *#pg_solutions.lite_detail div#header, *#pg_solutions.lite_screenshot div#header {
	background: transparent url(../images/banner_sol_cinemalite.jpg) no-repeat scroll 0px 0px;
}
*#pg_solutions.software div#header {
	background: transparent url(../images/banner_development.jpg) no-repeat scroll 0px 0px;
}

*#pg_solutions *#logo {
	/* MS Gold Partner Only */
	position: absolute;
	top: 105px;
	left: 656px;
	width: 170px;
	height: 60px;
	background-image: url(../images/logo_vista_product_msgold.gif);
	background-repeat: no-repeat;
	display: inline;
}
*#pg_solutions.cinema_detail *#logo, *#pg_solutions.lite_detail *#logo, *#pg_solutions.cinema_screenshot *#logo, *#pg_solutions.lite_screenshot *#logo {
	display: none;
}
*#pg_solutions.default div#footer, *#pg_solutions.cinema div#footer, *#pg_solutions.lite div#footer, *#pg_solutions.software div#footer {
	/* MS Gold Partner Only */
	min-height: 56px;
}
* html *#pg_solutions.default div#footer, * html *#pg_solutions.cinema div#footer, * html *#pg_solutions.lite div#footer, * html *#pg_solutions.software div#footer {
	/* MS Gold Partner Only */
	height: 54px;
}
*#pg_solutions.default div#footer span.msgold_disclaim, *#pg_solutions.cinema div#footer span.msgold_disclaim, *#pg_solutions.lite div#footer span.msgold_disclaim, *#pg_solutions.software div#footer span.msgold_disclaim {
	/* MS Gold Partner Only */
	display: inline;
}

*#pg_solutions.default div#left_column, *#pg_solutions.cinema div#left_column, *#pg_solutions.lite div#left_column {
	width: 331px;
}
*#pg_solutions.default div#right_column, *#pg_solutions.cinema div#right_column, *#pg_solutions.lite div#right_column {
	width: 252px;
}
*#pg_solutions.cinema_screenshot div#left_column, *#pg_solutions.lite_screenshot div#left_column {
	width: 613px;
}
*#pg_solutions.cinema_screenshot div#right_column, *#pg_solutions.lite_screenshot div#right_column {
	display: none;
}

/* Solutions: Product Group Side-Boxes */

*#pg_solutions.default *#right_column a img {
	margin-bottom: 5px;
}

/*NEWS & MEDIA*/

*#pg_news div#header {
	background: transparent url(../images/banner_news.jpg) no-repeat scroll 0px 0px;
}

*#pg_news *#logo {
	display: none;
}
*#pg_news.media *#logo {
	display: inline;
}

*#pg_news div#left_column {
	width:405px;
}
*#pg_news div#right_column {
	width: 178px;
}
*#pg_news.article_thridparty div#left_column {
	width: 613px;
}
*#pg_news.article_thridparty div#right_column {
	display: none;
}

/*OUR CUSTOMERS*/

*#pg_customers div#header {
	background: transparent url(../images/banner_customers.jpg) no-repeat scroll 0px 0px;
}

*#pg_customers *#logo {
	background-image: url(../images/logo_vista_corporate.gif);
}

*#pg_customers.screenshot div#left_column {
	width: 613px;
}
*#pg_customers.screenshot div#right_column {
	display: none;
}

/*ABOUT US*/

*#pg_about_us div#header {
	background: transparent url(../images/banner_about.jpg) no-repeat scroll 0px 0px;
}

*#pg_about_us *#logo {
	display: none;
}

*#pg_about_us.advert div#left_column {
	width: 405px;
}
*#pg_about_us.advert div#right_column {
	width: 178px;
}
*#pg_about_us.team div#left_column {
	width: 613px;
}
*#pg_about_us.team div#right_column {
	display: none;
}

/*CONTACT US*/

*#pg_contact div#header {
	background: transparent url(../images/banner_contact.jpg) no-repeat scroll 0px 0px;
}

*#pg_contact *#logo {
	background-image: url(../images/logo_vista_corporate.gif)
}

*#pg_contact.world_map div#left_column {
	width: 613px;
}
*#pg_contact.world_map div#right_column {
	display: none;
}

*#pg_contact.world_map table {
	background-color: #5D5C71;
	background-image: none;
}
*#pg_contact.world_map table table {
	background-image: url(../images/bg_world_map.gif);
	background-position: top left;
	background-repeat: repeat-y;
	width: 420px;
}
*#pg_contact.world_map div#o1, *#pg_contact.world_map div#o2, *#pg_contact.world_map div#o3, *#pg_contact.world_map div#o4, *#pg_contact.world_map div#o5, *#pg_contact.world_map div#o6, *#pg_contact.world_map div#o7, *#pg_contact.world_map div#o8, *#pg_contact.world_map div#o9, *#pg_contact.world_map div#o10 {
	display: none;
}