body {
   background-color: #F98B0F;
   font-family: Verdana, sans-serif;
   margin: 0px;
   padding: 0px;
   }
   
p {
padding: 0px;
margin:0px;
}
   

   

#web_link {
   color: red;
   font-size: 80%;
   }
   
a img {    /* No Border Around Image Links */
   border: 0px;
   }

a {
   text-decoration: none;
   color: red;
   }
   
h3 {
   font-family: Myriad Pro;
   color: #646464;
   padding:2px 0px 2px 5px;
   margin: 0px;

   }
   
p {
   font-size: 55%;
   font-weight: bold;
   color: #713F00;
   margin: 0px;
   padding:0px 0px 5px 0px;
   }
   
#wrapper {
   /*border: 1px solid  blue;*/
   margin-left: auto;
   margin-right: auto;
   width: 800px;
   padding: 0px;
   }
   
#header {
   /*border: 1px solid blue;*/
   background: url(images/top_back.png) no-repeat;
   height: 69px;
   width: 747px; /* This is the width of side_back.png + nav_back.png + main_back.png */
   margin: 0px;
   padding: 0px;
   }
   
#side {
   /*border: 1px solid blue;*/
   background: url(images/side_back.png) no-repeat;
   float: left;
   width: 53px;
   height: 406px;
   margin: 0px;
   padding: 0px;
   }
   
#navigation {
   /*border: 1px solid blue;*/
   background: url(images/nav_back.png) no-repeat;
   float: left;
   width: 176px;
   height: 406px;
   padding: 0px;
   margin: 0px;
   }
   
#navigation ul{
   /*border: 1px solid blue;*/
   padding: 0px;
   margin: 60px 0px 0px 30px;
   }
   
#nav_buttons {
   /*border: 1px solid blue;*/
   list-style: none;
   padding: 0px;
   margin: 0px;
   }
   
#nav_buttons img {
   /*border: 1px solid blue;*/
   padding: 0px;
   margin: 0px;
   }
   

   
#nav_buttons li{
   /*border: 1px solid blue;*/
   width: 117px;
   padding: 0px;
   margin: 0px;
   }
   
#nav_buttons a{
   /*border: 1px solid blue;*/
   background: url(images/button_back.png) no-repeat;
   font-family: Myriad Pro;
   color: #713F00;
   font-weight: bold;
   text-decoration: none;
   display: block;
   width: 117px;
   margin: 0px 0px 0px 0px;
   padding: 7px 0px 0px 5px;
   }
   
#nav_buttons a:hover, body#home #n-home a{
   color: white;
   background: url(images/button_back_on.png) no-repeat;
   }
   
#nav_buttons a:hover, body#web #n-web a{
   color: white;
   background: url(images/button_back_on.png) no-repeat;
   }
   
#nav_buttons a:hover, body#graphics #n-graphics a{
   color: white;
   background: url(images/button_back_on.png) no-repeat;
   }
   
#home_contact_wrapper {
   padding: 0px;
   margin: 155px 0px 0px 0px;
   }
   
#home_contact {
   color: #854C00;
   font-size: 60%;
   text-align: center;
   padding: 0px;
   margin: 0px;
   }
   
#main {
   /*border: 1px solid blue;*/
   background: url(images/main_back.png) no-repeat;
   float: left;
   width: 518px;
   height: 406px;
   margin: 0px;
   padding: 0px;
   }
   
#my_background {
   /*border: 1px solid blue;*/
   border: 2px solid #848c92;
   background: #d2d5db;
   float: left;
   width: 288px;
   height: 220px;
   padding: 5px;
   margin: 25px 0px 0px 25px;
   }
   
* html #my_background { display:inline; } /* Hack for IE6 so that the padding and margins are not doubled */
   
#my_background_header {
   /*border: 1px solid blue;*/
   background: url(images/my_background_orange.png) repeat-y;
   }
  
#intro_p {
   margin: 0px 0px 0px 0px;
   padding: 6px 0px 0px 0px;
   text-indent: 30px;
   
   }
   
#featured {
   /*border: 1px solid blue;*/
   border: 2px solid #848c92;
   background: #d2d5db;
   float: right;
   width: 146px;
   height: 340px;
   padding: 5px;
   margin: 25px 25px 0px 0px;
   }
   
* html #featured { display:inline; } /* Hack for IE6 so that the padding and margins are not doubled */
   
#featured_header {
   /*border: 1px solid blue;*/
   background: url(images/featured_orange.png) repeat-y;
   }
   
#featured_image {
   /*border: 1px solid blue;*/
   float: left;
   margin: 5px 0px 0px 0px;
   }
   
#featured_title {
   /*border: 1px solid blue;*/
   color: #854C00;
   font-size: 75%;
   float: left;
   width: 70px;
   height: 74px;
   margin: 5px;
   }




/**************Sub Page Style***********************/   
#featured_sub {
   /*border: 1px solid blue;*/
   border: 2px solid #848c92;
   background: #d2d5db;
   float: left;
   width: 146px;
   height: 340px;
   padding: 5px;
   margin: 25px 0px 0px 25px;
   }

* html #featured_sub { display:inline; } /* Hack for IE6 so that the padding and margins are not doubled */

#featured_header_sub {
   /*border: 1px solid blue;*/
   background: url(images/featured_orange.png) repeat-y;
   font-size: 99%;
   margin: 0px 0px 3px 0px;
   } 
   
#main_sub {
   /*border: 1px solid blue;*/
   background: url(images/main_back_sub.png) no-repeat;
   float: left;
   width: 518px;
   height: 406px;
   margin: 0px;
   padding: 0px;
   }
   
#portfolio_image {
   /*border: 1px solid blue;*/
  float: left;
   padding: 0px;
   margin: 25px 0px 0px 25px;
   width: 270px;
   height: 300px;
   border: none;
   }
   
* html #portfolio_image { display:inline; } /* Hack for IE6 so that the padding and margins are not doubled */

  
h4 {
   color: #6b6b6c;
   font-size: 80%;
   padding: 0px;
   margin: 0px;
   }
      
      
 /*** Portfolio Navigation with Next and Back Button ***/     
#portfolio_nav_buttons {
   float: left;
   width: 270px;
   margin: 0px 0px 0px 25px;
   padding: 10px 0px 0px 0px;
   list-style: none;
   }
   
#portfolio_nav_buttons a{
   display: block;
   margin: 0px 0px 0px 0px;
   padding: 10px 0px 0px 26px;
   text-decoration: none;
   color: #713F00;
   font-weight: bold;
   }
   
#back {
   background: url(images/arrow_back_brown.gif) no-repeat;
   width: 100px;
   height: 45px;
   }
   
#next {
   background: url(images/arrow_next_brown.gif) no-repeat;
   width: 100px;
   height: 45px;
   }
   
#li_back {
   float: left;
   margin: 0px 0px 0px 0px;
   padding: 0px 0px 0px 0px;
   width: 100px;
   height: 45px;
   }
   
* html #li_back { display:inline; } /* Hack for IE6 so that the padding and margins are not doubled */

#li_next {
   float: right;
   margin: 0px 0px 0px 0px;
   padding: 0px 0px 0px 0px;
   width: 100px;
   height: 45px;
   }

* html #li_next { display:inline; } /* Hack for IE6 so that the padding and margins are not doubled */   

#portfolio_navigation a:hover {
   background: url(images/arrow_back_orange.gif) no-repeat;
   color: #F98B0F;
   }
   
#portfolio_navigation a#next:hover {
   background: url(images/arrow_next_orange.gif) no-repeat;
   color: #F98B0F;
   }