BODY
{ 	background-color: #504944;
	background-image: url(../images/portfolio/pixel_pr.png), url(../images/portfolio/background.png);
 	background-repeat: no-repeat, repeat;
	background-attachment: fixed, fixed;
	background-position: center top, left top;

  FONT-size: 10pt;
  height:100%
  margin-bottom: 0px;

}

A
{
  COLOR: #FFFFFF;
  FONT-FAMILY: Verdana;
  FONT-size: 10pt;
  TEXT-DECORATION:underline;
  border:none;
  outline:none;
}

A:hover
{
  COLOR: #fb8b07;
  TEXT-DECORATION: underline;
  FONT-FAMILY: Verdana;
  FONT-size: 10pt;
  border:none;
  outline:none;
}

A:active
{
  COLOR: #ff3333;
  TEXT-DECORATION: underline;
  FONT-FAMILY: Verdana;
  FONT-size: 10pt;
  border:none;
  outline:none;
}

.white {
   font-family: verdana;
   font-size: 10pt;
   color: #f2e6d6;
   line-height:17px;
}

.whitesm {
   font-family: verdana;
   font-size: 9pt;
   color: #f2e6d6;
   line-height:130%
}

.h1resume {
   font-family: verdana;
   font-size: 12pt;
   color: #8d8077;
  font-weight: normal;
}

.h1heading {
   font-family: verdana;
   font-size: 16pt;
   color: #fb8b07;
  font-weight: normal;
}

div#logobar
{
  position: absolute;
  top: 0px;
  left: -200px;
  float: left;
  width: 1200px;
  height: 159px;
  border: 0px;
  z-index: 10;
  padding: 0px;
}

div#work_highlight
{
  position: absolute;
  background-repeat: no-repeat;
  top: 75px;
  left: 500px;
  float: left;
  width: 114px;
  height: 113px;
  z-index: 99;
  padding: 0px;
}

div#contact
{
  position: absolute;
  opacity:.75;
  top: 0px;
  left: 744px;
  float: left;
  width: 200px;
  height: 42px;
  z-index: 99;
  padding: 0px;
}

div#ninja
{
  position: absolute;
  opacity:.35;
  top: 480px;
  left: 380px;
  float: left;
  width: 225px;
  height: 225px;
  z-index: 3;
  padding: 0px;
}

div#color_blocks
{
  position: absolute;
  top: 480px;
  left: 1000px;
  float: left;
  width: 300px;
  height: 398px;
  z-index: 10;
  padding: 0px;
}

div#ninja_proj
{
  position: absolute;
  opacity:.22;
  top: 260px;
  left: 950px;
  float: left;
  width: 225px;
  height: 225px;
  border: 0px;
  z-index: 1;
  padding: 0px;
}



div#sidebar
{
  position: absolute;
  top: 0px;
  left: -499px;
  float: left;
  width: 550px;
  height: 881px;
  border: 0px;
  z-index: 1;
  padding: 0px;
}

div#bubble_static
{
  position: absolute;
  top: 14px;
  left: 572px;
  float: left;
  width: 400px;
  height: 141px;
  border: 0px;
  z-index: 10;
  padding: 0px;
}

div#topcontainer
{
  position: relative;
  width: 1000px;
  height: 1110px;
  margin: 0 auto;
  padding: 0px;
  border: 0px;
  z-index: 50;
}

div#graybg
{
  position: absolute;
  background-image: url(../images/portfolio/transparent.png);
  width: 1000px;
  height: 1110px;
  margin: 0 auto;
  border: 0px;
  z-index: 2;
  padding: 0px;
}

div#orangefooter
{
  background-image: url(../images/portfolio/footer.png);
  position: absolute;
  left: 0px;
  top: 1035px;
  width: 1000px;
  height: 75px;
  z-index: 8;
  padding: 0px;
}

div#btmcontact
{
  position: absolute;
  left: 0px;
  top: 1055px;
  width: 1000px;
  text-align: center;
  z-index: 9;
  padding: 0px;
}


div#select_fss
{
  position: absolute;
  top: 425px;
  left: 4px;
  float: left;
  width: 43px;
  height: 38px;
  border: 0px;
  z-index: 99;
  padding: 0px;
}

div#topcontainer_fss
{
  position: relative;
  width: 1000px;
  height: 1510px;
  margin: 0 auto;
  padding: 0px;
  border: 0px;
  z-index: 1;
}

div#graybg_fss
{
  position: absolute;
  background-image: url(../images/portfolio/transparent.png);
  width: 1000px;
  height: 1510px;
  margin: 0 auto;
  border: 0px;
  z-index: 2;
  padding: 0px;
}

div#orangefooter_fss
{
  background-image: url(../images/portfolio/footer.png);
  position: absolute;
  left: 0px;
  top: 1435px;
  width: 1000px;
  height: 75px;
  z-index: 8;
  padding: 0px;
}

div#btmcontact_fss
{
  position: absolute;
  left: 0px;
  top: 1455px;
  width: 1000px;
  text-align: center;
  z-index: 9;
  padding: 0px;
}


div#select_msn
{
  position: absolute;
  top: 147px;
  left: 4px;
  float: left;
  width: 43px;
  height: 38px;
  border: 0px;
  z-index: 99;
  padding: 0px;
}

div#topcontainer_msn
{
  position: relative;
  width: 1000px;
  height: 3520px;
  margin: 0 auto;
  padding: 0px;
  border: 0px;
  z-index: 1;
}

div#graybg_msn
{
  position: absolute;
  background-image: url(../images/portfolio/transparent.png);
  width: 1000px;
  height: 3520px;
  margin: 0 auto;
  border: 0px;
  z-index: 2;
  padding: 0px;
}

div#orangefooter_msn
{
  background-image: url(../images/portfolio/footer.png);
  position: absolute;
  left: 0px;
  top: 3455px;
  width: 1000px;
  height: 75px;
  z-index: 8;
  padding: 0px;
}

div#btmcontact_msn
{
  position: absolute;
  left: 0px;
  top: 3475px;
  width: 1000px;
  text-align: center;
  z-index: 9;
  padding: 0px;
}

div#select_gdn
{
  position: absolute;
  top: 285px;
  left: 4px;
  float: left;
  width: 43px;
  height: 38px;
  border: 0px;
  z-index: 99;
  padding: 0px;
}

div#topcontainer_gdn
{
  position: relative;
  width: 1000px;
  height: 1670px;
  margin: 0 auto;
  padding: 0px;
  border: 0px;
  z-index: 1;
}

div#graybg_gdn
{
  position: absolute;
  background-image: url(../images/portfolio/transparent.png);
  width: 1000px;
  height: 1670px;
  margin: 0 auto;
  border: 0px;
  z-index: 2;
  padding: 0px;
}

div#orangefooter_gdn
{
  background-image: url(../images/portfolio/footer.png);
  position: absolute;
  left: 0px;
  top: 1595px;
  width: 1000px;
  height: 75px;
  z-index: 8;
  padding: 0px;
}

div#btmcontact_gdn
{
  position: absolute;
  left: 0px;
  top: 1615px;
  width: 1000px;
  text-align: center;
  z-index: 9;
  padding: 0px;
}

div#select_halo
{
  position: absolute;
  top: 8px;
  left: 4px;
  float: left;
  width: 43px;
  height: 38px;
  border: 0px;
  z-index: 99;
  padding: 0px;
}


div#topcontainer_halo
{
  position: relative;
  width: 1000px;
  height: 5275px;
  margin: 0 auto;
  padding: 0px;
  border: 0px;
  z-index: 1;
}

div#graybg_halo
{
  position: absolute;
  background-image: url(../images/portfolio/transparent.png);
  width: 1000px;
  height: 5275px;
  margin: 0 auto;
  border: 0px;
  z-index: 2;
  padding: 0px;
}

div#orangefooter_halo
{
  background-image: url(../images/portfolio/footer.png);
  position: absolute;
  left: 0px;
  top: 5200px;
  width: 1000px;
  height: 75px;
  z-index: 8;
  padding: 0px;
}

div#btmcontact_halo
{
  position: absolute;
  left: 0px;
  top: 5220px;
  width: 1000px;
  text-align: center;
  z-index: 9;
  padding: 0px;
}

div#explore
{
  position: absolute;
  top: 260px;
  left: 757px;
  float: left;
  width: 305px;
  height: 800px;
  border: 0px;
  z-index: 99;
  padding: 0px;
}

div#explore_res
{
  background-image: url(../images/portfolio/explore_res.png);    
  position: absolute;
  top: 260px;
  left: 762px;
  float: left;
  width: 300px;
  height: 720px;
  border: 0px;
  z-index: 99;
  padding: 0px;
}

div#explore_proj
{
  background-image: url(../images/portfolio/explore_proj.png);    
  position: absolute;
  top: 260px;
  left: 762px;
  float: left;
  width: 300px;
  height: 720px;
  border: 0px;
  z-index: 99;
  padding: 0px;
}


div#xbox_icon
{
  background-image: url(../images/portfolio/halowars_square.png);    
  position: absolute;
  top: 17px;
  left: 36px;
  float: left;
  width: 114px;
  height: 113px;
  z-index: 99;
  padding: 0px;
}



div#msn_icon
{
  position: absolute;
  top: 156px;
  left: 36px;
  float: left;
  width: 114px;
  height: 113px;
  z-index: 1000;
  padding: 0px;
}


div#gdn_icon
{
  position: absolute;
  top: 295px;
  left: 36px;
  float: left;
  width: 114px;
  height: 113px;
  z-index: 99;
  padding: 0px;
}


div#win_icon
{
  position: absolute;
  top: 434px;
  left: 36px;
  float: left;
  width: 114px;
  height: 113px;
  z-index: 99;
  padding: 0px;
}

div#rule0
{
  position: absolute;
  top: 3px;
  left: 28px;
  float: left;
  width: 114px;
  height: 113px;
  z-index: 99;
  padding: 0px;
}

div#rule1
{
  position: absolute;
  top: 142px;
  left: 28px;
  float: left;
  width: 114px;
  height: 113px;
  z-index: 99;
  padding: 0px;
}

div#rule2
{
  position: absolute;
  top: 281px;
  left: 28px;
  float: left;
  width: 114px;
  height: 113px;
  z-index: 99;
  padding: 0px;
}

div#rule3
{
  position: absolute;
  top: 420px;
  left: 28px;
  float: left;
  width: 114px;
  height: 113px;
  z-index: 99;
  padding: 0px;
}

div#rule4
{
  position: absolute;
  top: 559px;
  left: 28px;
  float: left;
  width: 114px;
  height: 113px;
  z-index: 99;
  padding: 0px;
}




div#topcontainer_about
{
  position: relative;
  width: 1000px;
  height: 1110px;
  margin: 0 auto;
  padding: 0px;
  border: 0px;
  z-index: 500;
}

div#graybg_about
{
  position: absolute;
  background-image: url(../images/portfolio/transparent.png);
  width: 1000px;
  height: 1110px;
  margin: 0 auto;
  border: 0px;
  z-index: 2;
  padding: 0px;
}



div#orangefooter_about
{
  background-image: url(../images/portfolio/footer.png);
  position: absolute;
  left: 0px;
  top: 1035px;
  width: 1000px;
  height: 75px;
  z-index: 8;
  padding: 0px;
}

div#btmcontact_about
{
  position: absolute;
  left: 0px;
  top: 1055px;
  width: 1000px;
  text-align: center;
  z-index: 9;
  padding: 0px;
}



div#topcontainer_res
{
  position: relative;
  width: 1000px;
  height: 2950px;
  margin: 0 auto;
  padding: 0px;
  border: 0px;
  z-index: 1;
}

div#graybg_res
{
  position: absolute;
  background-image: url(../images/portfolio/transparent.png);
  width: 1000px;
  height: 2950px;
  margin: 0 auto;
  border: 0px;
  z-index: 2;
  padding: 0px;
}

div#orangefooter_res
{
  background-image: url(../images/portfolio/footer.png);
  position: absolute;
  left: 0px;
  top: 2870px;
  width: 1000px;
  height: 75px;
  z-index: 8;
  padding: 0px;
}

div#btmcontact_res
{
  position: absolute;
  left: 0px;
  top: 2890px;
  width: 1000px;
  text-align: center;
  z-index: 9;
  padding: 0px;
}

div#headerbar
{
  position: absolute;
  width: 1000px;
  height: 159px;
  margin: 0 auto;
  padding: 0px;
  text-align: left;
  border: 0px;
  z-index: 6;
}

div#flash
{
  position: absolute;
  opacity:.85;
  top: 15px;
  left: 600px;
  width: 400px;
  padding: 0px;
  text-align: left;
  border: 0px;
  z-index: 6;
}

div#resumecontent
{
  position: absolute;
  top: 180px;
  left: 60px;
  float: left;
  width: 600px;
  border: 0px;
  z-index: 6;
  padding: 0px;
  text-align: justify;
}

div#intro
{
  position: absolute;
  top: 180px;
  left: 40px;
  float: left;
  width: 688px;
  border: 0px;
  z-index: 3;
  padding: 0px;
}

div#orange_cap_top_work
{
  position: absolute;
  background-image: url(../images/portfolio/mybackground.png);
  top: 200px;
  left: 748px;
  float: left;
  width: 200px;
  height: 40px;
  border: 0px;
  z-index: 3;
  padding: 0px;
}

div#orange_cap_top_res
{
  position: absolute;
  background-image: url(../images/portfolio/skills.png);
  top: 200px;
  left: 748px;
  float: left;
  width: 200px;
  height: 40px;
  border: 0px;
  z-index: 3;
  padding: 0px;
}

div#mybackgroundbar
{
  position: absolute;
  background-image: url(../images/portfolio/mybackground_bar.png);
  top: 240px;
  left: 748px;
  float: left;
  width: 198px;
  height: 680px;
  z-index: 5;
  padding: 0px;
  border-left-color: #884a02;
  border-left-style: solid;
  border-left-width: 1px;
  border-top-color: #884a02;
  border-top-style: solid;
  border-top-width: 1px;
  border-right-color: #884a02;
  border-right-style: solid;
  border-right-width: 1px;
}

div#mybackgroundbar_res
{
  position: absolute;
  background-image: url(../images/portfolio/mybackground_bar.png);
  top: 240px;
  left: 748px;
  float: left;
  width: 198px;
  height: 747px;
  z-index: 5;
  padding: 0px;
  border-left-color: #884a02;
  border-left-style: solid;
  border-left-width: 1px;
  border-top-color: #884a02;
  border-top-style: solid;
  border-top-width: 1px;
  border-right-color: #884a02;
  border-right-style: solid;
  border-right-width: 1px;
}


div#mybackgroundbar_work
{
  position: absolute;
  background-image: url(../images/portfolio/mybackground_bar.png);
  top: 240px;
  left: 748px;
  float: left;
  width: 198px;
  height: 602px;
  z-index: 5;
  padding: 0px;
  border-left-color: #884a02;
  border-left-style: solid;
  border-left-width: 1px;
  border-top-color: #884a02;
  border-top-style: solid;
  border-top-width: 1px;
  border-right-color: #884a02;
  border-right-style: solid;
  border-right-width: 1px;
}

div#mybackgroundtext
{
  position: absolute;
  top: 260px;
  left: 756px;
  float: left;
  width: 150px;
  height: 720px;
  z-index: 120;
  padding: 0px;
}

div#mybackgroundtext2
{
  position: absolute;
  top: 260px;
  left: 780px;
  float: left;
  width: 150px;
  height: 720px;
  z-index: 120;
  padding: 0px;
}

div#orange_cap_btm
{
  position: absolute;
  background-image: url(../images/portfolio/orange_cap_btm.png);
  top: 919px;
  left: 748px;
  float: left;
  width: 200px;
  height: 20px;
  border: 0px;
  z-index: 3;
  padding: 0px;
}

div#orange_cap_btm_res
{
  position: absolute;
  background-image: url(../images/portfolio/orange_cap_btm.png);
  top: 987px;
  left: 748px;
  float: left;
  width: 200px;
  height: 20px;
  border: 0px;
  z-index: 3;
  padding: 0px;
}

div#orange_cap_btm_work
{
  position: absolute;
  background-image: url(../images/portfolio/orange_cap_btm.png);
  top: 842px;
  left: 748px;
  float: left;
  width: 200px;
  height: 20px;
  border: 0px;
  z-index: 3;
  padding: 0px;
}

div#rightmarginfill
{
  position: absolute;
  background-image: url(../images/portfolio/invisible.png);
  top: 977px;
  left: 748px;
  float: left;
  width: 200px;
  height: 1023px;
  border: 0px;
  z-index: 6;
  padding: 0px;
}

div#orange_cap_vert1
{
  position: absolute;
  background-image: url(../images/portfolio/orange_cap_vertical.png);
  top: 300px;
  left: 65px;
  float: left;
  width: 15px;
  height: 140px;
  border: 0px;
  z-index: 3;
  padding: 0px;
}

div#content1
{
  position: absolute;
  background-image: url(../images/portfolio/content_bar.png);
  top: 300px;
  left: 80px;
  float: left;
  width: 667px;
  height: 138px;
  z-index: 5;
  padding: 0px;
  border-left-color: #884a02;
  border-left-style: solid;
  border-left-width: 1px;
  border-top-color: #884a02;
  border-top-style: solid;
  border-top-width: 1px;
  border-bottom-color: #884a02;
  border-bottom-style: solid;
  border-bottom-width: 1px;
}

div#smallsquare1
{
  position: absolute;
  background-image: url(../images/portfolio/halowars_square.png);
  background-repeat: no-repeat;
  top: 315px;
  left: 90px;
  float: left;
  width: 130px;
  height: 120px;
  z-index: 4;
  padding: 0px;
}

div#promotext1
{
  position: absolute;
  top: 310px;
  left: 225px;
  float: left;
  width: 450px;
  height: 120px;
  z-index: 4;
  padding: 0px;
}

div#orange_cap_vert2
{
  position: absolute;
  background-image: url(../images/portfolio/orange_cap_vertical.png);
  top: 460px;
  left: 65px;
  float: left;
  width: 15px;
  height: 140px;
  border: 0px;
  z-index: 3;
  padding: 0px;
}

div#content2
{
  position: absolute;
  background-image: url(../images/portfolio/content_bar.png);
  top: 460px;
  left: 80px;
  float: left;
  width: 667px;
  height: 138px;
  z-index: 5;
  padding: 0px;
  border-left-color: #884a02;
  border-left-style: solid;
  border-left-width: 1px;
  border-top-color: #884a02;
  border-top-style: solid;
  border-top-width: 1px;
  border-bottom-color: #884a02;
  border-bottom-style: solid;
  border-bottom-width: 1px;
}

div#smallsquare2
{
  position: absolute;
  background-image: url(../images/portfolio/msngames_square.png);
  background-repeat: no-repeat;
  top: 475px;
  left: 90px;
  float: left;
  width: 130px;
  height: 120px;
  z-index: 4;
  padding: 0px;
}

div#promotext2
{
  position: absolute;
  top: 470px;
  left: 225px;
  float: left;
  width: 450px;
  height: 120px;
  z-index: 4;
  padding: 0px;
}

div#orange_cap_vert3
{
  position: absolute;
  background-image: url(../images/portfolio/orange_cap_vertical.png);
  top: 620px;
  left: 65px;
  float: left;
  width: 15px;
  height: 140px;
  border: 0px;
  z-index: 3;
  padding: 0px;
}

div#content3
{
  position: absolute;
  background-image: url(../images/portfolio/content_bar.png);
  top: 620px;
  left: 80px;
  float: left;
  width: 667px;
  height: 138px;
  z-index: 5;
  padding: 0px;
  border-left-color: #884a02;
  border-left-style: solid;
  border-left-width: 1px;
  border-top-color: #884a02;
  border-top-style: solid;
  border-top-width: 1px;
  border-bottom-color: #884a02;
  border-bottom-style: solid;
  border-bottom-width: 1px;
}

div#smallsquare3
{
  position: absolute;
  background-image: url(../images/portfolio/gdn_square.png);
  background-repeat: no-repeat;
  top: 635px;
  left: 90px;
  float: left;
  width: 130px;
  height: 120px;
  z-index: 4;
  padding: 0px;
}

div#promotext3
{
  position: absolute;
  top: 630px;
  left: 225px;
  float: left;
  width: 450px;
  height: 120px;
  z-index: 4;
  padding: 0px;
}

div#orange_cap_vert4
{
  position: absolute;
  background-image: url(../images/portfolio/orange_cap_vertical.png);
  top: 780px;
  left: 65px;
  float: left;
  width: 15px;
  height: 140px;
  border: 0px;
  z-index: 3;
  padding: 0px;
}

div#content4
{
  position: absolute;
  background-image: url(../images/portfolio/content_bar.png);
  top: 780px;
  left: 80px;
  float: left;
  width: 667px;
  height: 138px;
  z-index: 5;
  padding: 0px;
  border-left-color: #884a02;
  border-left-style: solid;
  border-left-width: 1px;
  border-top-color: #884a02;
  border-top-style: solid;
  border-top-width: 1px;
  border-bottom-color: #884a02;
  border-bottom-style: solid;
  border-bottom-width: 1px;
}


div#smallsquare4
{
  position: absolute;
  background-image: url(../images/portfolio/fss_square.png);
  background-repeat: no-repeat;
  top: 795px;
  left: 90px;
  float: left;
  width: 130px;
  height: 120px;
  z-index: 4;
  padding: 0px;
}

div#promotext4
{
  position: absolute;
  top: 790px;
  left: 225px;
  float: left;
  width: 450px;
  height: 120px;
  z-index: 4;
  padding: 0px;
}

div.transOFF {width: 100%;}
div.transONy {width: 100%; background-color: #fb8b07;opacity:.35;filter: alpha(opacity=25); -moz-opacity: 0.25;border:1px solid black; }
div.transONb {width: 100%; background-color: #fb8b07;opacity:.35;filter: alpha(opacity=25); -moz-opacity: 0.25;border:1px solid black; }
div.transONr {width: 100%; background-color: #fb8b07;opacity:.35;filter: alpha(opacity=25); -moz-opacity: 0.25;border:1px solid black; }
div.transONg {width: 100%; background-color: #fb8b07;opacity:.35;filter: alpha(opacity=25); -moz-opacity: 0.25;border:1px solid black; }

a.foo {
  display: block;
  width: 660px;
  height: 138px;
  padding: 0px;
}



.myButtonLinkHM {
	display: block;
	width: 64px;
	height: 108px;
	background: url('../images/portfolio/hover_hm.png') bottom;
	text-indent: -99999px;
}
.myButtonLinkHM:hover {
	background-position: 0 0;
}

div#home_hover
{
  position: absolute;
  top: 48px;
  left: 703px;
  float: left;
  width: 64px;
  height: 108px;
  z-index: 99;
  padding: 0px;
}


.myButtonLinkWORK {
	display: block;
	width: 60px;
	height: 106px;
	background: url('../images/portfolio/hover_work.png') bottom;
	text-indent: -99999px;
}
.myButtonLinkWORK:hover {
	background-position: 0 0;
}

div#work_hover
{
  position: absolute;
  top: 50px;
  left: 758px;
  float: left;
  width: 60px;
  height: 106px;
  z-index: 99;
  padding: 0px;
}

.myButtonLinkRES {
	display: block;
	width: 67px;
	height: 106px;
	background: url('../images/portfolio/hover_res.png') bottom;
	text-indent: -99999px;
}
.myButtonLinkRES:hover {
	background-position: 0 0;
}

div#res_hover
{
  position: absolute;
  top: 50px;
  left: 813px;
  float: left;
  width: 67px;
  height: 106px;
  z-index: 99;
  padding: 0px;
}

.myButtonLinkPROC {
	display: block;
	width: 67px;
	height: 106px;
	background: url('../images/portfolio/hover_process.png') bottom;
	text-indent: -99999px;
}
.myButtonLinkPROC:hover {
	background-position: 0 0;
}

div#process_hover
{
  position: absolute;
  top: 49px;
  left: 883px;
  float: left;
  width: 67px;
  height: 106px;
  z-index: 99;
  padding: 0px;
}


.myButtonLinkSTART {
	display: block;
	width: 305px;
	height: 131px;
	background: url('../images/portfolio/start_here.png') bottom;
	text-indent: -99999px;
}
.myButtonLinkSTART:hover {
	background-position: 0 0;
}

div#start
{
  position: relative;
  top: 268px;
  left: 760px;
  float: left;
  width: 305px;
  height: 131px;
  z-index: 150;
  padding: 0px;
}


.myButtonLinkMSN {
	display: block;
	width: 305px;
	height: 131px;
	background: url('../images/portfolio/highlight_arrow_rollover.png') bottom;
	text-indent: -99999px;
}
.myButtonLinkMSN:hover {
	background-position: 0 0;
}

div#msn_hover
{
  position: absolute;
  top: 407px;
  left: 760px;
  float: left;
  width: 305px;
  height: 131px;
  z-index: 99;
  padding: 0px;
}

.myButtonLinkHALO {
	display: block;
	width: 305px;
	height: 131px;
	background: url('../images/portfolio/highlight_arrow_rollover.png') bottom;
	text-indent: -99999px;
}
.myButtonLinkHALO:hover {
	background-position: 0 0;
}

div#halo_hover
{
  position: absolute;
  top: 268px;
  left: 760px;
  float: left;
  width: 305px;
  height: 131px;
  z-index: 99;
  padding: 0px;
}


.myButtonLinkFSS {
	display: block;
	width: 305px;
	height: 131px;
	background: url('../images/portfolio/highlight_arrow_rollover.png') bottom;
	text-indent: -99999px;
}
.myButtonLinkFSS:hover {
	background-position: 0 0;
}

div#fss_hover
{
  position: absolute;
  top: 685px;
  left: 760px;
  float: left;
  width: 305px;
  height: 131px;
  z-index: 99;
  padding: 0px;
}

.myButtonLinkGDN {
	display: block;
	width: 305px;
	height: 131px;
	background: url('../images/portfolio/highlight_arrow_rollover.png') bottom;
	text-indent: -99999px;
}
.myButtonLinkGDN:hover {
	background-position: 0 0;
}

div#gdn_hover
{
  position: absolute;
  top: 545px;
  left: 760px;
  float: left;
  width: 305px;
  height: 131px;
  z-index: 99;
  padding: 0px;
}

.myButtonLinkCONTACT {
	display: block;
	width: 200px;
	height: 40px;
	background: url('../images/portfolio/contact_tab.png') bottom;
	text-indent: -99999px;
}
.myButtonLinkCONTACT:hover {
	background-position: 0 0;
}

div#contact_hover
{
  position: absolute;
  top: 0px;
  left: 748px;
  float: left;
  width: 305px;
  height: 131px;
  z-index: 99;
  padding: 0px;
}



div#topcontainer_phil
{
  position: relative;
  width: 1000px;
  height: 3750px;
  margin: 0 auto;
  padding: 0px;
  border: 0px;
  z-index: 1;
}

div#graybg_phil
{
  position: absolute;
  background-image: url(../images/portfolio/transparent.png);
  width: 1000px;
  height: 3750px;
  margin: 0 auto;
  border: 0px;
  z-index: 2;
  padding: 0px;
}

div#orangefooter_phil
{
  background-image: url(../images/portfolio/footer.png);
  position: absolute;
  left: 0px;
  top: 3675px;
  width: 1000px;
  height: 75px;
  z-index: 8;
  padding: 0px;
}

div#btmcontact_phil
{
  position: absolute;
  left: 0px;
  top: 3695px;
  width: 1000px;
  text-align: center;
  z-index: 9;
  padding: 0px;
}

div#topcontainer_phil2
{
  position: relative;
  width: 1000px;
  height: 2900px;
  margin: 0 auto;
  padding: 0px;
  border: 0px;
  z-index: 1;
}

div#graybg_phil2
{
  position: absolute;
  background-image: url(../images/portfolio/transparent.png);
  width: 1000px;
  height: 2900px;
  margin: 0 auto;
  border: 0px;
  z-index: 2;
  padding: 0px;
}

div#orangefooter_phil2
{
  background-image: url(../images/portfolio/footer.png);
  position: absolute;
  left: 0px;
  top: 2825px;
  width: 1000px;
  height: 75px;
  z-index: 8;
  padding: 0px;
}

div#btmcontact_phil2
{
  position: absolute;
  left: 0px;
  top: 2845px;
  width: 1000px;
  text-align: center;
  z-index: 9;
  padding: 0px;
}