body {
	margin: 0 0 0 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 18px;
	color: #c7c7c7;
	background: #000000 url(../images/bgstripes.gif);
}

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

a:link {
	color: #8c8c8c;
	text-decoration: underline;
}
a:visited {
	text-decoration: underline;
	color: #8c8c8c;
}
a:hover {
	text-decoration: none;
	color: #8c8c8c;
}
a:active {
	text-decoration: underline;
	color: #8c8c8c;
}

#wrapper {
	background: url(../images/bgredblack.gif) repeat-x top;
	padding: 10px 0px 0px 0px;
}

.tabletop {
	background: url(../images/panel_top.png) no-repeat top left;
}

.tablemiddle {
	background: url(../images/panel_middle.gif) repeat-y left;
	padding: 37px 88px 0px 60px;
}

.tablebottom {
	background: url(../images/panel_bottom.png) no-repeat top left;
	padding: 73px 0px 33px 0px;
	color: #8c8c8c;
}

.content {
	margin: 23px 0px 0px 15px;
	width: 429px;
}

.menulinkleft {
	padding: 32px 0 0 0px;
}

.menulinkleft_service {
	margin: 0 0 0 59px;
}

.menulinkright {
	padding: 32px 0px 0px 0px;
}

.menulinkrighttop {
	margin: 10px 38px 0px 0px;
}

.fontred {
	color: #e40610;
}

ul, li {
padding: 0;
list-style: none;
}

/* MENU HEADER (LEFT) CSS 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_headerleft { height:11px; width: 224px; }

/* STEP 2: Reset the UL, LI and link included in the #menu_headerleft (#menu_headerleft can be renamed in the menu plugin */
#menu_headerleft ul, #menu_headerleft li { margin: 0; padding: 0; list-style:none; display: inline; } 
#menu_headerleft a, #menu_headerleft 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
*/
#services a, #services_active a { height:11px; width:114px; background-image: url(../images/menulink_left.png); display:block;  float: left; margin: 0px 0px 0px 0x; }
#services a { background-position: 0 0; } /* This line can be ignored  */
#services a:hover, #services_active a { background-position: 0px 11px; }

/* - 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 */

#gallery a, #gallery_active a { height:11px; width:110px; background-image: url(../images/menulink_left.png); display:block;  float: left;}
#gallery a { background-position: -114px 0; } /* This is calculated with all the previous menu item width. Here there is only one which is 114px. Enter the negative value.  */
#gallery a:hover, #gallery_active a { background-position: -114px 11px; }


/* STOP MENU HEADER (LEFT) ABOVE */



/* START MENU HEADER (RIGHT) CSS 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_headerright { height:11px; width: 270px; }

/* STEP 2: Reset the UL, LI and link included in the #menu_headerleft (#menu_headerleft can be renamed in the menu plugin */
#menu_headerright ul, #menu_headerright li { margin: 0; padding: 0; list-style:none; display: inline; } 
#menu_headerright a, #menu_headerright 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
*/
#support a, #support_active a { height:11px; width:140px; background-image: url(../images/menulink_right.png); display:block;  float: left; }
#support a { background-position: 0 0; } /* This line can be ignored  */
#support a:hover, #support_active a { background-position: 0px 11px; }

/* - 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 */

#aboutvult a, #aboutvult_active a { height:11px; width:130px; background-image: url(../images/menulink_right.png); display:block;  float: left;}
#aboutvult a { background-position: -140px 0; } /* This is calculated with all the previous menu item width. Here there is only one which is 77px. Enter the negative value.  */
#aboutvult a:hover, #aboutvult_active a { background-position: -140px 11px; }