/*
 *  psd2css.css
 *
 *  This is your external CSS style sheet. It defines all of the CSS styles that you
 *  are using in your page.  If you are going to create multiple pages from the same
 *  PSD file (like a template), you will share this CSS style sheet between the various
 *  pages.
 *
 *  This file was originally generated at http://psd2cssonline.com 
 *  July 25, 2009, 2:07 pm with psd2css Online version 1.42
 *
 */

/* You named this layer menu */
#Layer-1 {
  position: absolute;
  left: +0px;
  top: +374px;
  width: 307px;
  height: 626px;
  z-index: 1;
}

/* You named this layer banner */
#Layer-2 {
  position: absolute;
  left: +0px;
  top: +0px;
  width: 1000px;
  height: 737px;
  z-index: 2;
}

/* Here are some examples of how you might want to change the
 * look and behavior of the links on your page.  Some examples for
 * further customization are included in comments.  */
a { cursor: pointer; }
a:link { color: #009e34; }
a:visited { color: #02631c; }
a:hover {
  color: #0fff00;
  /* text-decoration: underline; */
  /* font-weight: bold; */
}

#container{
	width: 549px;
	margin: auto;
	padding: 10px;
	position: absolute;
	top: 420px;
	left: 270px;
	background: #ffffff;
	z-index: 4;
 }
 
 #resumecontainer{
	width: 549px;
	margin: auto;
	padding: 10px;
	position: absolute;
	top: 420px;
	left: 270px;
	background: #ffffff;
	z-index: 4;
 }
 
 
#textcontainer{
	width: 453px;
	margin: auto;
	padding: 10px;
	position: absolute;
	top: 780px;
	left: 269px;
	background: #ffffff;
	font-family : Futura, Verdana, Helvetica, sans-serif;
}

#contactcontainer{
  width: 28%;
  margin: auto;
  padding: 10px;
  position: absolute; top: 690px; left: 250px;
  background: #ffffff;
  font-family : Futura, Verdana, Helvetica, sans-serif;
}

#reelcontainer{
	width: 462px;
	margin: auto;
	padding: 10px 10px, 10px, 0px;
	position: absolute;
	top: 780px;
	left: 280px;
	background: #ffffff;
	font-family : Futura, Verdana, Helvetica, sans-serif;
}
.maintext{ 
  font-size: small; 
  color: #000000;
  font-weight: bold;
  font-family: Futura, Verdana, sans-serif;
}

#home {
  width:134px;
  height:100px;
  text-indent:-9999px;
  overflow:hidden;
  display:block;
  background:transparent url("images/home.png") 0 0 no-repeat;
}

#home:hover {
  background-position: 0 -102px;
}

#reel {
  width:121px;
  height:76px;
  text-indent:-9999px;
  overflow:hidden;
  display:block;
  background:transparent url("images/reel.png") 0 0 no-repeat;
}

#reel:hover {
  background-position: 0 -76px;
}

#resume {
  width:152px;
  height:90px;
  text-indent:-9999px;
  overflow:hidden;
  display:block;
  background:transparent url("images/resume.png") 0 0 no-repeat;
}

#resume:hover {
  background-position: 0 -90px;
}

#mywork {
  width:160px;
  height:100px;
  text-indent:-9999px;
  overflow:hidden;
  display:block;
  background:transparent url("images/mywork.png") 0 0 no-repeat;
}

#mywork:hover {
  background-position: 0 -111px;
}

#contact {
  width:155px;
  height:100px;
  text-indent:-9999px;
  overflow:hidden;
  display:block;
  background:transparent url("images/contact.png") 0 0 no-repeat;
}

#contact:hover {
  background-position: 0 -113px;
}

#blog {
  width:132px;
  height:90px;
  text-indent:-9999px;
  overflow:hidden;
  display:block;
  background:transparent url("images/blog.png") 0 0 no-repeat;
}

#blog:hover {
  background-position: 0 -94px;
}

#tutorials {
  width:179px;
  height:75px;
  text-indent:-9999px;
  overflow:hidden;
  display:block;
  background:transparent url("images/tutorials.png") 0 0 no-repeat;
}

#tutorials:hover {
  background-position: 0 -75px;
}