body  {
    font-family: Helvetica, sans-serif;
    font-weight: lighter;
    line-height: 1.4em;
    font-size: 10pt;
    margin: 0;       
    padding: 0;
    background: url('../images/Portfolio/CanvasBG.jpg');
}

a {
	color: #fff;
}

p {
	color: #000;
}

h1 {
	color: #fff;
	font-size: 20pt;
	font-weight: lighter;
}

.wrapper {
    width: 1000px;
    height: 5100px;
    margin: 0px auto;
}

.header {
	margin: 0 auto;
	width: 1000px;
	height: 120px;
	background: url('../images/Portfolio/banner.jpg') repeat-x;
}

.logo {
	float: left;
	width: 210px;
	height: 38px;
	margin: 13px auto;
}

/* Top Menu */

.home a {
 float: right;
 outline: none;/* get rid of dotted borders in FireFox */
 text-indent: -5000px ;/* this move the text outside of the screen area */
 display:block;
 width:57px;
 height:58px;
 background: url("../images/Common/Button-Home-Slider.jpg") 0 0 no-repeat;
 }

 .home a:hover {
 background-position: 0px -58px;
 }
 
 .portfolio a {
  float: right;
  outline: none;/* get rid of dotted borders in FireFox */
  text-indent: -5000px ;/* this move the text outside of the screen area */
  display:block;
  width:81px;
  height:58px;
  background: url("../images/Common/Button-Portfolio-Current.jpg") 0 0 no-repeat;
  }
  
  .bio a {
   float: right;
   outline: none;/* get rid of dotted borders in FireFox */
   text-indent: -5000px ;/* this move the text outside of the screen area */
   display:block;
   width:61px;
   height:58px;
   background: url("../images/Common/Button-Bio-Slider.jpg") 0 0 no-repeat;
   }
  
   .bio a:hover {
   background-position: 0px -58px;
   }
   
   .contact a {
    float: right;
    outline: none;/* get rid of dotted borders in FireFox */
    text-indent: -5000px ;/* this move the text outside of the screen area */
    display:block;
    width:165px;
    height:113px;
    background: url("../images/Common/Button-Contact-Canvas-Slider.jpg") 0 0 no-repeat;
    }
   
    .contact a:hover {
    background-position: 0px -113px;
    }

/* Side Menu */

.websites a {
 outline: none;/* get rid of dotted borders in FireFox */
 text-indent: -5000px ;/* this move the text outside of the screen area */
 display:block;
 width:251px;
 height:61px;
 background: url("../images/Portfolio/PortMenu-Websites-Slider.jpg") 0 0 no-repeat;
 }

 .websites a:hover {
 background-position: -251px 0;
 }
 
.assets a {
 outline: none;/* get rid of dotted borders in FireFox */
 text-indent: -5000px ;/* this move the text outside of the screen area */
 display:block;
 width:251px;
 height:61px;
 background: url("../images/Portfolio/PortMenu-Assets-Slider.jpg") 0 0 no-repeat;
 }

 .assets a:hover {
 background-position: -251px 0;
 }

.branding a {
 outline: none;/* get rid of dotted borders in FireFox */
 text-indent: -5000px ;/* this move the text outside of the screen area */
 display:block;
 width:251px;
 height:61px;
 background: url("../images/Portfolio/PortMenu-Branding-Slider.jpg") 0 0 no-repeat;
 }
 
 .branding a:hover {
 background-position: -251px 0;
 }
 
 .print a {
  outline: none;/* get rid of dotted borders in FireFox */
  text-indent: -5000px ;/* this move the text outside of the screen area */
  display:block;
  width:251px;
  height:61px;
  background: url("../images/Portfolio/PortMenu-Print-Slider.jpg") 0 0 no-repeat;
  }
 
  .print a:hover {
  background-position: -251px 0;
  }

.LeftBody {
	float: left;
	width: 251px;
	height: 4830px;
	margin: 0px auto;
}

.RightBody {
	float: right;
	width: 699px;
	margin: 0px auto;
}

.Footer {
	float: left;
	width: 1000px;
	margin: 0px auto;
}

.FooterLinks {
	float: left;
	width: 700px;
	margin: 0px auto;
}

#FooterLogo {
	float: right;
	width: 300px;
	margin: 0px auto;
}

#FooterLogo img {
	float: right;
	size: 70%;
}