
body {
	font-size: 80%;
	font-family: Verdana, Arial, Helvetica, san-serif;
	background-color: white;
	background-repeat: no-repeat;
	margin: 0;
	padding: 0;
	border: 0
	}

body.sales {
	background-image: url(graphics/sales-bg.jpg)
	}

body.support  {
	background-image: url(graphics/support-bg.jpg)
	}


body.network {
	background-image: url(graphics/network-bg.jpg)
	}

body.consultancy {
	background-image: url(graphics/consultancy-bg.jpg)
	}

body.hosting {
	background-image: url(graphics/hosting-bg.jpg)
	}

div#content h1 {
	display: none
	}

div#content h2 {
	color: #999;
	font-size: 1.2em;
	font-weight: bold;
	text-transform: lowercase;
	letter-spacing: 0.1em;
	margin: 0
	}

#content {
	margin: 260px 25px 15px 530px;
	width: 430px;
	}

#content p {
	font-size: 1em;
	line-height: 1.4em
	}

#footer	{
	margin: 1em 0;
	padding: 1.5em 0 0 0;
	border-top: 1px solid #999;
	}
	
#footer h3	{
	font-size: 0.8em;
	color: #777;
	}
	
#footer address	{
	font-size: 0.8em;
	color: #777;
	font-style: normal;
	margin: 1em 0;
	}

ul#menu {
	list-style-type: none;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 400px;
	left: 0;
	height: 62px
	}

ul#menu li {
	margin: 0;
	padding: 0;
	float: left
	}

ul#menu li a {
	text-decoration: none;
	background-repeat: no-repeat;
	display: block;
	margin: 0 0 0 26px;
	padding: 0;
	width: 60px;
	height: 60px;
	border: solid 1px #ccc;
	}

ul#menu li a:hover {
	border: solid 1px #f60;
	}

ul#menu li a span {
	display: none
	}

ul#menu li a:hover span {
	color: #999;
	font-size: 1.2em;
	font-weight: bold;
	text-transform: lowercase;
	letter-spacing: 0.1em;
	display: block;
	position: absolute;
	top: 70px;
	left: 26px
	}

ul#menu li a#sales {
	background-image: url(graphics/button-sales.jpg)
	}

ul#menu li a:hover#sales {
	background-image: url(graphics/button-sales-over.jpg)
	}

ul#menu li a#support {
	background-image: url(graphics/button-support.jpg)
	}

ul#menu li a:hover#support {
	background-image: url(graphics/button-support-over.jpg)
	}

ul#menu li a#network {
	background-image: url(graphics/button-network.jpg)
	}

ul#menu li a:hover#network {
	background-image: url(graphics/button-network-over.jpg)
	}

ul#menu li a#consultancy {
	background-image: url(graphics/button-consultancy.jpg)
	}

ul#menu li a:hover#consultancy {
	background-image: url(graphics/button-consultancy-over.jpg)
	}
	
ul#menu li a#hosting {
	background-image: url(graphics/button-hosting.jpg)
	}

ul#menu li a:hover#hosting {
	background-image: url(graphics/button-hosting-over.jpg)
	}

#team-viewer {
  position:relative; 
  width:120px; 
  height:60px;
  margin: -75px 0 0 26px;
}

#team-viewer a {
  text-decoration: none;
}

#team-viewer a span{
  position:absolute; 
  top:25.5px; 
  left:50px; 
  display:block; 
  cursor:pointer; 
  color:White; 
  font-family:Arial; 
  font-size:10px; 
  line-height:1.2em; 
  font-weight:bold; 
  text-align:center; 
  width:65px;"
}

