@charset "utf-8";

p {font-family:verdana, sans-serif;} 
a {color:#F90;}
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/buttonHomePress.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/buttonAbout.png');
}

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

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

.nivoSlider{
position:relative;	
margin-left:auto;
margin-right:auto;
margin-top:80px;
width:944px; /* Change this to your images width */
height:250px; /* Change this to your images height */
background:url(startslidesources/loading.gif) no-repeat 50% 50%;
}
#slider {
position:relative;
background:url(startslidesources/loading.gif) no-repeat 50% 50%;
}
#slider img {
position:absolute;
top:0px;
left:0px;
display:none;
}