body {
	overflow:hidden; 		/* needed to eliminate scrollbars caused by the background image */
	padding:0;margin:0;		/* necesarry for the raster to fill the screen */
	height:100%;width:100%;
	font-family: Helvetica, arial, san-serif;
	font-size: 72px;
	color: white;
}



#bgimg {
	position:absolute;
	z-index: -1;
}

#container{
	position:absolute;
	z-index: 5;				/* Place the new body above the background image */
	overflow:hidden; 			/* restore scrollbars for the content */
	height:100%;width:100%;	/* Make the new body fill the screen */
	background: url('../img/raster.png'); /* this is just a fancy raster, you can remove it; I kinda like it though */
}


#homelink
{
  width: 255px;
  height: 75px;
  background: url("../img/home.png");
  float: right;
  margin-right: 0px;
  margin-top: 10px;

 }
 
 #homelink:hover
{ 
  background: url("../img/homehover.png");
}

 #homelink:active
{ 
  background: url("../img/homehover.png");
}

#videos
{
  width: 255px;
  height: 75px;
  background: url("../img/video.png");
  float: right;
  margin-right:-260px;
  margin-top: 85px;
 }
 
 #videos:hover
{ 
  background: url("../img/videohover.png");
}

 #videos:active
{ 
  background: url("../img/videohover.png");
}

#about
{
  width: 262px;
  height: 75px;
  background: url("../img/about.png");
  float: right;
  margin-right:-250px;
  margin-top: 160px;
 }
 
 #about:hover
{ 
  background: url("../img/abouthover.png");
}

 #about:active
{ 
  background: url("../img/abouthover.png");
}

#contact
{
  width: 325px;
  height: 75px;
  background: url("../img/contact.png");
  float: right;
  margin-right:-255px;
  margin-top: 233px;
 }
 
 #contact:hover
{ 
  background: url("../img/contacthover.png");
}

 #contact:active
{ 
  background: url("../img/contacthover.png");
}







#vimeo
{
  width: 105px;
  height: 25px;
  background: url("../img/vicon.png");
  float: right;
  margin-right:-325px;
  margin-top: 330px;
 }
 
 #vimeo:hover
{ 
  background: url("../img/viconhover.png");
}

#twitter
{
  width: 125px;
  height: 25px;
  background: url("../img/ticon.png");
  float: right;
  margin-right:-325px;
  margin-top: 365px;
 }
 
 #twitter:hover
{ 
  background: url("../img/ticonhover.png");
}

#linkedin
{
  width: 145px;
  height: 25px;
  background: url("../img/linicon.png");
  float: right;
  margin-right:-325px;
  margin-top: 400px;
 }
 
 #linkedin:hover
{ 
  background: url("../img/liniconhover.png");
}

#cv
{
  width: 124px;
  height: 25px;
  background: url("../img/cv.png");
  float: right;
  margin-right:-325px;
  margin-top: 440px;
 }
 
 #cv:hover
{ 
  background: url("../img/cvhover.png");
}






#copyright
{
  
  float: right;
  margin-right:-322px;
  margin-top: 520px;
  color: white;
  font-family: Helvetica;
  font-size: 10px;
  text-align: right;
  line-height: 2px;
 }
 
 




#newshome
{
position: fixed;
float: left;
width: 250px;
height: 200px;
margin-left: 20px;
margin-top: 10px;
}

#newshome h1
{

font-size: 20px;
margin-top: 10px;
background: url("../img/whitebg.png") repeat;
padding: 10px;
}

#newshome h2
{
font-size: 16px;
margin-top: 20px;
background: url("../img/whitebg.png") repeat;
padding: 4px;
padding-left: 10px;

}

#newshome p
{

font-size: 14px;
width: 387px;
background: url("../img/whitebg.png") repeat;
margin-top: -4px;
padding: 4px;
padding-left: 10px;
}

#newshome a
{
color: #36f;
}

#newshome a:hover
{

color: #333;
}


#abouthome
{
position: fixed;
float: left;
width: 400px;
height: 200px;
margin-left: 20px;
margin-top: 10px;
}

#abouthome h1
{

font-size: 20px;
margin-top: 10px;
background: url("../img/whitebg.png") repeat;
padding: 10px;
}

#abouthome h2
{
font-size: 16px;
margin-top: 20px;
background: url("../img/whitebg.png") repeat;
padding: 4px;
padding-left: 10px;

}

#abouthome h3
{
font-size: 16px;
margin-top: 5px;
background: url("../img/whitebg.png") repeat;
padding: 4px;
padding-left: 10px;
}

#abouthome p
{

font-size: 12px;
background: url("../img/whitebg.png") repeat;
margin-top: -10px;
padding: 4px;
padding-left: 10px;
}

#photoshome
{
position: fixed;
float: left;
width: 350px;
height: 200px;
margin-left: 20px;
margin-top: 10px;
}

#photoshome h1
{

font-size: 20px;
margin-top: 10px;
background: url("../img/whitebg.png") repeat;
padding: 10px;
}

#photoshome h2
{
font-size: 16px;
margin-top: 20px;
background: url("../img/whitebg.png") repeat;
padding: 4px;
padding-left: 10px;
}



#musichome
{
position: fixed;
float: left;
width: 350px;
height: 200px;
margin-left: 20px;
margin-top: 10px;
}

#musichome h1
{

font-size: 20px;
margin-top: 10px;
background: url("../img/whitebg.png") repeat;
padding: 10px;
}

#musichome h2
{
font-size: 16px;
margin-top: 20px;
background: url("../img/whitebg.png") repeat;
padding: 4px;
padding-left: 10px;

}










#reviews
{
position: fixed;
float: left;
width: 375px;
height: 200px;
margin-left: 20px;
margin-top: 10px;
}

#reviews h1
{

width:250px;
font-size: 20px;
margin-top: 10px;
background: url("../img/whitebg.png") repeat;
padding: 10px;
}

#reviews h2
{
font-size: 16px;
margin-top: 20px;
background: url("../img/whitebg.png") repeat;
padding: 4px;
padding-left: 10px;

}

#reviews p
{

font-size: 12px;
background: url("../img/whitebg.png") repeat;
margin-top: -10px;
padding: 4px;
padding-left: 10px;

}