html {
	scrollbar-face-color: #EBEBEB;
	scrollbar-highlight-color: #ABB095;
	scrollbar-shadow-color: #ABB095;
	scrollbar-3dlight-color: #ffffff;
	scrollbar-arrow-color: #111184;
	scrollbar-track-color: #ffffff;
	scrollbar-darkshadow-color: #ffffff;
	height: 100%;
}


body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	margin: 0;
	padding: 0;
	background-color:#FFFFFF;
	background-image: url(../images/flag_southafrica.gif);
	background-repeat: no-repeat;
	text-align:left;
}

/* top anchor */
#top {position: absolute;left: 0; top: 0;}

/* page wrap */
#container {
	position: relative;
	left: 0px;
	top: 0px;
	width: 752px;
	margin: 0;
	padding: 191px 0 0 22px;
	text-align:left;
	z-index: 5;
	}
	
	* html #container {
		width: 774px;
		w\idth: 752px;
	}
	
/* Site Menu */

		#sitemenu div {
			position: absolute;
			top: 1px;
			padding: 0 10px 3px 10px;
		}
		
		#sitebutton1 {left: 450px;border-right: 1px solid #111184;}
		#sitebutton2 {left: 529px;border-right: 1px solid #111184;}
		#sitebutton3 {left: 600px;border-right: 1px solid #111184;}
		#sitebutton4 {left: 690px;}
		#sitemenu div a {
			color: #111184;
			font-size: 10px;
			font-weight: bold;
			padding: 0 0 3px 0;
		}

		#sitemenu div a:hover, #sitemenu div a.selected:hover 
		{color: #1414CC;background-image: url(../images/sitemenubullet1.gif)
		;background-repeat: no-repeat; background-position: 0 12px; text-decoration: none;}
		
		#sitemenu div a.selected {color: #111184;background-image: url(../images/sitemenubullet2.gif);background-repeat: no-repeat; background-position: 0 12px; text-decoration: none;}

/* logo */
#logo {
	position:absolute;
	left: 50px;
	top: 16px;
	width: 132px;
	height: 49px;
	background-image: url(../images/logo_vamp.gif);
}
/* logo2 */
#logo2 {
    position:absolute;
	left: 190px;
	top: 16px;
	width: 30px;
	height: 20px;
	background-image: url(../images/flag_southafrica.gif);
}	
/* menu */
	#menu {
		position: absolute;
		left: 72px;
		top: 68px;
		width: 680px;
		height: 18px;
		overflow: hidden;
		background-image: url(../images/long1.jpg);
		background-repeat: no-repeat;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 11px;
		font-weight: bold;
		padding: 0;
		margin: 0;
	}
	
	#menu div {
		position: absolute;
		top: 0;
		padding: 0;
	}
	
	#menubutton1 {left: 14px;}
	#menubutton2 {left: 74px;}
	#menubutton3 {left: 134px;}
	#menubutton4 {left: 217px;}
	#menubutton5 {left: 291px;}
	#menubutton6 {left: 367px;}
	#menubutton7 {left: 437px;}
  	#menubutton8 {left:531px;}
	#menubutton9 {left:610px;}
	
	#menu div a {
		display: block;
		padding: 1px 0 2px 14px;
		color: #CBCBE8;
		text-decoration: none;
		background-image: url(../images/menubullet0.gif);
		background-repeat:no-repeat;
		background-position: 0px 4px;
	}
	
	#menu div a:hover {color: #ffffff;background-image: url(../images/menubullet1.gif);background-position: 0px 4px;background-repeat:no-repeat;}
	#menu div a.selected {color: #CBCBE8;background-image: url(../images/menubullet2.gif);background-position: 0px 4px;background-repeat:no-repeat;}
	#menu div a.selected:hover {color: #ffffff;background-image: url(../images/menubullet1.gif);background-position: 0px 4px;background-repeat:no-repeat;}

/* image bar */
	#imagebar {
		position: absolute;
		left: 22px;
		top: 86px;
		width: 730px;
		height: 91px;
		background-color: #F7F7F7;
		background-repeat: no-repeat;
		overflow: hidden;
	}


	/* imagebar background images (one for each section) */
	.home #imagebar {background-image: url(../images/bridge.png );}
	.home1 #imagebar {background-image: url(../images/bridge.png );}
	.news #imagebar {background-image: url(../images/main_pics/reading.jpg);}
	.company #imagebar {background-image: url(../images/main_pics/oscilloscope.jpg);}
	.contact #imagebar {background-image: url(../images/main_pics/graymap.jpg);;}
	.products #imagebar {background-image: url(../images/main_pics/circuitry.jpg);}
	.support #imagebar {background-image: url(../images/main_pics/confident.jpg);}
	.references #imagebar {background-image: url(../images/main_pics/laptop.jpg);}
	.service #imagebar {background-image: url(../images/main_pics/service.jpg);}
	.has #imagebar {background-image: url(../../images/bridge.png );}
	/* texts in imagebar */
	#summary_title {position: absolute; left: 385px; top: 12px; font-size: 16px; font-weight:normal; color: #111184;}
	#summary {position: absolute; left: 427px; top: 38px; font-size: 11px; color: #111184; padding-right: 15px;}

/* left column */

	 #leftcolumn {
			width: 189px;
			float: left;
			clear: none;
			margin: 0;
			padding: 0 12px 0 0;
		}
	
	* html #leftcolumn {
		width: 201px;
		w\idth: 200px;
	}
			
	/* submenu */
		
		#submenu {
			position: relative;
			background-color: #F7F7F7;
			border: 1px solid #D0D0D0;
			margin: 0 0 20px 7px;
			padding: 3px 9px 12px 9px;
			z-index: 5;
			}
		
		#submenu .corner {
				position: absolute;
				margin-left: -17px;
				margin-top: -11px;
			}

		
		/* sub menu buttons */
		
		#submenu div {border-bottom: 1px solid #D0D0D0;}
		
		#submenu a {
			display: block;
			width: 152px;
			padding: 2px 0 2px 11px;
			text-decoration: none;
			font-weight: bold;
			color: #111184;
			background-image: url(../images/submenubullet0.gif);
			background-repeat: no-repeat;
			background-position: 0px 5px;
		}
		
		html>body #submenu a {width: auto;}
		
			/* lower level */
			
			#submenu div div {border-bottom: 0;}
			
			#submenu div div a {
				padding: 2px 0 2px 20px;
				width: 142px;
				background-position: 9px 5px;
			}
			
			html>body #submenu div div a {width: auto;}
	
		#submenu a:hover, #submenu a.selected:hover {
			color: #1414CC;
			background-image: url(../images/submenubullet1.gif);
			}
			
		#submenu a.selected {background-image: url(../images/submenubullet2.gif);}
	
	/* separator lines */
		
		.separator {
			height: 1px;
			margin: 4px 0 12px 0;
			padding: 0;
			background-color:#FFFFFF;
			border-left: 1px solid #D9D9D9;
			border-top: 1px solid #D0D0D0;
			border-right: 1px solid #EEEEEE;
			border-bottom: 1px solid #F5F5F5;
			overflow: hidden;
			clear: both; 
		}
		
		* html .separator {
			height: 3px;
			he\ight: 1px;
		}
		
		/* only for IE/Mac */
		*>html .separator {
			w\idth: 100%;
			c\lear: none;
		}

	/* copyright */
	
		#copyright {
			overflow: hidden;
			margin: 0;
			padding: 0;
			font-size: 10px;
			line-height:14px;
			color: #727272;
		 }

/* page text */
	#text {
		clear: none;
		width: 526px;
		padding: 0;
		margin: 0 0 0 201px;
		text-align:justify;
	}
	
	html>body #text {margin-left: 204px;}
	
	#text img {
		float: right;
		border:0;
		margin: 5px 0 5px 20px;
	}

/* page bottom */
	#bottom {
		clear: both;
		width: 730px;
		height: 18px;
		background-image: url(../images/vamp_logostripe.gif);
		background-repeat: no-repeat;
		background-position: 0px 15px;
		margin: 0;
		padding: 15px 0 30px 0;
	}
	
	* html #bottom {
			height: 63px;
			he\ight: 18px;
		}

/* misc formatting */
	
	p {margin: 0; padding: 0 0 8px 0;}
	a {color: #000071; text-decoration: none;}
	a:hover {text-decoration: underline;color: #1414cc;}
	
	h1 {
		color: #111184;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 13px;
		font-weight: bold;
		margin: 0;
	}
	
	h2 {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
		font-weight: bold;
		margin: 0 0 5px 0;
	}
	
	h3 {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 11px;
		font-weight: bold;
		margin: 0 0 5px 0;
	}
	
	/* fix for disappearing content bug in IE6 (appears inside info boxes) */
	* html #infoboxh h1, * html #infoboxh h2, * html #infoboxh p, * html #infoboxv h1, * html #infoboxv h2, * html #infoboxv p, {he\ight: 1%;}  
	

	ul, ol {
		margin: 0 0 0 30px;
		padding: 0 0 15px 0;
		}
	
	ul {list-style-type: square;}
	ul li ul {margin: 0 0 0 15px; padding: 0 0 5px 0; list-style-type: circle;}
		
	ul li, ol li {
		margin: 3px 0 3px 0;
	}
	
	dl {margin: 0 0 20px 0;}
	dt {font-weight: bold; font-size: 11px;}
	dt a, dt a:hover {color: #333333; text-decoration: none;}
	dd {margin: 5px 0 10px 40px;}
	
/* info box -horizontal */
		
		#infoboxh {
			background-color: #F7F7F7;
			border: 1px solid #D0D0D0;
			margin: 0 0 15px 7px;
			padding: 10px 9px 10px 9px;
			}
		
		#infoboxh img {float:left; clear: none; margin: 8px 15px 8px 0;}
		
		#infoboxh .corner, #infoboxv .corner {
			position: absolute;
			margin-left: -17px;
			margin-top: -18px;
		}
		
		.spacer {clear: both; height: 0px; overflow: hidden;}
		
		#infoboxh p {margin: 0;padding-bottom: 10px;}
		
/* info box -vertical */
		
		#infoboxv {
			width: 169px;
			float: right;
			clear: right;
			background-color: #F7F7F7;
			border: 1px solid #D0D0D0;
			margin: 0 0 10px 15px;
			padding: 10px 9px 10px 9px;
			text-align:left;
			}
		
		html>body #infoboxv {margin-left: 18px;}
		
		#infoboxv img {float: none; margin: 5px;}
		
		#infoboxv p {margin: 0 0 10px 0;padding: 0; width: 100%;}		
		
		.center {text-align: center;}

	/* link inside info box */
	
	#infoboxh a, #infoboxv a, .bulletlink {
		display: block;
		float: left;
		clear: both;
		padding: 0 0 0 15px;
		margin: 2px 0 3px 0;
		font-weight: bold;
		background-image: url(../images/iblinkbullet0.gif);
		background-repeat: no-repeat;
		background-position: 0px 2px;
		}
	
	#infoboxv a {width: 149px;}
		
	#infoboxh a:hover, #infoboxv a:hover, .newslink:hover {background-image: url(../images/iblinkbullet1.gif);color: #1414cc;}

	.pdf, #infoboxv a.pdf, #infoboxh a.pdf, .pdf:hover, #infoboxv a.pdf:hover, #infoboxh a.pdf:hover {
		display: block;
		background-image: url(../images/pdficon.gif);
		background-repeat:no-repeat;
		background-position: top left;
		padding: 1px 0 1px 16px;
		margin: 0px 0 4px 0;
		text-align: left;
		width: 160px;
		}
	
	.pdf_no_spacing, #infoboxv a.pdf, #infoboxh a.pdf, .pdf:hover, #infoboxv a.pdf:hover, #infoboxh a.pdf:hover {
		display: inline;
		background-image: url(../images/pdficon.gif);
		background-repeat:no-repeat;
		background-position: top left;
		padding: 1px 0 1px 16px;
		margin: 0px 0px 4px 0px;
		text-align: left;
		
		}
	
	.zip, #infoboxv a.zip, #infoboxh a.zip, .zip:hover, #infoboxv a.zip:hover, #infoboxh a.zip:hover {
		display: block;
		background-image: url(../images/zipicon.gif);
		background-repeat:no-repeat;
		background-position: top left;
		padding: 1px 0 1px 16px;
		margin: 0 0 4px 0;
		text-align: left;
		width: 150px;
		}
	
	/* floating image with optional image text (can be a div or an image) */
	#text .border {
		border:1px solid #d8d8d8;
	}


/* tables */

	table {
		width: 100%;
		clear: both;
		background-color: #ffffff;
	}
	
	thead {background-color: #111184; color: #ffffff;}
	
	th, td {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 10px;
		text-align: left;
		padding: 2px;
		margin: 0;
		vertical-align:top;
	}
	
	th {font-weight: bold; border-right: 1px solid #ffffff; vertical-align:middle;}

	th.last {border-right: none;}
	
	table a {float: left; display: block; font-weight: bold; clear: both;}
	
	#text td img {float:left; border: 1px solid #d0d0d0; margin: 0 5px 0 0;}