/*VERSION 7*/
body
  {
  background-color : #FFFFFF;
  font-family : trebuchet ms, helvetica, tahoma, sans-serif;
  /* font-family : verdana, sans-serif; */
  /* font-family : tahoma, geneva, sans-serif; */
  /* font-family : tahoma, sans-serif; */
  /* font-family : times new roman, times, serif; */
  color :  #404040;  /* #606060; */  /*text med-grey */
  font-size : 9pt;
  font-weight : 500;  /* 600; */
  }

/* BIG BOX container for all content including banner, menu, title, and text*/
.bgbox
  {
  position: relative;
  width : 650px; 
  height : 100%;
  top : 0px;
  left : 0px; 
  }

/*PARAGRAPH - Indent first line of paragraphs without adding blank line above them*/
.indent
  {
  text-indent : 25px;
  }

h1
  {
  font-size :  8pt;
  font-weight : 600;
  color : #444444;
  margin-top : 0px;
  margin-bottom : 8px;
  }

h2
  {
  font-size : 8pt;
  font-weight : 700;
  color : indigo;
/*  color : #585858; */
/*  color :  #666666; */
  margin-top : 5px;
  margin-bottom : 10px;
  }

h3
  {
  font-size : 7pt;
  font-weight : 700;
  color : #585858;
  margin-top : 0px;
  margin-bottom : 8px;
  }

/*CONTENTLEFT Left column of content text*/
.contentleft
  {
  position : absolute;
  background-color : transparent;
  top : 152px;
  left : 140px;
  padding : 0px 0px 0px 0px;
  width : 240px; 
  height : 100%;
  text-align: justify;  
  line-height: 15px;
  z-index : 3;
  }

/*CONTENTRIGHT Right column of content text*/
.contentright
  {
  position : absolute;
  top : 152px;
  left : 398px; 
  width : 240px; 
  height : 100%;
  padding : 0px 0px 0px 0px;
  text-align : justify;
  line-height : 15px;
  z-index : 3;
  }

/*NAMES OF QUOTED AND THEIR TITLE RIGHT JUSTIFIED*/
.quoted
  {
  display : block;
  text-align : right;
  }

/*TITLE -Image- above text content*/
.title
  {
  position : absolute;
  background-color : transparent;
  top : 94px;
  left : 122px;
  padding : 0px 0px 0px 0px;
  width : 528px;
  height : 63px;
  z-index : 2;
  }

/*PORTFOLIO TITLE image height is different above text on this page*/
.portfoliotitle
  {
  position : absolute;
  top : 93px;
  left : 122px;
  width : 528px;
  height : 107px;
  z-index : 2;
  }

/*PORTFOLIO LIST IS PLACED IN LEFT COLUMN ONLY UNDER TALLER TITLE */
.portfoliolist
 {
  position : absolute;
  top : 152px;
  left : 140px;
  width : 515px; 
  height : 100%;
  text-align : left;  
  line-height : 15px;
  font-weight : 500;
  z-index : 3;
  }

.portfoliolist a:link
  {
  font-weight : 600;
  text-decoration : none;
  color : #666666;  
  }

.portfoliolist a:hover
  {
  text-decoration : none;
  color : #800080;
  }

/*SINGLE COLUMN FOR CONTACT PAGE*/
.singlecolumn
  {
  position : absolute;
  top : 102px;
  left : 100px;
  width : 310px; 
  height : 100%;
  }

.emailcontact
 {
  position : absolute;
  top : 0px;
  left : 0px;
  width : 300;
  height : 26;
 }

.emailcontact a
  {
  display : block;
  }

.emailcontact a:hover
  {
  visibility : visible;
  }

.emailcontact a:hover img
  {
  visibility : hidden;
  }

/*PRELOAD AND HIDE MENU BUTTONS AND ROLLOVER*/
.preloadmenu
  {
  display : none; 
  }

/*BANNER top image on pages*/
.banner
  {
  position : absolute;
  top : 0px;
  left : 0px;
  width : 650;
  height : 93px;
  z-index : 3; 
  }

/*ALL ROLLOVER images of menu items all together will be hidden by menu buttons*/
.menurollover
  {
  position : absolute;
  top : 93px;
  left : 0px; 
  height : 100%;
  width : 122px;
  z-index : 3;
  }

/*ABOUT MENU BUTTON*/
.aboutbutton
  {
  position : absolute;
  top : 111px;
  left : 0px;
  width : 122px;
  height : 36px;
  z-index : 3;
  }

.aboutbutton a
{
  display : block;
}

.aboutbutton a:hover
  {
  visibility : visible;
  }

.aboutbutton a:hover img
  {
  visibility : hidden;
  }
/*----<ABOUT MENU BUTTON END>----- */

/*SERVICES MENU BUTTON*/
.servicesbutton
  {
  position : absolute;
  top : 147px;
  left : 0px;
  width : 122px;
  height : 36px;
  z-index : 3;
  }

.servicesbutton a
  {
  display : block;
  z-index : 3; 
 }

.servicesbutton a:hover
  {
  visibility : visible;
  }

.servicesbutton a:hover img
  {
  visibility : hidden;
  }
/*----<SERVICES MENU BUTTON END>----- */

/*PORTFOLIO MENU BUTTON*/
.portfoliobutton
  {
  position : absolute;
  top : 183px;
  left : 0px;
  width : 122px;
  height : 36px;
  z-index : 3; 
  }

.portfoliobutton a
  {
  display : block;
  z-index : 3; 
  }

.portfoliobutton a:hover
  {
  visibility : visible;
  }

.portfoliobutton a:hover img
  {
  visibility : hidden
  }
/*----<PORTFOLIO MENU BUTTON END>----- */

/*TESTIMONIALS MENU BUTTON*/
.testimonialsbutton
  {
  position : absolute;
  top : 219px;
  left : 0px;
  width : 122px;
  height : 36px;
  z-index : 3; 
  }

.testimonialsbutton a
  {
  display : block;
  z-index : 3; 
  }

.testimonialsbutton a:hover
  {
  visibility : visible;
  }

.testimonialsbutton a:hover img
  {
  visibility : hidden;
  }
/*----<TESTIMONIALS MENU BUTTON END>----- */

/*CONTACT MENU BUTTON*/
.contactbutton
  {
  position : absolute;
  top : 255px;
  left : 0px;
  width : 122px;
  height : 36px;
  z-index : 3; 
  }

.contactbutton a
  {
  display : block;
  z-index : 3; 
  }

.contactbutton a:hover
  {
  visibility : visible;
  }

.contactbutton a:hover img
  {
  visibility : hidden;
  }
/*----<CONTACT MENU BUTTON END>----- */

/*HOME MENU BUTTON*/
.homebutton
  {
  position : absolute;
  top : 291px;
  left : 0px;
  width : 122px;
  height : 36px;
  z-index : 3; 
  }

.homebutton a
  {
  display : block;
  z-index : 3; 
  }

.homebutton a:hover
  {
  visibility : visible;
  }

.homebutton a:hover img
  {
  visibility : hidden;
  }
/*----<HOME MENU BUTTON END>----- */