.background
{
padding: 0px;
width: 750px;
background-image: url(images/gradient.png);
background-color: #6d777e;
background-repeat: repeat-x;
}
.table-page
{
padding: 0px;
width: 750px;
background-image: url(images/ladders.png);
background-repeat: no-repeat;
background-position: right top;

}
.page-title
{
padding: 10px;
height: 150px;
background-image: url(images/logo.png);
background-position: bottom;
color: black;
font: bold 16px arial, sans-serif;
text-align: left;
}
.page-body
{
padding: 0px;
}

.table-body
{
padding: 0px;
}

.body-left
{
width: 15px;
border-style: solid;
border-width: 5px 0 0 0;
border-color: black;
}
.body-right
{
width: 15px;
}
.body-center
{
padding: 0px;
width: 720px;
border-style: solid;
border-width: 5px 5px 0 0;
border-color: black;
}

.title
{
margin: 5px 0 10px 0;
font:  bold 32px arial, sans-serif;
color: black; 
}

.div1
{
margin: 20px 0 0 0px;
padding: 10px;
border-style: solid;
border-color: black;
border-width: 5px;
opacity: 0.8;
background-color: white;
width: 620px;
font:  16px arial, sans-serif;
color: black; 
text-align: left;
}

table.nav
{
padding: 0;
}

td.nav-featured
{
width: 180px;
text-align: center
}
td.nav-projects
{
width: 200px;
text-align: center
}
td.nav-contact
{
width: 180px;
text-align: center
}

a.nav
{
font: bold 15px arial, sans-serif;
color: white;
}

img.nav-featured
{
margin-bottom: 15px;
border-style: none;
}
img.nav-projects
{
margin-bottom: 15px;
border-style: none;
}
img.nav-contact
{
margin-bottom: 20px;
border-style: none;
}

table.projects
{
width: 600px;
border: 2px solid #222222;
}
td.projects-left
{
width: 30%;
padding: 5px 5px 5px 5px;
border: 1px solid #222299;
}
td.projects-center
{
width: 3%;
padding: 5px 5px 5px 5px;
border: 1px solid #222299;
}
td.projects-right
{
width: 67%;
padding: 5px 5px 5px 15px;
border: 1px solid #222299;
}