@charset "utf-8";
/* CSS Document */

body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-image:url(images/BG.jpg);
	background-color:#FFFFFF;
	background-repeat:repeat-x;
	font-family:Tahoma;
	font-size:12px;
	color:#969696;
}

/* * { margin:0px; padding:0px; border:0px;}*/

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

.body { width:100%;
		height:100%;
		}
		
h1 { font-size:15px;
	 color:#383838;
	 font-weight:bold;}		
	 
h2 { font-size:12px;
	 color:#383838;
	 font-weight:bold;}		
	 
h3 { font-size:12px;
	 color:#000000;
	 font-weight:bold;
	 font-style:italic;
	 text-align:left;}	
h4 { font-size:12px;
	 color:#696969	;
	 font-weight:bold;
	 font-style:italic;}	  
		
.container {width:900px; }	

.top { width:900px;
	   text-align:left;
	   height:126px;}
	   
.content { width:900px;
		   _width:902px;
		   text-align:left;
		   float:left;
		   padding-bottom:20px;
		   }

				   
.menu {float:left;
		width:219px;
		}
				   
html>/**/body .menu .button-pixanalyzer {width:130px; margin-left:0px; margin-top:10px;}
 			   
.menu .button-pixanalyzer {width:130px; margin-left:0px; margin-top:10px;}			   	
			   
.menu .button-pixanalyzer ul { list-style-type:none;}

.menu .button-pixanalyzer li { display:inline; margin:0px; float:left;}	

.menu .button-pixanalyzer .value-button { background:url(images/bg-button.gif) repeat-x;
						height:25px;
						padding:6px 5px 0 5px;
						_width:100px;
						color:#000000;
						font-size:14px;
						font-weight:bold;
						text-align:center;
						}	
						
.menu .button-pixanalyzer .value-button a { color:#000000;
						font-size:14px;
						font-weight:bold;
						text-decoration:none;
						}

		
.bg-detail-menu { background:url(images/bg-detail-menu.jpg) repeat-y;
				  width:219px;
				  }
				  
.menu-detail { width:219px;
			   background:url(images/BG-menu.jpg) no-repeat;
			   min-height:349px;
			   _height:349px;
			   color:#000000;}	
			   
.detail { width:661px;
		  height:990px;
		  padding:10px;
		  background:url(images/BG-detail.jpg) no-repeat;
		  float:left;
		  }	
		  
.part1 { height:240px;}

.part1-pic { float:left;}

.part1-text { float:left;
			  height:230px;
			  padding:5px 10px 5px 15px ;
			  width:380px;}
			  
.part2-left { float:left;
			  background:url(images/part2-box-left.jpg) no-repeat;
			  width:304px;
			  height:259px;
			  padding:10px;}	
			  
.part2-right { float:left;
			   width:317px;
			   height:259px;
			   padding:10px;
			   text-align:center;
			   }
html>/**/body .button-pixanalyzer {width:120px; margin-left:110px; margin-top:60px;}
 			   
.button-pixanalyzer {width:120px; margin-left:40px; margin-top:60px;}			   	
			   
.button-pixanalyzer ul { list-style-type:none;}

.button-pixanalyzer li { display:inline; margin:0px; float:left;}	

.button-pixanalyzer .value-button { background:url(images/bg-button.gif) repeat-x;
						height:25px;
						padding:6px 5px 0 5px;
						_width:60px;
						color:#000000;
						font-size:14px;
						font-weight:bold;
						text-align:center;
						}	
						
.button-pixanalyzer .value-button a { color:#000000;
						font-size:14px;
						font-weight:bold;
						text-decoration:none;
						}
						
html>/**/body .button-pix-eye {width:120px; margin-left:120px; margin-top:30px;}							
						
.button-pix-eye {width:120px; margin-left:60px; margin-top:60px;}			   	
			   
.button-pix-eye ul { list-style-type:none;}

.button-pix-eye li { display:inline; margin:0px; float:left;}	

.button-pix-eye .value-button { background:url(images/bg-button.gif) repeat-x;
						height:25px;
						padding:6px 5px 0 5px;
						_width:60px;
						color:#000000;
						font-size:14px;
						font-weight:bold;
						text-align:center;
						}	
						
.button-pix-eye .value-button a { color:#000000;
						font-size:14px;
						font-weight:bold;
						text-decoration:none;
						}							
						
.part3 { background:url(images/part3.jpg) no-repeat;
		 width:640px;
		 height:433px;
		 float:left;
		 padding:10px 10px 10px 10px;
		 }		
.link-footer{ text-align:right; width:680px; float:right; height:50px; }

.link-footer #group {
	width:680px;
	height:auto;
	float:left;
	margin:10px 0 0 0px;
	display:inline;
	padding:0px;
}
.link-footer #group #line{ width:680px; height:20px; border-bottom:1px #CCCCCC solid; float:left; text-align:left; color:#383838;}
.link-footer #group ul{
	margin:0px;
	padding:0 0 20px 10px;
	height:auto;
	float:left;
	width:160px;
}
.link-footer #group ul li{
	margin:0px;
	padding:2px;
	float:left;
	width:180px;
	text-align:left;
	list-style-type:none;
}

.link-footer a{ color:#969696; text-decoration:none;}		
.link-footer a:hover{ color:#383838; text-decoration:none;}			
						
/******************************** Glossy menu **********************************************/

.glossymenu{
	margin: 0px 0;
	padding: 0;
	width: 219px; /*width of menu*/
}

.glossymenu a.menuitem{
	font: bold 14px  Tahoma;
	color: #000000;
	display: block;
	position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
	width: auto;
	padding: 5px 0px;
	padding-left: 10px;
	text-decoration: none;
	font-weight:bold;
	cursor:pointer;
}

.glossymenu a.menuitem2{
	font: bold 14px  Tahoma;
	background:url(images/over-menu.gif) no-repeat;
	color: white;
	display: block;
	position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
	width: auto;
	padding: 3px 0;
	padding-left: 10px;
	text-decoration: none;

}

.glossymenu .act{
	background-repeat:no-repeat;
	background-position:center;
	background-color:#2ec0d1;
	font: bold 15px  Verdana, Helvetica, sans-serif;
	color: black;
	display: block;
	position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
	width: auto;
	padding: 5px 0;
	padding-left: 10px;
	text-decoration: none;
}



.glossymenu a.menuitem2 .statusicon{ /*CSS for icon image that gets dynamically added to headers*/
	position: absolute;
	top: 5px;
	right: 5px;
	border: none;
}

.glossymenu a.menuitem:visited, .glossymenu .menuitem:active{
	color: black;
	font-weight:bold;
}

.glossymenu a.menuitem .statusicon{ /*CSS for icon image that gets dynamically added to headers*/
	position: absolute;
	top: 5px;
	right: 5px;
	border: none;
}

.glossymenu a.menuitem:hover{
	background-position:center;
	color:#000000;
}

.glossymenu div.submenu{ /*DIV that contains each sub menu*/
	padding:0px 0px 0px 0px;
	line-height:5px;
}

.glossymenu div.submenu ul{ /*UL of each sub menu*/
	list-style-type: none;
    margin: 0 15px;
    padding: 0 0px;
	padding-top:5px;
}

.glossymenu div.submenu ul li{
	height:20px;
}

.glossymenu div.submenu ul li a:link , .glossymenu div.submenu ul li a:visited{
	display: block;
	font: normal 12px Tahoma;
	color: black;
	text-decoration: none;
	padding: 0px 0px 0px 0px;
	margin:0px 0px 0px 5px;
	height:20px;

}

.glossymenu div.submenu ul li a:hover{
	color: #ff2a00;
	width:175px;
	_width:165px;
	margin:0px 0px 0px 5px;
	height:20px;
	display:block;

}

/*----------------------------------------------------------------------------------------------------------*/

.glossymenu div.submenu ul li a.current_page {
	font: normal 14px Verdana, Helvetica, sans-serif;
	padding: 0px 0px 0px 0px;
	margin:0px 0px 0px 5px;
	color: black;
	background-color: #F9852F;
	width:175px;
	_width:165px;
	cursor:pointer;
	font-weight:bold;
}

.sub-submenu { padding-left:20px;
			   color:#000000;
			   font-size:12px;
			   }
			   
.sub-submenu a { font-size:12px;
				 color:#000000;
				 }			   


/********************************************************************************************/