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

a, a:visited {
	color: #003399;
	text-decoration: underline;
}

a:hover {
	text-decoration: none;
}

body.colocation {
	background-image: url(graphics/1u-server-bg.jpg)
	}

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


body.colocation-prices {
	background-image: url(graphics/price-details-bg.jpg)
	}

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

body.order {
	background-image: url(graphics/order-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: 200px 25px 15px 530px
	}

#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;
	}

ul#menu {
	list-style-type: none;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 340px;
	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;
	width: 400px;
	}

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

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

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

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

ul#menu li a#colocation-prices {
	background-image: url(graphics/button-price-details.jpg)
	}

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

ul#menu li a#other-products {
	background-image: url(graphics/button-other-products.gif)
	}

ul#menu li a:hover#other-products {
	background-image: url(graphics/button-other-products-over.gif)
	}
	
ul#menu li a#order {
	background-image: url(graphics/button-order.gif)
	}

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

#bottom-left {
	margin: 0;
	padding: 0;
	border-top: 1px #999 solid;
	position: absolute;
	top: 462px;
	left: 26px;
	width: 414px;
}

#bottom-left form {
	margin: 10px 0 0 0;
	padding: 0;
}

#bottom-left h2 {
	color: #999;
	font-size: 1.2em;
	font-weight: bold;
	text-transform: lowercase;
	letter-spacing: 0.1em;
	margin: 0;
	padding: 0 160px 0 0;
}
table {
	margin: 0;
	border-top: 1px #999 solid;
	border-bottom: 1px #999 solid;
	border-left: 0;
	border-right: 0;
	width: 380px;
}
th {
	margin: 0;
	padding: 0;
	border: 0;
	color: #930;
	text-align: left;
}
th.col1 { width: 100px; }
th.col2 { width: 220px; }
th.col3 { width: 30px; }
th.col4 { width: 30px; }

td {
	margin: 0;
	padding: 0;
	border: 0;
}
td.col1 { width: 100px; }
td.col2 { width: 210px; }
td.col3 { width: 40px; } 
td.col4 { width: 30px; }