@charset "utf-8";
p {font-family:verdana, sans-serif;} 

h1{text-align:center;font-family:verdana, sans-serif;margin-bottom:-5px;}
hr{margin-bottom:40px;}
h2 {font-family:verdana, sans-serif;} 
h3 {font-family:verdana, sans-serif;} 
h4 {font-family:verdana, sans-serif;} 

html {
	overflow-y: scroll; 
}

body {background-repeat:repeat-x; background-image:url(siteElements/headTile.png);color:#808080;}

#textbox{width:850px;margin:auto;margin-right:auto;margin-top:100px;position:relative;}
#head{margin-top:-8px;
position:relative;
}
#menu{margin:auto; width:600px; margin-top:-50px; position: relative;}

#homebutton{float:left;position:relative;}
#worksbutton{float:left;position:relative;margin-left:20px;}
#showreelbutton{float:left;position:relative;margin-left:20px;}
#aboutbutton{float:left;position:relative;margin-left:20px;}
#contactbutton{float:left;position:relative;margin-left:20px;}

a.homerollover {
	display: block;
	width: 70px;
	height: 33px;
	background-image: url('siteElements/buttonHome.png');
}

a.homerollover:hover {
	background-image: url('siteElements/buttonHomeOver.png');
}
a.showreelrollover {
	display: block;
	width: 94px;
	height: 33px;
	background-image: url('siteElements/buttonShowreel.png');
}

a.showreelrollover:hover {
	background-image: url('siteElements/buttonShowreelOver.png');
}

a.worksrollover {
	display: block;
	width: 70px;
	height: 33px;
	background-image: url('siteElements/buttonWorks.png');
}

a.worksrollover:hover {
	background-image: url('siteElements/buttonWorksOver.png');
}

a.aboutrollover {
	display: block;
	width: 70px;
	height: 33px;
	background-image: url('siteElements/buttonAboutPress.png');
}


a.contactrollover {
	display: block;
	width: 70px;
	height: 33px;
	background-image: url('siteElements/buttonContact.png');
}

a.contactrollover:hover {
	background-image: url('siteElements/buttonContactOver.png');
}