/* this is a practice run */

html {
	margin: 0;
	padding: 0;
}

body { 
/* margin: 0px; */
/* padding: 0px; 
text-align: center;*/
background-color: black; 

margin: 0 auto;

}

#background {
background: url('images/backback.jpg') repeat-x top; 
width: 100%;
height: 100%;
}

#container {

text-align: center;
/* display: block;*/ 
margin-left: auto;
margin-right: auto;
width: 800px;

}


#head { 
/* position: static; */
width: 800px; 
height: 99px; 
background: url('images/topbanner.gif') no-repeat center top; 
background-color: white; 
 }


#nav {
position: relative; 
width: 800px;
height: 42px;
background-color: white; 
text-align: center;
/* left: 0px; top: 0px; */

}

#nav  span{ /* since the graphics already have text, we can hide the span tag, making the text invisible */
	display: none;
	
}

#navhome {
display: block;
float:left;
background: url('images/nav_home.gif') ; 
width: 78px;
height: 42px;
background-color: white; 
left: 20px; top: 0px;
margin-left: 9px
}

#navhome:hover {
	background: url('images/nav_home_over.gif') no-repeat;
}

#navspecials {
display: block;
float:left;
background: url('images/nav_specials.gif') ; 
width: 116px;
height: 42px;
background-color: white; 
}

#navspecials:hover {
	background: url('images/nav_specials_over.gif') no-repeat;
}

#navlocation {
display: block;
float:left;
background: url('images/nav_location.gif') ; 
width: 124px;
height: 42px;
background-color: white; 
}

#navlocation:hover {
	background: url('images/nav_location_over.gif') no-repeat;
}

#navcontact{
display: block;
float:left;
background: url('images/nav_contact.gif') ; 
width: 116px;
height: 42px;
background-color: white; 
}

#navcontact:hover {
	background: url('images/nav_contact_over.gif') no-repeat;
}

#navservice{
display: block;
float:left;
background: url('images/nav_service.gif') ; 
width: 116px;
height: 42px;
background-color: white; 
}

#navservice:hover {
	background: url('images/nav_service_over.gif') no-repeat;
}

#navpre{
display: block;
float:left;
background: url('images/nav_pre.gif') ; 
width: 116px;
height: 42px;
background-color: white; 
}

#navpre:hover {
	background: url('images/nav_pre_over.gif') no-repeat;
}

#navbio{
display: block;
float:left;
background: url('images/nav_bio.gif') ; 
width: 110px;
height: 42px;
background-color: white; 
}

#navbio:hover {
	background: url('images/nav_bio_over.gif') no-repeat;
}

#bio {
text-align: left;
width: 735px;
height: 250px;
}

#biopic {
float:left;
width: 200px;
height: 250px;

}

#body {
position: relative;
width: 800px;
height: 300px;
background-color: white; 
}

#bodythankyou {
position: relative;
width: 800px;
height: 550px;
background-color: white; 
}

#bodymid {
position: relative;
width: 800px;
height: 230px;
background-color: white;
}


#hometext{
width: 760px;
height: 150px;
text-align: left;
padding-left: 20px;
}



#bodybanner {
position: relative;
width: 800px;
height: 150px;
background-color: white; 

}

#bodyspecials {
position: relative;
width: 800px;
height: 600px;
background-color: white; 

}

#biopic {
position: relative;
padding-left: 35px;
width: 220px;
height: 250px;
background-color: white; 
}

#biocopy {
position: relative;
text-align: left;
width: 800px;
height: 250px;
background-color: white; 
}


#bodyform{
position: relative;
text-align: center;
width: 800px;
height: 650px;
background-color: white; 

}


#bodyform2{
position: relative;
text-align: center;
width: 800px;
height: 1000px;
background-color: white; 

}

#footer {
position: relative;
clear:both;
width: 800px;
height: 135px;
background: url('images/bottombanner.jpg') no-repeat center top; 
background-color:#FFFFFF;
}