/* ********** MAIN STRUCTURE ********** */

html, body {
	margin: 0px;
	padding: 0px;
	border: 0px;
}

body {
	background-color: #fff;
	background-image: url('../images/bg.gif');
	background-repeat: repeat-x;
	color: #000;
	font-size: 14px;
	line-height: 16px;
	text-align: center;
}

.wrapper {
	position: relative;
	margin: 0px auto;
	text-align: left;
	width: 800px;
}

.container {
	position: absolute;
}

/* ********** DIV STRUCTURE ********** */

#HV00 {		/* header */
	position: relative;
	left: 0px;
	top: 0px;
	width: 800px;
	height: 200px;
	background-image: url('../images/header.gif');
}

#HV01 {		/* content of page */
	position: absolute;
	left: 215px;
	top: 250px;
	width: 400px;
}

#HV02 {		/* left box, menu */
	position: absolute;
	left: 0px;
	top: 250px;
	width: 160px;
	height: 210px;
	padding: 20px;
	background-image: url('../images/box01.gif');
}

#HV03 {		/* right box, news */
	position: absolute;
	left: 630px;
	top: 250px;
	width: 130px;
	height: 110px;
	padding: 20px;
	background-image: url('../images/box02.gif');
}

#HV04 {		/* nav bar */
	position: absolute;
	left: 0px;
	top: 200px;
	width: 800px;
	height: 50px;
}

#HV05 {		/* copyright */
		position: fixed;
		left: 0px;
		bottom: 0px;
		width: 100%;
		height: 30px;
		text-align: center;
		line-height: 30px;
		background-image: url('../images/copy.gif');
		background-repeat: repeat-x;
}

#HV06 {		/* name servers */
		position: absolute;
		left: 0px;
		top: 500px;
		width: 200px;
}

#HV07 {		/* server specifications */
		position: absolute;
		left: 630px;
		top: 400px;
		width: 170px;
}

#S00 {		/* button */
	width: 100px;
	height: 50px;
	text-align: center;
	line-height: 50px;
	background-image: url('../images/button01.gif');
	float: left;
}

#S00:hover {
	background-image: url('../images/button01h.gif');
}

#S01 {		/* button */
	width: 100px;
	height: 50px;
	text-align: center;
	line-height: 50px;
	background-image: url('../images/button02.gif');
	float: left;
}

#S01:hover {
	background-image: url('../images/button02h.gif');
}

#S02 {		/* button */
	width: 100px;
	height: 50px;
	text-align: center;
	line-height: 50px;
	background-image: url('../images/button03.gif');
	float: left;
}

#S02:hover {
	background-image: url('../images/button03h.gif');
}

#S03 {		/* button */
	width: 100px;
	height: 50px;
	text-align: center;
	line-height: 50px;
	background-image: url('../images/button04.gif');
	float: left;
}

#S03:hover {
	background-image: url('../images/button04h.gif');
}

#S04 {		/* button */
	width: 100px;
	height: 50px;
	text-align: center;
	line-height: 50px;
	background-image: url('../images/button05.gif');
	float: left;
}

#S04:hover {
	background-image: url('../images/button05h.gif');
}

#S05 {		/* button */
	width: 100px;
	height: 50px;
	text-align: center;
	line-height: 50px;
	background-image: url('../images/button06.gif');
	float: left;
}

#S05:hover {
	background-image: url('../images/button06h.gif');
}

#S06 {		/* button */
	width: 100px;
	height: 50px;
	text-align: center;
	line-height: 50px;
	background-image: url('../images/button07.gif');
	float: left;
}

#S06:hover {
	background-image: url('../images/button07h.gif');
}

#S07 {		/* button */
	width: 100px;
	height: 50px;
	text-align: center;
	line-height: 50px;
	background-image: url('../images/button08.gif');
	float: left;
}

#S07:hover {
	background-image: url('../images/button08h.gif');
}

#S08a { position: absolute; left: -1000px; top: -1000px; background-image: url('../images/button01h.gif'); }	/* button preload */
#S08b { position: absolute; left: -1000px; top: -1000px; background-image: url('../images/button02h.gif'); }	/* button preload */
#S08c { position: absolute; left: -1000px; top: -1000px; background-image: url('../images/button03h.gif'); }	/* button preload */
#S08d { position: absolute; left: -1000px; top: -1000px; background-image: url('../images/button04h.gif'); }	/* button preload */
#S08e { position: absolute; left: -1000px; top: -1000px; background-image: url('../images/button05h.gif'); }	/* button preload */
#S08f { position: absolute; left: -1000px; top: -1000px; background-image: url('../images/button06h.gif'); }	/* button preload */
#S08g { position: absolute; left: -1000px; top: -1000px; background-image: url('../images/button07h.gif'); }	/* button preload */
#S08h { position: absolute; left: -1000px; top: -1000px; background-image: url('../images/button08h.gif'); }	/* button preload */

/* ********** ELEMENTS ********** */

img {
	border: 0px;
}

a {
	color: #0066cc;
	text-decoration: none;
}

a:visited {
	color: #0066cc;
	text-decoration: none;
}

a:hover {
	color: #ff0000;
	text-decoration: underline;
}

h1 {
	font-size: 25px;
	line-height: 27px;
	color: #0066cc;
}

h1:hover {
	text-decoration: underline;;
}

.title {
	color: #ff0000;
	font-weight: bold;
	text-decoration: underline;
	text-align: center;
}

.small {
	font-size: 10px;
	line-height: 12px;

}