* {
margin:0px;
padding:0px;
}

html {
height: 100%;
}

body {
	height:100%;
	font: normal 13px/1.5em "Trebuchet MS", Helvetica, Arial, sans-serif;
	background: ;
	color: ;
}

a {color: ;}

html>body #container {
    height: auto;
}
	
#container {
width: 1000px;
margin: 0px auto;
color: ;
}

#header{
margin-top:10px;
background: url('header.jpg') no-repeat top center;
height:184px;
}

#header h1
{
	display:none;
}

#main{
position: relative;
min-height: 100%;
height: 100%;
height: auto;
margin: 0px auto;
margin-bottom:0px;
width: 960px;
background: url('bg.jpg') repeat-y top center;
padding-bottom:80px;
}

#intro {
margin-left:50px;
padding-right:20px;
padding-top:10px;
text-align:justify;
width:700px;
height:70px;
}

#welcome {	
width: 135px;
height: 60px;	
position: relative;
float: left;
}

#welcome span {	
background: url('welcome.jpg') no-repeat;
position: absolute;
height: 100%;
width:100%;
}

#mailintro {
margin-left:50px;
padding-right:10px;
padding-top:20px;
text-align:justify;
width:700px;
height:200px;
}

#mail {	
width: 500px;
height: 100px;	
position: relative;
float: left;
}

#mail span {	
background: url('email.jpg') no-repeat;
position: absolute;
height: 100%;
width:100%;
}

#portintro {
margin-left:50px;
padding-right:10px;
padding-top:10px;
text-align:justify;
width:700px;
height:100px;
}

#portfolio {	
width: 200px;
height: 100px;	
position: relative;
float: left;
}

#portfolio span {	
background: url('portbig.jpg') no-repeat;
position: absolute;
height: 100%;
width:100%;
}

#serveintro {
margin-left:50px;
padding-right:10px;
padding-top:10px;
text-align:justify;
width:700px;
height:100px;
}

#serve {	
width: 200px;
height: 100px;	
position: relative;
float: left;
}

#serve span {	
background: url('servicebig.jpg') no-repeat;
position: absolute;
height: 100%;
width:100%;
}


	
#nav {
position:reletive;
width:125px;
height:100%
background-color:#000;
float:right;
margin-right:50px;
}

#nav li {
display:block;
width:125px;
height:52px;
}

#home span {
background: url('home.jpg') no-repeat;
position: absolute;
height: 60px;
width:125px;
}

#services span {
background: url('service.jpg') no-repeat;position: absolute;
height: 60px;
width:125px;
}

#port span{
background: url('port.jpg') no-repeat;position: absolute;
height: 60px;
width:125px;
}

#contact span{
background: url('contact.jpg') no-repeat;
position: absolute;
height: 60px;
width:125px;
}



#blocks {
margin-left:50px;
margin-right:20px;
padding-top:10px;
text-align:justify;
width:700px;
height:320px;
}

.block {
width:30%;
float:left;
}

.block img, .blockcenter img {
display:block;
margin:0 auto;
text-align:center;
}

.blockcenter {
width:30%;
float:left;
margin: 0 32px;
}

.block h2, .blockcenter h2 {
text-align:center;
padding:2px;
}

#blockports {
margin-left:50px;
margin-right:20px;
padding-top:10px;
text-align:justify;
width:700px;
height:320px;
}

.blockport {
width:30%;
float:left;
}

.blockport img, .blockportcenter img {
display:block;
margin:0 auto;
text-align:center;
}

.blockportcenter {
width:30%;
float:left;
margin: 0 32px;
}

.blockport h2, .blockportcenter h2 {
text-align:center;
padding:2px;
}

#blockserves {
margin-left:50px;
margin-right:20px;
padding-top:10px;
text-align:justify;
width:700px;
height:320px;
}

.blockserve {
width:30%;
float:left;
}

.blockserve img, .blockservecenter img {
display:block;
margin:0 auto;
text-align:center;
}

.blockservecenter {
width:30%;
float:left;
margin: 0 32px;
}

.blockserve h2, .blockservecenter h2 {
text-align:center;
padding:2px;
}

#footer{
height:50px;
margin:0px auto;
font: normal 11px/1.2em "Trebuchet MS", Helvetica, Arial, sans-serif;
background: url('footer.jpg') no-repeat bottom center;
width:960px;
margin-bottom:0;
}

#footer p {
text-align:center;
padding-top:30px;
}
	
img {border:0;}