body {
	margin: 0 0 0 0;
	font-family: Verdana;
	font-size: small;
	color: #244d77;
}
.bar {
	background-color: #b5cbe2;
	width: 100%; height: 5px;
	top: 177px; position: absolute;
}
a:link { text-decoration: none; color: #244d77; border-bottom: 1px #244d77 dashed;}
a:visited {	text-decoration: none; color: #244d77; border-bottom: 1px #244d77 dashed;}
a:hover { text-decoration: none; color: #adc5df; }
a:active { text-decoration: none; color: #244d77; }

.container {
	position:relative;
	width: 900px; height: 100%;
	margin-left: auto; margin-right: auto;
}
.head {
	position:absolute;
	top: 0px; right: 0px;
	background-image:url('/sprite.png');
	background-repeat: no-repeat;
	background-position: -320px 0;
	width: 262px; height: 294px;
	z-index: 0;
}
.cloud {
	position: absolute;
	top: 0px; left: 0px;
	width: 480px; height: 160px;
	background-image:url('/sprite.png');
	background-repeat: no-repeat;
	background-position: 0 -512px;
}
.nav {
	position: absolute;
	top: 158px; right: 275px;
	text-align: right;
	font-size: medium;
}
.content {
	position:absolute;
	top: 190px; left: 0px;
	width: 82%;
	font-size: small;
	z-index: 1;
}
.icon {
	background-color: aqua;
	display:block; float:left;
	width: 160px; height: 160px;
	margin-right: 12px;
}
.text {
	text-align: justify;
}
.nav a {
	border: 0px;
}
.textpadding {
	margin-top: 12px;
}

#designtext {
	width: 900px; height: 130px;
	position: absolute;
	top: 125px; left: 0px;
}

#repairtext {
	width: 860px; height: 130px;
	position: absolute;
	top: 280px; left: 40px;
}

#contacttext {
	width: 790px; height: 130px;
	position: absolute;
	top: 450px; left: 110px;
}


#designicon {
	background: url('/sprite.png') 0 0 no-repeat;
	border:0;
}
#designtext:hover #designicon {
	background-position: -160px 0;
}

#repairicon {
	background: url('/sprite.png') 0 -160px no-repeat;
	border:0;
}
#repairtext:hover #repairicon {
	background-position: -160px -160px;
}


#contacticon {
	background: url('/sprite.png') 0 -320px no-repeat;
	border:0;
}
#contacttext:hover #contacticon {
	background-position: -160px -320px;
}

.footer {
	position:fixed;
	width: 900px; height: 20px;
	margin-left: auto; margin-right: auto;
	background-image: url('sprite.png');
	background-position: 0 -480px;
	background-repeat: no-repeat;
	bottom: 0px;
	font-size: x-small;
	z-index: 2;
}
.footertext {
	padding: 4px 0 0 8px;
	text-align: center;
}
.contact {
	text-align: justify;
	padding-bottom: 20px;
	clear: both;
}
.contacticon {
	display:block; float:left;
	width: 128px; height: 128px;
	background-image: url('sprite.png');	
}
#email {
	background-position: -640px -128px;
}
#phone {
	background-position: -768px -128px;
}
#skype {
	background-position: -640px -256px;
}
#address {
	background-position: -768px -256px;
}
#form {
	background-position: -384px -320px;
}

#formc {
	position: absolute;
	top: 195px; left: 400px;
	width: 450px;
}
.contacttextpadding {
	padding-top: 25px;
}