html {
background-color: #ffffff;
width: 900px;
}

body { 
background-color: #ffffff; 
width: 900px;
margin: 100px 50px auto 50px;
}



.box {
background-color: #333333;
width: 900px;
height: 350px;
margin: 10px auto auto auto;
}

.logo {
margin-left: 78%;
margin-bottom: -15px;
}



.image {
margin: -340px 5px auto 400px;
}

.green {
float: left;
}

.wpd { 
position:absolute; 
left:310px; 
top: 0; 
width:278px;
height:278px; 
border:none;
z-index: 0;
}

.content {
padding: 10px;
width: 600px;
height: 290px;
overflow: auto;
color: #ffffff;
background-color: #333333;
border-style: none;
border-color: #ffffff;
border-width: 1px;
margin-left: 20px;
position: relative;
top: 20px;
font-family: helvetica, arial, sans-serif;
font-size: 13px;
letter-spacing: 1.5px;
line-height: 15px;
}

.content a {
text-decoration: none;
color: #99cc00;
padding: 2px 6px 0 2px;
}

.content a:hover {background-color: #99cc00; color: #ffffff;}


.menu {
width: 170px;
padding-right: 30px;
position: relative;
top: -280px;
float: right;
text-align: right;
}

.menu li {
list-style-type: none;
line-height: 1.5em;

}

.menu a {
color: #ffffff;
font-family: helvetica, arial, sans-serif;
font-size: 12px;
letter-spacing: .15em;
text-decoration: none;
}

.menu a:hover {
color: #44c7f4;
}


#gallery p {
font-family: helvetica, arial, sans-serif;
color: #666666;
font-size: 11px;
margin-left: 8px;
}

#gallery {position: relative; top: 35px; left: 3%; }
#gallery {width:300px;}
#gallery ul {list-style:none; padding:0; margin: 0px 0 0 0; width:300px; position:relative; }
#gallery ul li {display:inline; width:52px; height:52px; float:left; margin:0 0 5px 5px;}
#gallery ul li a {display:block; width:50px; height:50px; text-decoration:none; border:1px solid #000;}
#gallery ul li a img {display:block; width:50px; height:50px; border:0;}
#gallery ul li a:hover {white-space:normal; border-color:#ddd;}
#gallery ul li a:hover img {position:absolute; left:310px; top: 0; width:278px; height:278px; border:1px solid #000; z-index: 1000;}

#gallery h3 {font-family: helvetica, arial, sans-serif; font-size: 12px; color: #99cc00; letter-spacing: .15em;
text-align: center; padding-top: 10px;  }


.portfolio {
padding: 5px;
}

.portfolio td {
padding: 5px;
}