A.menu {font-family:Verdana, Arial, Helvetica, sans-serif;font-size:x-small;cursor: auto}
	A.menu:link {color:#555;text-decoration:none }
	A.menu:visited {color:#555;text-decoration:none}
	A.menu:hover {text-decoration: none; color:#DDDDDD; background-color:#555}
	A.menu:active {text-decoration: none; color:#DDDDDD; background-color:#555}
	a.menu img {background: none; border:0}

	.menu2 {font-family:Verdana, Arial, Helvetica, sans-serif;font-size:xx-small;cursor: auto}
	.menu2:link {color:#555;text-decoration:underline }
	.menu2:visited {color:#555;text-decoration:none}
	.menu2:hover {text-decoration: none; color:#DDDDDD; background-color:#555}
	.menu2:active {text-decoration: none; color:#DDDDDD; background-color:#555}
	.menu2 img {background: none; border:0}



	body {
	margin-top:30px;
}
    
#mainframe {
width: 800px;
border:1px solid black;
height: auto;
margin-left:auto;
margin-right:auto;
margin-top:0px;
overflow: hidden;
}

#menu {
width:800px;
height:55px;
padding:0px 0px 0px 0px;
float:left;
}

#buttons {
width:800px;
height:55px;
float:left;
}

#indexleft {
width: 320px;
height: 100px;
margin-top:160px;
border-left:25px solid white;
font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 14px;color:#333;font-weight:bold;
float:left;
}

#indexright {
width: 450px;
height: 430px;
margin-top:45px;
float:left;
}

#left {
width: 275px;
height: auto;
padding:40px 10px 10px 15px;
border-right:0px solid gray;
background-color:;
float:left;
}

#left2 {
width: 275px;
height: auto;
padding:40px 10px 10px 15px;
background-color:#FFFFFF;
border-right:1px solid gray; 
float:left;
}

#aboutus {
width: 394px;
height: 490px;
padding:10px 50px 5px 15px;
background-color:#fff;
float:left;
}

#aboutusr {
width: 200px;
height: 460px;
padding:10px 0px 0px 0px;
background-color:#FFFFFF;
float:left;
}

#contact {
width: 284px;
height: 460px;
padding:10px 40px 5px 15px;
background-color:#FFFFFF;
float:left;
}

#map {
width: 400px;
padding:50px 0px 0px 0px;
height: auto;
float:left;
}

#right {
width: 499px;
height: 500px;
border-left:1px solid gray; 
float:left;
}

#right2 {
width: 499px;
height: 500px;
float:left;
}

#awards {
width: 550px;
height: auto;
padding:5px 0px 10px 15px;
border-left:px solid black; 
background-color:white;
float:left;
}

#cv {
width: 394px;
height: auto;
padding:10px 50px 5px 15px;
background-color:#fff;
float:left;
}

#mugshot {
width: 173px;
height: auto;
border-left:30px solid white; 
border-top:30px solid white;
background-color:white;
float:left;
}


#r1 {
width:499px;
height:440px;
float:left;
}

#r2 {
width:499px;
height:40px;
padding-left:0px;
background-color:white;
float:left;
}

#portfolioframe {
width:486px;
height:455px;
padding-top:20px;
padding-left:20px;
float:left;
}

#portfolioband {
width:700px;
height:80px;
float:left;
}


#portfolioband2 {
width:700px;
height:auto;
float:left;
}

#projectbox {
width:160px;
height:80px;
border-right:2px solid white;
float:left;
}

#projecttitle {
width:160px;
height:30px;
border-right:1px solid white;
border-top:1px solid white;
border-bottom:1px solid white;
float:left;
}

#footer {
width:790px;
height:20px;
background-color:white;
padding-right:10px;
padding-top:5px;
border-top:1px solid black;
text-align:right;
float:left;
}




.maintext {font-family: Verdana, Arial, Helvetica, sans-serif;font-size: x-small;color:#666;}
.title {font-family: Verdana, Arial, Helvetica, sans-serif;font-size:10px;font-weight:bold;color:#222;}
.credit {font-family: Verdana, Arial, Helvetica, sans-serif;font-size:xx-small;color:#555;}
.lighter {font-familly: Verdana, Arial, Helvetica, sans-serif;color:#777;}
.contact {font-family: Verdana, Arial, Helvetica, sans-serif;font-size: x-small;color:#444444; line-height:15px;}
.portfolio {font-family: Verdana, Arial, Helvetica, sans-serif;font-size:xx-small;color:#666; line-height:10px;}



.gallerycontainer{
position: relative;
/*Add a height attribute and set to largest image's height to prevent overlaying*/
}

.thumbnail3 img{
border-right: 1px solid black;
border-top:1px solid black;
border-bottom:1px solid black;
margin: 0 0px 0px 0;
float:left;
}

.thumbnail3:hover{
background-color: transparent;
}

.thumbnail3 span{ /*CSS for enlarged image*/
position: absolute;
background-color: white;
padding: 0px;
left: -1000px;
border: 0px dashed gray;
visibility: hidden;
text-decoration: none;
}

.thumbnail3 span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 0px;
}

.thumbnail3:hover span{ /*CSS for enlarged image*/
visibility: visible;
top: -440px;
left: 0px; 
z-index: 0;
}




.thumbnail4 img{
border-right: 1px solid black;
border-top:1px solid black;
border-bottom:1px solid black;
margin: 0 0px 0px 0;
float:left;
}

.thumbnail4:hover{
background-color: transparent;
}

.thumbnail4 span{ /*CSS for enlarged image*/
position: absolute;
background-color: white;
padding: 0px;
left: -1000px;
border: 0px dashed gray;
visibility: hidden;
text-decoration: none;
}

.thumbnail4 span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 0px;
}

.thumbnail4:hover span{ /*CSS for enlarged image*/
visibility: visible;
top: -440px;
left: 0px; 
z-index: 0;
}



.thumbnail5 img{
border-right: 1px solid black;
border-top:1px solid black;
border-bottom:1px solid black;
margin: 0 0px 0px 0;
float:left;
}

.thumbnail5:hover{
background-color: transparent;
}

.thumbnail5 span{ /*CSS for enlarged image*/
position: absolute;
background-color: white;
padding: 0px;
left: -1000px;
border: 0px dashed gray;
visibility: hidden;
text-decoration: none;
}

.thumbnail5 span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 0px;
}

.thumbnail5:hover span{ /*CSS for enlarged image*/
visibility: visible;
top: -440px;
left: 0px; 
z-index: 0;
}




.thumbnail6 img{
border-right: 1px solid black;
border-top:1px solid black;
border-bottom:1px solid black;
margin: 0 0px 0px 0;
float:left;
}

.thumbnail6:hover{
background-color: transparent;
}

.thumbnail6 span{ /*CSS for enlarged image*/
position: absolute;
background-color: white;
padding: 0px;
left: -1000px;
border: 0px dashed gray;
visibility: hidden;
text-decoration: none;
}

.thumbnail6 span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 0px;
}

.thumbnail6:hover span{ /*CSS for enlarged image*/
visibility: visible;
top: -440px;
left: 0px; 
z-index: 0;
}


.thumbnail7 img{
border-right: 1px solid black;
border-top:1px solid black;
border-bottom:1px solid black;
margin: 0 0px 0px 0;
float:left;
}

.thumbnail7:hover{
background-color: transparent;
border-bottom:3px solid black;
}

.thumbnail7 span{ /*CSS for enlarged image*/
position: absolute;
background-color: white;
padding: 0px;
left: -1000px;
border: 0px dashed gray;
visibility: hidden;
text-decoration: none;
}

.thumbnail7 span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 0px;
}

.thumbnail7:hover span{ /*CSS for enlarged image*/
visibility: visible;
top: -440px;
left: 0px; 
z-index: 0;
}