#mainbody{
  background: #0080C0;
  margin-top: 0px;
  margin-bottom: 0px;
  
}

#mainframe {
  width: 816px;
  float: left;
  background-image: url(../images/border_right.jpg); 
}

#encloseframe {
  width: 792px;
  height: 100%;
  float: left;
  background-image: url(../images/border_left.jpg);
}

#maincontent {
  width: 768px;
  height: 100%;
  float: right;
 
}

	#banner {
	  width: 768px;
	  height: 79px;
	  float: left;
	  background-color: white;
	}
	
	#bannerbot{
	  width: 768px;
	  height: 25px;
	  float: left;
	  background-image: url(../images/banner_bottom.jpg);
	  padding:0px;
	}
	
	#boxsalescontainer {
		padding: 10px;
		padding-left: 170px;
		float: left;
		width: 300px;
		font-size: 10px;
		
	}
		#boxsalescontainer div {
			padding: 10px;
			padding-left: 20px;
			border: 2px solid #C0C0C0;
			//border-left: 3px solid #C0C0C0;
			//border-right: 3px solid #C0C0C0;
			width: 200px;
			
		}
		
		.tableproducts {
			padding: 0px;
			
			background: WHITE;
			border: 1px solid #c0c0c0;
		}
		
		.tableproducts th {
			text-align: center;
		}
		.tableproducts  td {
			text-align: center;
			margin: 0px;
			padding:0px;
			
			border-top: 1px solid #c0c0c0;
		}
		#navsite {
		  width: 768px;
		  float:left;
		  height: 24px;
		  font: normal 11px Verdana, sans-serif;
		  background: #99CCFF;
		  /* background-image: url(../images/banner_bottom.jpg); */		  
		}
			
		
			#nav, #nav ul { 
			  padding: 0px;
			  margin: 0;
			  list-style: none; 
			  
			  float: right;
			}
			
			#nav a { 
			  display: block; 
			  text-align: center;
			  text-decoration: none;
			  border: 1px #99CCFF solid;
			  padding: 2px;d
			  padding-left: 5px;
			  padding-right: 5px;
			  color: #004E9B;	  
			} 
			
			#nav a:hover { 
			  color: white;
			  border: 1px #B0D8FF;
			  background: #82C0FF;
			} 
			
			#nav li { 
			  float: left; 
			  padding: 2px;
			  padding-left: 4px;
			} 
		
			#nav #current a { 
			  color: WHITE;
			  border: 1px #B0D8FF solid;
			  background: #0060BF;  
			} 
	
			#nav #current a:hover { 
			  color: WHITE;
			  border: 1px #B0D8FF solid;
			  background: #0060BF;  
			} 
			
	#content {
	  	width: 768px;
	  	background: white;
	  	position: relative;
	  	float: left;
	  	padding-top:5px;
	  	padding-bottom:5px;
	  	
 	
	}
	
		#toppanel {
		  width: 758px;
		  
		  background: WHITE;
		  text-align: right;
		  font: Bold 16px Arial, sans-serif;
		  padding-right: 10px;
		  border-bottom: 1px DASHED #C0C0C0;
		  margin-bottom: 10px;
		  padding-bottom: 1px;
		  float: left;
		  color:BLACK:
		  
		}
		
		#leftpanelcont {
		  width: 160px;
		  background: WHITE;
		  float: left;
		}
		
			#paneltop {
			  width: 160px;
			  height: 12px;
			  float: left;
			  font: Bold 1px Verdana, sans-serif;
			  background-image: url(../images/left_panel_top.jpg);
			}
			
			#leftpanel {
			  width: 158px;
			  float: left;
			  background: WHITE;
			  padding-top: 2px;
			  border-left: 1px SOLID #C0C0C0;
			  border-right: 1px SOLID #C0C0C0;
			  border-bottom: 1px SOLID #C0C0C0;
			  background-image: url(../images/left_panel_back.jpg);
			  
			}
				
				#paneltitle {
				  width: 150px;
				  float: left;
				  color: #494949;
				  font: Bold 11px Verdana, sans-serif;
				  padding-left: 5px;
				  
				}
				
				#panelbreak {
			  	  width: 158px;
			  	  height: 2px;
			  	  margin-bottom: 10px;
		  		  float: left;
		  		  background-image: url(../images/left_panel_break.jpg);
		  		  font: Normal 1px Verdana, sans-serif;
				}
				
				#panelcontent {
				  width: 155px;
				  float: left;
				  color: BLACK;
				  font: Normal 11px Verdana, sans-serif;
				  margin-bottom: 5px;
				}
				
					#panelcontent div {
					  	padding:5px;
					}
					
					#panelcontent a:link {
					 color: #FF0000; 
					 text-decoration: none;
					}
					
					#panelcontent a:visited {
					 color: #FF0000;
					 text-decoration: none;
					}
					
					#panelcontent a:link:hover, a:visited:hover {
					 color: #FF6600;
					 
					}
					
					#panelcontent a:link:active, a:visited:active {
					 color: #339966;
					}
				
		
			
		
			#lpnav, #lpnav ul { 
			  padding: 0px;
			  margin: 0;
			  list-style: none; 
			  font: normal 11px Verdana, sans-serif;
			  float: left;
			  margin-bottom: 10px;
			}
			
			#lpnav a { 
			  display: block; 
			  text-align: left;
			  text-decoration: none;
			  border: 1px #99CCFF solid;
			  padding: 2px;
			  padding-left: 5px;
			  padding-right: 5px;
			  color: #004E9B;	  
			} 
			
			#lpnav a:hover { 
			  color: white;
			  border: 1px #B0D8FF solid;
			  background: #0060BF;
			} 
			
			#lpnav li { 
			  float: left; 
			  padding: 2px;
			  width: 152px;
			  padding-left: 4px;
			} 
			
			
			#lpnav #current a { 
			  color: WHITE;
			  border: 1px #B0D8FF solid;
			  background: #0060BF;  
			} 
	
			#lpnav #current a:hover { 
			  color: WHITE;
			  border: 1px #B0D8FF solid;
			  background: #0060BF;  
			} 
			
		#rightpanel {
		  width: 600px;
		  background: WHITE;
		  float: right;		  
		}
		
			#subjecttitle {
			  width: 598px;
			  height: 23px;
			  float: left;
			  color: #006393;
			  border-top: 1px SOLID #D7F2FF;
			  border-bottom: 1px SOLID #D7F2FF;
			  /* background-image: url(../images/subject_titleback.jpg); */
			}
			
				#subjecttitle_left {
				  width: 23px;
				  height: 23px;
				  float: left;  
				  background-image: url(../images/content_bullet.jpg);
				}	
				
				#subjecttitle_label {
				  float: left;
				  font: Bold 16px Arial;
				  margin-top: 2px;
				  margin-left: 3px;
				  
				}
				
				
			
			#subjectcontent {
			  width: 596px;
			  float: left;
			  color: #363636;
			  font: Normal 13px Verdana, Sans-serif;
			  padding-top: 10px;
			  padding-bottom: 10px;
			  padding-left: 2px;
			  background-color: WHITE;
			  background-image: url(../images/diskback.jpg);
			  background-repeat: no-repeat;
			  background-position: bottom right;
			  margin-bottom: 5px;

			}
			
				#subjectcontent p {
				  	text-indent: 2em;
				  	text-align: justify;
				  	margin-top: 5px;
				  	margin-left: 5px;
				  	margin-right: 5px;
				  	margin-bottom: 5px;	
				}

				#subjectcontent div {
				   	margin-top: 5px;
				  	margin-left: 5px;
				  	margin-right: 5px;
				  	margin-bottom: 5px;
				}
			
				
				
				#subjectcontent a:link {
				 color: #008000; 
				 text-decoration: none;
				}
				
				#subjectcontent a:visited {
				 color: #008000;
				 text-decoration: none;
				}
				
				#subjectcontent a:link:hover, a:visited:hover {
				 color: #808080;
				 
				}
				
				#subjectcontent a:link:active, a:visited:active {
				 color: #339966;
				 
				}
			
	#credits {
	  width: 768px;
	  height: 50px;
	  float: left;
	  background-image: url(../images/credit.jpg);
	}
	
		#credits div {
		  margin-top: 10px;
		  font: Normal 11px Verdana, sans-serif;
	  	  color: BLACK;
	  	  text-align: center;
		}

#leftbordertop {
  	width: 33px;
  	height: 23px;
  	background-image: url(../images/border_left_top.jpg);
  	float: left;	
}

#bordertop {
    width: 750px;
    height: 23px;
  	background-image: url(../images/border_top.jpg);
  	float: left;
}

#rightbordertop {
  	width: 33px;
  	height: 23px;
  	background-image: url(../images/border_right_top.jpg);
  	float: left;
}

#leftborderbottom {
  	width: 33px;
  	height: 23px;
  	background-image: url(../images/border_left_bottom.jpg);
  	float: left;
  	
}

#borderbottom {
    width: 750px;
    height: 23px;
  	background-image: url(../images/border_bottom.jpg);
  	float: left;
}

#rightborderbottom {
  	width: 33px;
  	height: 23px;
  	background-image: url(../images/border_right_bottom.jpg);
  	float: left;
  	
}
.brag {
  font: Bold 16px Verdana, sans-serif;
  color: #008000;
  
}

#certcontainer {
   /* fonts */
   text-align:center; 
   font-family: tahoma; arial, sans-serif; 
   font-size:12px; 
   letter-spacing:0.05em;
   
   /* container */
   
   position:relative; 
    width:580px; 
    height:520px; 
    margin:20px auto 0 auto; 
    border:1px solid #aaa;
    
 	background-image: url(../images/certwall.gif);
    background-repeat: no-repeat;
   
}

	#certcontainer div {
	    font-size: 11px;
		color: #808080;
		margin: 0px;
	}
	
	#certcontainer img {
	  	border: 2px SOLID BLACK;
	}
	
	#certcontainer ul {
	    padding:0; 
	    margin:0; 
	    list-style-type:none; 
	}
	
	#certcontainer a.cert span {
	    position:absolute; 
	    width:1px; 
	    height:1px; 
	    top:5px; 
	    left:5px; 
	    overflow:hidden; 
	    background:#fff;
    }
    
    /* thumbnails */
    
    #certcontainer a.cert, #certcontainer a.cert:visited {
	    display:block; 
	    color:#000; 
	    text-decoration:none; 
	    border:1px solid #000; 
	    margin:1px 2px 1px 2px; 
	    text-align:left; 
	    cursor:default;
    }
    

    #certcontainer a.one {
	    background:url(../images/certificate/iqnet_thumb.gif); 
	    height: 123px; 
	    width:87px;
    }
    
    #certcontainer a.two {
	    background:url(../images/certificate/psb_thumb.gif); 
	    height: 123px; 
	    width:87px;
    }
    
    #certcontainer a.three {
	    background:url(../images/certificate/ntfside_thumb.gif); 
	    height: 123px; 
	    width:87px;
    }
    
    #certcontainer a.four {
	    background:url(../images/certificate/ntfsscsi_thumb.gif); 
	    height: 123px; 
	    width:87px;
    }
    
    /* endof thumbnails */


	/* thumbnail option */
	
	#certcontainer ul {
	    width:87px; 
	    height:520px;
	    
	    margin:5px; 
    	float:right;
	}
	#certcontainer li {
	    float:left;
	}
	
	#certcontainer a.cert:hover {
    	border:1px solid #fff; 
    }
	/* endof thumbnail option */
	
	
	/* styling the :hover span */
	#certcontainer a.cert:hover span {
	    position:absolute; 
	    width:290px; 
	    height:480px; 
	    top:40px; 
	    left:92px; 
	    color:#000; 
	    background:#fff;
  	}

#logincontainer {
  width: 250px;
  height: 140px;
  margin-top: 60px;

  float: left;
  font: Normal 12px Verdana, sans-serif;
  background-image: url(../images/loginback.gif);
}
	
	#loginmessage {
	  	margin-top: 5px;
	  	margin-left: 7px;
	  	width: 200px;
	  	float: left;
	}
	
	#loginerror {
	  	margin-top: 3px;
	  	margin-left: 7px;
	  	width: 150px;
	  	float: left;
		font: normal 11px Verdana, Sans-serif;
		color: RED;
		padding-left: 80px;
	}

		#logininfo {
		  	position: relative;
	  		float: right;
	  		width: 200px;
	  		margin-top: 15px;
		}
		
		
			#loginfname {
			  position: relative;
			  float: left;
			  width: 70px;
			  height: 25px;
			}
			
			#loginfbox {
			  position: relative;
			  float: right;
			  width: 130px;
			  height: 25px;
			}
			
			#loginbutton {
			  position: relative;
			  float: right;
			  padding-top: 5px;
			  padding-right: 20px;
			  
			}