body {
	background-color: #999999;
	margin-left: 53px;
	margin-top: 47px;
	margin-right: 0px;
	margin-bottom: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 14px;
	color: #FFFFFF;
	text-decoration: none;
	text-align: justify;
}

p {
	width: 453px;
	font-size: 11px;

}

.highlight {
	color: #E5E5E5;
}
.highlightbold {
	font-weight: bold;
}
a:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 14px;
	color: #FFFFFF;
	text-decoration: none;
	font-weight: bold;
}
a:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 14px;
	color: #FFFFFF;
	text-decoration: none;
	font-weight: bold;
}
a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 14px;
	color: #333333;
	text-decoration: none;
	font-weight: bold;
}

      UL { 
        margin: 0px 0px 0px 0px;
        padding: 0px 0px 60px 0px;
                                     
      }
	        LI { 
        margin: 0px 0px 0px 10px;
        padding: 0px 0px 0px 0px; 
        list-style: none             
                                     
      }



#navigation {
	position: absolute;
	width: 767px;
	height: 108px;
	margin: 0;
	margin-top: 0px;
    background-position: bottom; 
	vertical-align: bottom;


} 

/* Rollover CSS code */
a#about { background-image:url(images/about.gif); height: 16px; width:59px; display:block; position: absolute; margin-left: 0px; margin-top: 92px;}
a#about span { display:none; }
a#about:hover { background-image:url(images/about_over.gif); }
a#resume { background-image:url(images/resume.gif); height: 16px; width:82px; display:block; position: absolute; margin-left: 59px; margin-top: 92px;}
a#resume span { display:none; }
a#resume:hover { background-image:url(images/resume_over.gif); }
a#showreels { background-image:url(images/showreels.gif); height: 16px; width:105px; display:block; position: absolute; margin-left: 141px; margin-top: 92px;}
a#showreels span { display:none; }
a#showreels:hover { background-image:url(images/showreels_over.gif); }
a#music_clips { background-image:url(images/music_clips.gif); height: 16px; width:110px; display:block; position: absolute; margin-left: 246px; margin-top: 92px;}
a#music_clips span { display:none; }
a#music_clips:hover { background-image:url(images/music_clips_over.gif); }
a#home { background-image:url(images/Grant_adams_logo.gif); height: 108px; width:403px; display:block; position: absolute; margin-left: 356px; margin-top: 0px;}
a#home span { display:none; }
a#home:hover { background-image:url(images/Grant_adams_logo.gif); }
a#contact { background-image:url(images/contact.gif); height: 28px; width:453px; display:block;}
a#contact span { display:none; }
a#contact:hover { background-image:url(images/contact_over.gif); }


/* active states*/
#about1 { background-image:url(images/about_over.gif); height: 16px; width:59px; display:block; position: absolute; margin-left: 0px; margin-top: 92px;}
#resume1 { background-image:url(images/resume_over.gif); height: 16px; width:82px; display:block; position: absolute; margin-left: 59px; margin-top: 92px;}
#showreels1 { background-image:url(images/showreels_over.gif); height: 16px; width:105px; display:block; position: absolute; margin-left: 141px; margin-top: 92px;}
#music_clips1 { background-image:url(images/music_clips_over.gif); height: 16px; width:110px; display:block; position: absolute; margin-left: 246px; margin-top: 92px;}

#centerDoc { 

position: absolute; 
width: 453px;
padding: 0 0 40px 0; /*top right bottom left*/ 
margin-top: 197px; 
margin-left: 0px; 
	vertical-align: top;

} 
.centerDoc img {
	margin-bottom: 16px;
	margin-right: 10px;
}

#resumeDoc {
	position: absolute;
	width: 600px; 
	margin-top: 197px;
	margin-left: 0px;
	vertical-align: top;

} 

#names {
	margin-bottom: 20px;
	padding-bottom: 1px;
	
}

#footer{ 

position: absolute; 

padding: 0 0 20px 0; /*top right bottom left*/ 

margin-top: 490px; 

margin-left: 0px; 
width: 453px; 
	height: 28px;

} 
.floating-box {
	float: left;
	width: 100px;
}
.floating-box img {
	margin-bottom: 16px;
}
.resume {
	text-align: left;
			line-height: 16px;
}
.floating-box2 {
	float: left;
	width: 150px;
	text-align: left;
			line-height: 20px;
}
.floating-box3 {
	float: left;
	width: 250px;
	text-align: left;
			line-height: 20px;
}
.floating-box4 {
	float: left;
	width: 200px;
	text-align: left;
		line-height: 20px;
}