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



body 
{ font-family: lucida grande, lucida sans unicode, lucida unicode, helvetica, arial, sans-serif; 
color: #ffffff; 
background: #333333;
line-height: 1.5; 
} 

/* container */
#container 
{ background: #0d0d0d;
width: 827px; 
margin: auto; 
} 

#header
{ background: url(header.png) no-repeat; 
height: 357px;
width: 827px; 
} 

/* navigation */
#navigation {
background: url(navbar.png) repeat-x;
float: left;
height: 70px;
width: 797px;
padding: 16px; 
}

.nav-links li 
{ list-style-type: none;
text-align: center;
float: left;
margin-left: 0px; 
}

.nav-links li a 
{ text-decoration: none;
font-weight: normal; 
color: #362000;
display: block;
height: 60px;
width: 150px;
}

.nav-links a:hover, li#current a 
{ color: #FFFFFF;
background: url(navhover.png) no-repeat;
font-weight: normal; 
margin-top: -25px;  
padding-top: 25px; 
}



/* content areaa */
#content-area 

{ float: left;
width: 840px;
margin: -5px; 
padding: 5px; 
border: 1px solid #FFFFFF; 
}

.title
{ margin-left: -10px;
margin-top: 10px;
padding-top: 10px; 
} 


h1
{ color: #fe88c8;
text-align: center; 
} 

#about 
{ float: left;
width: 400px;
} 

#services 
{ float: right;
width: 400px;
}

.servicescontent 
{ background: #0d0d0d;
float: left;
width: 370px;
padding:0 10px;
font-size: 14px; 
}

.aboutcontent 
{ background: #0d0d0d;
float: right;
width: 370px;
padding:0 10px;
font-size: 14px; 
}


.portfoliocontent 
{ background: #0d0d0d; 
width: 807px;
margin-right: 10px; 
margin-left: 10px; 
font-size: 14px; 
}

.maincontent 
{ background: #0d0d0d; 
width: 807px;
margin-right: 10px; 
margin-left: 10px; 
font-size: 14px; 
}



/* footer */
#footer {
  float: left;
  height: 115px;
  width: 866px;
  background: url(footer.png) no-repeat;
  padding-bottom: 20px;
}
#footer p {
  color: #ffffff;
  text-align: center;
  font-size: 13px;
  margin-top: 15px;
}

a:link,a:visited,a:active { text-decoration: none; font-weight: bold; color: #fe88c8; } 
a:hover { text-decoration: none; font-weight: bold; color: #c90d74; } 


img.floatLeft { 
    float: left; 
    margin: 4px; 
    border: 1px solid #d5d5d5;
}
img.floatRight { 
    float: right;
    margin: 4px; 
    border: 1px solid #d5d5d5;
}



li
{ margin-left: 25px; 
}