body {background-color: #efecca;}

#main { 
width:1100px; 
position:absolute; 
left:50%; 
margin-left: -550px;
top:50px; 
background: #e6e2af;
height:auto;
padding: 0px;
border: 0px solid #e6e2af;
}

#top { 
width:1098px; 
position:absolute;
top:0px; 
background: #a7a37e;
height:84px;
padding: 0px;
border-top: 0px solid #046380;
border-left: 0px solid #046380;
border-right: 0px solid #046380;
}

#topmenu {
position: absolute;
left:0px;
top:56px;
height:18px;
background: #a7a37e;
border: 1px #a7a37e solid;
font-family: verdana;
font-size: 14px;
font-weight: bold;
width: 600px;
padding: 4px;
}

#topmenu a{color:#046380;text-decoration:none; background: #a7a37e; padding:2px 3px 2px 3px;}
#topmenu a:hover{color:#efecca; background: #046380; padding:2px 4px 2px 4px;}

#mottomenu {
position:absolute;
right:0px;
top:62px;
height:11px;
background: #a7a37e;
border: 1px #a7a37e solid;
color:#046380;
font-family: verdana;
font-size: 10px;
font-weight: bold;
width: 225px;
padding: 4px;
}


#center { 
width:1098px; 
position:absolute; 
top:85px; 
background: #e6e2af;
height:435px;
padding: 0px;
border: 0px #046380 solid;
font-family: verdana;
color:#046380;
font-size: 15px;
}

.inputbox {
background-color:#e6e2af;
border:1px;
border-color:#a7a37e;
font-family: verdana;
color:#046380;
font-size: 13px;
}

.button  {
background-color:#e6e2af;
border:1px;
border-color:#a7a37e;
font-family: verdana;
color:#046380;
font-size: 13px;
}


.button:hover {
background-color:#046380;
color:#e6e2af;
}

#center ul {
list-style:none;
padding:0px;
margin:0px;
width:636px;
position:relative;
float:left;
}

#center ul li {
display:inline;
width:190px;
height:120px;
float:left;
margin: 22px 22px 0px 0px;
}

#center ul li a {
display:block;
width:188px;
height:118px;
text-decoration:none;
border:1px solid #e6e2af;
}

#center ul li#home a {
display:block;
width:188px;
height:118px;
text-decoration:none;
border:1px solid #efecca;
background-image:url('http://www.dinu.us/newmedia/dinuhds.gif');
}

#center ul li#about a {
display:block;
width:188px;
height:118px;
text-decoration:none;
border:1px solid #efecca;
background-image:url('http://www.dinu.us/newmedia/voilas.gif');
}

#center ul li#patent a {
display:block;
width:188px;
height:118px;
text-decoration:none;
border:1px solid #efecca;
background-image:url('http://www.dinu.us/newmedia/patents.gif');
}

#center ul li#project a {
display:block;
width:188px;
height:118px;
text-decoration:none;
border:1px solid #efecca;
background-image:url('http://www.dinu.us/newmedia/projectss.gif');
}

#center ul li#resume a {
display:block;
width:188px;
height:118px;
text-decoration:none;
border:1px solid #efecca;
background-image:url('http://www.dinu.us/newmedia/resumes.gif');
}

#center ul li#contact a {
display:block;
width:188px;
height:118px;
text-decoration:none;
border:1px solid #efecca;
background-image:url('http://www.dinu.us/newmedia/contacts.gif');
}

#center ul li img {
display:block;
width:188px;
height:118px;
border:0;
}

#center ul li#home a img{
position:absolute;
left:658px;
top:22px;
width:auto;
height:262px;
border:1px solid #e6e2af;
}

#center ul li a:hover {
white-space:normal;
border-color:#e6e2af;
background-color:#a7a37e;
}


#center ul li a:hover img {
position:absolute;
left:658px;
top:22px;
width:auto;
height:262px;
border:1px solid #e6e2af;
}


#center ul li a span {display:none}

#center ul li#home a span {
display:block;
position:absolute;
left:10px;
top:296px;
width:1066px;
height:100px;
font-family: verdana;
font-size:14px;
color:#002f2f;
background-color:#a7a37e;
border:1px solid #a7a37e;
padding:5px;
}

#center ul li a:hover span {
display:block;
position:absolute;
left:0px;
top:296px;
width:1086px;
height:80px;
font-family: verdana;
font-size:14px;
color:#002f2f;
background-color:#e6e2af;
border:1px solid #e6e2af;
padding:5px;
}


#foot { 
width:1098px; 
position:absolute; 
top:521px; 
background: #efecca;
height:43px;
padding: 0px;
border: 0px solid #046380;
color:#046380;
font-family: verdana;
font-size: 9px;
font-weight: bold;
}

#foot a{color:#046380;text-decoration:none; background: #efecca; padding:2px 3px 2px 3px;}
#foot a:hover{color:#efecca; background: #046380; padding:2px 4px 2px 4px;}

#botmenu {
position: absolute;
right:0px;
top:15px;
height:18px;
background: #efecca;
border: 1px #efecca solid;
font-family: verdana;
font-size: 11px;
font-weight: bold;
width: auto;
padding: 4px;
}

#botmenu a{color:#046380;text-decoration:none; background: #efecca; padding:2px 3px 2px 3px;}
#botmenu a:hover{color:#efecca; background: #046380; padding:2px 4px 2px 4px;}