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

html{
	height:100%;
}
body {
background-color:#333333;
text-align:center;
background-image:url(images/pix_bg_body.jpg);
background-repeat:repeat-x;
z-index:10;
}

a {
   outline: none;
}
a:link {
	color: #277999;
}
a:visited {
	color: #277999;
}
a:hover {
	color: #6ea7be;
}
a:active {
	color: #6ea7be;
}

#pagefloat {
text-align:left;
margin: 0 auto;
width:749px;
height:845px;
}


#navigation {
position:absolute;
top: 10px;
height:104px;
width:749px;
background-image:url(images/pix_bg_metal_menu.jpg);
background-repeat: no-repeat;
}
#pixpub {
position:absolute;
top: 20px;
left: 15px;
height:29px;
width:145px;
}
#web {
position:absolute;
top: 20px;
left: 267px;
height:29px;
width:145px;
}
#design {
position:absolute;
top: 20px;
left: 423px;
height:29px;
width:145px;
}
#learn {
position:absolute;
top: 20px;
left: 580px;
height:29px;
width:145px;
}


#content {
	position:absolute;
	top: 80px;
	height:725px;
	width:749px;
	background-image:url(images/pix_bg_metal_content.jpg);
	background-repeat: repeat-y;
}

#portfolio {
	position:absolute;
	top: 40px;
	left:0px;
	height:695px;
	width:680px;
}
#portfolio_icons {
	position:absolute;
	padding-top: 7px;
	padding-left:140px;
	height:695px;
	width:264px;
	left:-121px;
	background-image:url(images/pix_bg_metal_web_icon_menu.jpg);
	background-repeat:no-repeat;
}
#portfolio_enlargments {
	position:absolute;
	top: 30px;
	left:180px;
	height:647px;
	width:555px;
	z-index:100;
}

#philosophy {
position:absolute;
top: 0px;
left:60px;
height:595px;
width:640px;
}
#knowledge {
position:absolute;
top: 20px;
left:50px;
height:695px;
width:680px;
background-image:url(images/network_bg.jpg);
background-repeat:no-repeat;
}
#knowledge_intro{
position:absolute;
top: 0px;
left: 20px;
height:60px;
width:680px;
z-index:90;
}
#knowledge_menu {
position:absolute;
top: 90px;
margin-left:40px;
height:100px;
width:680px;
z-index:100;
}
#knowledge_content {
position:absolute;
top: 130px;
left: 40px;
height:695px;
width:680px;
}
#knowledge_content_code_menu {
position:absolute;
top: 220px;
left: 40px;
height:695px;
width:100px;
}
#knowledge_content_code_data {
position:absolute;
top: 220px;
left: 160px;
padding: 30px;
height:695px;
width:500px;
}

#what_we_do {
position:absolute;
	top: 0px;
	left:30px;
	padding-left:10px;
	height:60px;
	width:650px;
}

#services {
	position:absolute;
	top: 0px;
	left:30px;
	padding-left:10px;
	height:531px;
	width:650px;
}
#services_details {
	position:absolute;
	top: 50px;
	left:242px;
	height:300px;
	width:300px;
	padding:80px;
	background-image:url(images/services_bg.jpg);
	background-repeat:no-repeat;
}
#contact {
position:absolute;
top: 560px;
left:60px;
height:60px;
width:650px;
}

#footer {
	position:absolute;
	top: 800px;
	height:36px;
	width:749px;
	background-image:url(images/pix_bg_metal_footer.jpg);
	background-repeat:no-repeat;
}