body {
	background-image: url(images/pagetile.jpg);
	background-repeat: repeat-x;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-color: #4D6CAF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}

a:link {
	text-decoration: underline;
}
a:visited {
	text-decoration: underline;
}
a:hover {
	text-decoration: none;
}
a:active {
	text-decoration: underline;
}

ul {
	list-style: none;
/*	display: inline; */
}

.tablerightside {
	background: url(../images/box_right_tile.jpg) repeat-y left;
}

.tableleftside {
	background: url(../images/box_left_tilea.jpg) repeat-y left;
}


.bgmenuishin {
	background: url(../images/bgmenu.jpg) no-repeat top left;
}


/* Menu nav for CMS */

/* - don't forget to disable the "Show text" option in the menu plugin of the CMS */

/* STEP 1: Create a DIV  with the width and height of the menu + a background color */
#menu_header { height:34px; width: 889px; margin: 0 0 0 47px;}

/* STEP 2: Reset the UL, LI and link included in the #menu_header (#menu_header can be renamed in the menu plugin */
#menu_header ul, #menu_header li { margin: 0; padding: 0; list-style:none; display: inline; } 
#menu_header a, #menu_header a:link { text-decoration: none; }

/* STEP 3: Create a style per link. The link name is the "URL Name" of the page that can also be changed in the CMS 
   - The way to do it is to create a big image with the main menu + underneath the ON state (check the /images/menu/menu.jpg image
   - You need to know the dimension of all the menu items.
   - The hover state will move the background position of the image to match the ON state
*/
#home a, #home_active a { height:34px; width:79px; background-image:url(../images/menu_all.jpg); display:block;  float: left; }
#home a { background-position: 0 0; } /* This line can be ignored  */
#home a:hover, #home_active a { background-position: 0px 34px; }

/* - The CMS add an _active string to the id of the active menu.  This can be customized in the navigation plugin (default is _active)
	 example: #home is the normal state, #home_active is the ON state.  What I do is set the hover state and the ON style to the same image */

#about-media-specialists a, #about-media-specialists_active a { height:34px; width:169px; background-image:url(../images/menu_all.jpg); display:block;  float: left;}
#about-media-specialists a { background-position: -79px 0; } /* This is calculated with all the previous menu item width. Here there is only one which is 77px. Enter the negative value.  */
#about-media-specialists a:hover, #about-media-specialists_active a { background-position: -79px 34px; }

#products a, #products_active a { height:34px; width:87px; background-image: url(../images/menu_all.jpg); display:block;  float: left;}
#products a { background-position: -248px 0; }  /* This is calculated with all the previous menu item width. Here: 79 + 169 = 248px. Enter the negative value. */
#products a:hover, #products_active a { background-position: -248px 34px; }

#services a, #services_active a { height:34px; width:86px; background-image:url(../images/menu_all.jpg); display:block;  float: left;}
#services a { background-position: -335px 0; } /* You can also take the previous background-position (248) and add the previous width (87) */
#services a:hover, #services_active a { background-position: -335px 34px; }

#faqs a, #faqs_active a { height:34px; width:73px; background-image:url(../images/menu_all.jpg); display:block;  float: left;}
#faqs a { background-position: -421px 0; }
#faqs a:hover, #faqs_active a { background-position: -421px 34px; }

#contact-us a, #contact-us_active a { height:34px; width:104px; background-image:url(../images/menu_all.jpg); display:block;  float: left;}
#contact-us a { background-position: -494px 0; }
#contact-us a:hover, #contact-us_active a { background-position: -494px 34px; }

/* ADDED menu on CMS */

#private-shows a, #private-shows_active a { height:34px; width:126px; background-image:url(../images/menu_all.jpg); display:block;  float: left;}
#private-shows a { background-position: -598px 0; }
#private-shows a:hover, #private-shows_active a { background-position: -598px 34px; }

#client-services a, #client-services_active a { height:34px; width:126px; background-image:url(../images/menu_all.jpg); display:block;  float: left;}
#client-services a { background-position: -724px 0; }
#client-services a:hover, #client-services_active a { background-position: -724px 34px; }

#press-releases a, #press-releases_active a { height:34px; width:125px; background-image:url(../images/menu_all.jpg); display:block;  float: left;}
#press-releases a { background-position: -850px 0; }
#press-releases a:hover, #press-releases_active a { background-position: -850px 34px; }


/* END ADDED menu on CMS */







.sub_box {
	border-top: 1px #aaaaaa solid;
	border-left: 1px #aaaaaa solid;
	border-right: 2px #aaaaaa solid;
	border-bottom: 2px #aaaaaa solid;
}

.main_box_welcomepage_bg {
	background: #d5d5d5 url(../images/bg_mainmenu_right.gif) repeat-x top;
}

.main_box_welcomepage_bg_shorter {
	background: #d8d8d8 url(../images/bg_mainmenu_rightshortversion.gif) repeat-x top;
}

.main_box_welcomepage_bg_rightborder {
	background: url(../images/bg_mainmenu_right_right.gif) repeat-y left;
}

.main_box_welcomepage_bg_ovf {
	background: url(../images/bg_mainmenu_right_rightoverflow.gif) no-repeat left;
	height: 107px; 
	width: 11px;
}

.main_box_welcomepage_bg_ovfshort {
	background: url(../images/bg_mainmenu_right_rightoverflowshorter.gif) no-repeat left;
	height: 55px; 
	width: 11px;
}

.main_box_welcomepage_bg_leftborder {
	background: url(../images/bg_mainmenu_left.gif) repeat-y left;
}

.main_box_welcomepage_bg_leftovf {
	background: url(../images/bg_mainmenu_leftoverflow.gif) repeat-y left;
	height: 107px; 
	width: 11px;
}

.main_box_welcomepage_bg_leftovs {
	background: url(../images/bg_mainmenu_leftoverflowshorter.gif) repeat-y left;
	height: 55px; 
	width: 11px;
}

.main_box_welcomepage_bg_top {
	background: #39589c url(../images/bg_mainmenu_top.gif) repeat-x top;
}

.main_box_welcomepage_bg_topright {
	background: #39589c url(../images/bg_mainmenu_top_rightbg.gif) repeat-y left;
}

form {
	margin: 0;
	padding: 0;
}

.form_textbox {
	background: url(../images/form_text_bg.gif) repeat-x top;
	border: 1px solid #b3b3b3; 
}


/* SUB Menu nav (Update January 19, 2009)*/

/* - don't forget to disable the "Show text" option in the menu plugin of the CMS */

/* STEP 1: Create a DIV  with the width and height of the menu + a background color */
#menu_header1 { height:26px; width: 613px; }

/* STEP 2: Reset the UL, LI and link included in the #menu_header (#menu_header can be renamed in the menu plugin */
#menu_header1 ul, #menu_header1 li { margin: 0; padding: 0; list-style:none; display: inline; }
#menu_header1 a, #menu_header1 a:link { text-decoration: none; }

/* STEP 3: Create a style per link. The link name is the "URL Name" of the page that can also be changed in the CMS 
   - The way to do it is to create a big image with the main menu + underneath the ON state (check the /images/menu/menu.jpg image
   - You need to know the dimension of all the menu items.
   - The hover state will move the background position of the image to match the ON state
*/
#menu_header1 ul #cameras a, #menu_header1 ul #cameras_active a { height:26px; width:114px; background-image:url(../images/submenu1.gif); display:block;  float: left; }
#menu_header1 ul #cameras a { background-position: 0 0; } /* This line can be ignored  */
#menu_header1 ul #cameras a:hover, #menu_header1 ul #cameras_active a { background-position: 0px 26px; }

/* - The CMS add an _active string to the id of the active menu.  This can be customized in the navigation plugin (default is _active)
	 example: #home is the normal state, #home_active is the ON state.  What I do is set the hover state and the ON style to the same image */

#menu_header1 ul #switchers a, #menu_header1 ul #switchers_active a { height:26px; width:114px; background-image:url(../images/submenu1.gif); display:block;  float: left;}
#menu_header1 ul #switchers a { background-position: -114px 0; } /* This is calculated with all the previous menu item width. Here there is only one which is 77px. Enter the negative value.  */
#menu_header1 ul #switchers a:hover, #menu_header1 ul #switchers_active a { background-position: -114px 26px; }

#menu_header1 ul #encoding-servers a, #menu_header1 ul #encoding-servers_active a { height:26px; width:162px; background-image: url(../images/submenu1.gif); display:block;  float: left;}
#menu_header1 ul #encoding-servers a { background-position: -228px 0; }  /* This is calculated with all the previous menu item width. Here: 79 + 169 = 248px. Enter the negative value. */
#menu_header1 ul #encoding-servers a:hover, #menu_header1 ul #encoding-servers_active a { background-position: -228px 26px; }

#menu_header1 ul #software a, #menu_header1 ul #software_active a { height:26px; width:95px; background-image:url(../images/submenu1.gif); display:block;  float: left;}
#menu_header1 ul #software a { background-position: -390px 0; } /* You can also take the previous background-position (248) and add the previous width (87) */
#menu_header1 ul #software a:hover, #menu_header1 ul #software_active a { background-position: -390px 26px; }

#menu_header1 ul #media a, #menu_header1 ul #media_active a { height:26px; width:85px; background-image:url(../images/submenu1.gif); display:block;  float: left;}
#menu_header1 ul #media a { background-position: -485px 0; }
#menu_header1 ul #media a:hover, #menu_header1 ul #media_active a { background-position: -485px 26px; }

#bar { padding: 10px 0; }
div.products_table { display: table; margin: 0 auto; }
ul#products_list { margin:0; padding:0; min-width: 900px; }
ul#products_list li { display: inline; }
ul#products_list li table { display: inline-block; float: left; text-align: center; margin: 5px; height: 110px; }



img { behavior: url(iepngfix.htc); }