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

body {
	color: #6c6c6c;
	font-family: Verdana, Geneva, sans-serif;
}

a {
  	text-decoration: none;
}

a.home {
	display: inline-block;
	height: 30px;
	width: 180px;
	text-decoration: none;
	background: url("images/Home.gif");
}

a.about {
	display: inline-block;
	height: 30px;
	width: 180px;
	text-decoration: none;
	background: url("images/AboutMoonlight.gif");
}

a.services {
	display: inline-block;
	height: 30px;
	width: 180px;
	text-decoration: none;
	background: url("images/Services.gif");
}

a.portfolio {
	display: inline-block;
	height: 30px;
	width: 180px;
	text-decoration: none;
	background: url("images/Portfolio.gif");
}

a.software {
	display: inline-block;
	height: 30px;
	width: 180px;
	text-decoration: none;
	background: url("images/FreeSoftware.gif");
}

a.compsales {
	display: inline-block;
	height: 30px;
	width: 180px;
	text-decoration: none;
	background: url("images/ComputerSales.gif");
}

a.softsales {
	display: inline-block;
	height: 30px;
	width: 180px;
	text-decoration: none;
	background: url("images/SoftwareSales.gif");
}

a.contact {
	display: inline-block;
	height: 30px;
	width: 180px;
	text-decoration: none;
	background: url("images/ContactUs.gif");
}

a.softstationsdf {
	display: inline-block;
	margin-top: 6px;
	height: 28px;
	width: 180px;
	text-decoration: none;
	background: url("images/SoftStationSDF.gif");
}

a.softqeering {
	display: inline-block;
	margin-top: 6px;
	height: 28px;
	width: 180px;
	text-decoration: none;
	background: url("images/SoftQeeRing.gif");
}

a.softfaq {
	display: inline-block;
	margin-top: 6px;
	height: 28px;
	width: 180px;
	text-decoration: none;
	background: url("images/SoftFAQ.gif");
}

a.softspecs {
	display: inline-block;
	margin-top: 6px;
	height: 28px;
	width: 180px;
	text-decoration: none;
	background: url("images/SoftSpecs.gif");
}

a:hover {
	background-position: -180px 0;	
}

div.main {
  	top: 0;
  	height: 100%;
  	width: 800px;
  	margin: 0 auto;
}

div.logo {
	position: absolute;
	top: 0px;
	height: 282px;
	width: 800px;
	background-image: url(images/logo.gif);
	background-repeat: no-repeat;
}

div.menu {
  	float: left;
	position: absolute;
	top: 290px;
  	width: 190px;
	margin: 0 0 0 20px;
}

div.content {
	position: absolute;
	float: right;
	top: 280px;
	width: 550px;
	margin: 0 0 0 220px;
}

img {
  	border: 0;
}

table {
	margin-left: auto;
	margin-right: auto;
}

span.bold {
	font-weight: bold;
}

td.portfolio {
	padding: 5px;	
}


div.portfoilo {
	background-color: #ffffff;
	display: none;
	position: absolute;
	height: 700px;
	width: 600px;
	z-index: 100;
}

#shadow {
	background-color:#111;
	opacity: 0.65;
	filter:alpha(opacity=65);
	position:absolute;
	z-index: 9001;
	top:0px;
	left:0px;
	height: 100%;
	width:100%;
}