html { margin:0px; padding:0px; }

body {
	margin: 0px;
	padding: 10px;
	background: #3a49bb url('images/bg.gif');
	font: .7em Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
	color: #5d657a;
}

a:link { color: #3a49bb; }
a:visited { color: #6385dc; }
a:active, a:hover { color: #ac3382; }

.clear { clear: both; }

img { border: 0px; }

h1 { font: bold 130% Verdana, Arial, Helvetica, sans-serif; }
h2 { font: bold italic 130% Verdana, Arial, Helvetica, sans-serif; }
h3 { font: bold 115% Verdana, Arial, Helvetica, sans-serif; }
h4 { font: bold italic 115% Verdana, Arial, Helvetica, sans-serif; }
h5 { font: bold 100% Verdana, Arial, Helvetica, sans-serif; }
h6 { font: bold italic 100% Verdana, Arial, Helvetica, sans-serif; }


#container {
	width: 750px;
	margin: 0px auto;
	background: url('images/contentbg-top.gif') no-repeat;
}

#wrapper {
	width: 750px;
	padding: 15px 0px 15px 0px;
	background: url('images/contentbg-bottom.gif') no-repeat bottom;
}

#innerwrapper { 
	background: #fff; 
	padding: 0px 15px 0px 14px;
	text-align: left;
}
	
#top {
	height: 75px;
	background: url('images/mainpic.jpg') no-repeat;
}

#toptools {
	height: 75px;
	background: url('images/toolshead.jpg') no-repeat;

		  }
			
#topproduct {
	height: 75px;
	background: url('images/mainpic4.jpg') no-repeat;
}

#topservices {
	height: 75px;
	background: url('images/mainpic6.jpg') no-repeat;
}

#topcon {
	height: 75px;
	background: url('images/mainpic5.jpg') no-repeat;
}

#topdown {
	height: 75px;
	background: url('images/mainpic2.jpg') no-repeat;
}





#menu {
	position: relative;
	top: 55px;
	left: 10px;
	color: #fff;
}
	#menu a:link, #menu a:visited { color: #fff; text-decoration: none; }
	#menu a:active, #menu a:hover { color: #fff; text-decoration: underline; }

#body2col {
	margin: 6px 0px 6px 0px;
	width: 721px;
}

#body2 {
	width: 175px;
	float: left;
	margin-right: 6px;
	border-top: 8px solid #6385dc;
}

#body1 {
	width: 540px;
	float: left;
	padding: 10px;
	border-top: 8px solid #808696;
	/* box model hack */
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 520px;
}
	html>body #body1 { width: 520px; }
	
#footer {
	border-top: 8px solid #808696;
	padding: 5px 10px 5px 10px;
}

#logo { text-align: center; }

.submenu {
	margin: 0px;
	padding: 0px;
	list-style: none;
}

.submenu li {
	margin-bottom: 5px;
}

.submenu a:link, .submenu a:visited {
	display: block;
	padding: 3px;
	width: 175px;
	background: #6385dc;
	border-bottom: solid 5px #3a49bb;
	color: #fff;
	text-decoration: none;
	/* box model hack */
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 169px;
}
	html>body .submenu a:link, html>body .submenu a:visited { width: 169px; }
	
.submenu a:active, .submenu a:hover {
	background: #3a49bb;
	border-bottom: solid 5px #1f2d94;
}
}




/* Image Rollover 

<a href="#" class="rollover" title="Webvamp"><span class="displace">Webvamp</span></a>

*/

a.rollover {     
display: block;     
width: 200px;     
height: 30px;     
text-decoration: none;  
background: url("images/whois400.jpg");     
}

a.rollover:hover {     
background-position: 200px 0;     
} 

.displace {     
position: absolute;     
left: 200px;    
 } 
 
 
 a.rollover2 {     
display: block;     
width: 200px;     
height: 30px;     
text-decoration: none;  
background: url("images/ip400.jpg");     
}

a.rollover2:hover {     
background-position: 200px 0;     
} 

.displace2 {     
position: absolute;     
left: 200px;    
 }