body 
{
  font-family: Arial, Helvetica, sans-serif;
  font-size: 13.5px;
  text-align: center;
  margin: 0px;
}


a 
{
  text-decoration: none;
  border: none;
  color: #78A1B5;
}

a:visited
{
  text-decoration: none;
  border: none;
  color: #78A1B5;

}

a:hover
{
  text-decoration: underline;
  border: none;
  color: #78A1B5;
}


div#container 
{
  margin-right: auto;
  margin-left: auto;
 
  width: 765px;
  text-align: left;
 
/*
  margin-left: 5px;
  border: 3px solid black;
*/
}

div#header 
{
  margin-top: 5px;
  margin-bottom: 20px;
  padding: 35px 0px 35px 35px;

  background-image: url(http://www.ioforge.com/images/iofheader300.jpg);   
  background-repeat: no-repeat;
  background-position: left;


  /*

  border: 3px solid green;
  background-color: #000000;
  */
}


div#header_navigation
{
  height: 25px;
  font-size: 90%; 

  text-align: right;

}

div#header_search
{
  float:right; 
  height: 22px; 

}

div#marquee 
{
  margin: 0px 0px 15px 0px;
  padding: 10px;

  font-size: 92%;

  border: 1px solid gray;

/*
  font-size: 105%;
*/
}


div#img_marquee 
{
  margin: 0px 0px 15px 0px;
  padding: 10px 12px 10px 12px;

  border: 1px solid gray;

/*

*/

}


div#content 
{

  margin: 15px 0px 0px 0px;  
  padding: 0px;
  height: 250px;

  font-size: 11.7px;

  font-family: sans-serif, Helvetica, arial;

/*
  font-size: 11.5px;
  text-align: justify;
  border: 3px solid blue;
*/

}

div#content h3 
{
  margin: 0px;
  padding: 2px;
  color: #FFFFFF; 
  font-size: 12.5px; 
  background-color: #2C2E3B;
/*

*/

} 


div#content li
{
  padding-top: 1px;
  padding-bottom: 1px;
}

div#content_left 
{
  float: left;
  overflow: hidden;

  width: 225px;
  height: 255px;
  margin-right: 5px;

  border: 1px solid gray;

/*
  padding: 10px;
  margin-top: 20px;

*/
}

div#content_right 
{
  float: right;
  overflow: hidden;

  margin-left: 5px;
  width: 225px;
  height: 255px;

  border: 1px solid gray;

/*
  padding: 10px;

*/

}

div#content_center 
{
  overflow: hidden;
  height: 255px;

  border: 1px solid gray;

/*
  zoom: 1;
  padding: 10px;

*/

}



/*****************************************
*
*  div IDs for contact screens 
*  'contact_content'
*
/*****************************************/


div#contact_content
{
  height: 425px;

  padding: 0px;
  margin: 35px 0px 0px 0px;

  font-size: 11.7px;

  font-family: sans-serif, Helvetica, arial;

/*
  border: 2px solid green;
  margin: 25px 0px 15px 0px;
*/

}

div#contact_content h3 
{
  margin: 0px;
  padding: 2px;
  color: #FFFFFF; 
  font-size: 12.5px; 
  background-color: #2C2E3B;

} 

div#contact_content_left
{
  float: left;

  width: 525px;
  height: 425px;

  margin-top: 0px;
  padding: 0px;

  border: 1px solid gray;

  overflow: hidden;

}


div#contact_content_center 
{
  float: right;

  width: 225px;
  height: 425px;

  margin-top: 0px;
  padding: 0px;

  border: 1px solid gray;
}



div#portfolio_content_display
{

/*
  float: left;
  display: inline;
  
*/
}


div#portfolio_content_display p
{
  float: left;
  padding: 15px;

  margin: 25px 25px 75px 25px;

/*
  border: 1px solid green; 
  margin: 20px;
  display: inline;
*/
}


div#image_display_controls
{
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  margin-top: 25px;
  margin-bottom: 25px;

  font-size: 14px;
  font-weight: bold;

}


div#footer 
{
  clear: both;

  margin: 15px 0px 25px 0px;
  padding-top: 25px;
  font-size: 12px;

/*
  border-top: 2px solid gray;
  border: 3px solid green;
*/
}



/* NAVIGATION DEFINITIONS */

div#navigation 
{
  margin-bottom: 30px;
  padding-bottom: 10px;

  font-variant: small-caps;
  font-weight: bold;

/*
  border: 3px solid red;
*/
}

#navigation ul 
{
  padding-left: 0;
  margin: 0;
  width: 100%;
  float: left;

  font-family: arial, helvetica, sans-serif;
  color: #FFFFFF;
  background-color: #2C2E3B;
}

#navigation ul li { display: inline; }

#navigation ul li a {
  padding: 0.2em 1em;
  background-color: #2C2E3B;
  color: #FFFFFF;
  text-decoration: none;
  float: left;
  border-right: 1px solid white;
}

#navigation ul li a:hover {
  background-color: #515360
}



/* FORM DEFINIITONS */

label 
{
  text-align: right;

  width: 75px; 
  margin: 0px 15px 0px 0px;
  padding: 2px 0px 0px 0px;

  float: left;
  display: block
}

input
{
  border: 1px solid #000000;
  margin-bottom: 5px;
}

textarea 
{
  border: 1px solid #000000;
}


/* TARGETED DEFINITIONS */

.trademark_content
{
  margin: 75px 0px 75px 0px;
/*
  border: 1px solid black; 
*/
}

.trademark_content_bottom
{
  margin: 75px 0px 125px 0px;
/*
  border: 1px solid black; 
*/
}

.trademark_content_top
{
  margin: 45px 0px 55px 0px;
/*
  border: 1px solid black; 
*/
}

.trademark_header
{
  font-style: italic;   
  padding: 0px;

}

.order_form_category
{
  margin-top: 10px;
  margin-bottom: 10px;
}

.contact_form_subject
{
  margin-top: 20px;
}

.team_profile_desc
{
  clear: both;
  margin-top: 50px;
  padding: 10px 7px 10px 7px;
}

.team_profile_skills
{
  padding: 5px 7px 0px 0px;
}

.submit_button
{
  margin-left: 50px;

}

.site_map_content
{
  float: left;

  height: 225px;
  width: 250px;
  line-height: 20px;
  margin: 15px 0px 10px 0px;

  font-size: 12px;
  font-family: Arial;

}

.site_map_content_bottom
{
  clear: both;

  width: 100%;
  line-height: 20px;
  margin: 15px 0px 10px 0px;

  font-size: 12px;
  font-family: Arial;
/*
*/

}


.thumbnail_index_links
{
  float: left;
  padding: 15px;

  margin: 25px 20px 35px 20px;

}

.thumbnail_portfolio_links
{
  float: left;
  padding: 5px;

  margin: 0px 10px 0px 10px;

}

.web_services_image
{
  margin: 15px 0px 0px 25px;
  float: right;

}

.section_header
{
  padding: 0px 0px 5px 7px;
  width: 99%;

  border-bottom: 2px solid gray;

/*
  border-left: 2px solid gray;

*/

}

.content_box_spacing
{
  padding: 0px 0px 5px 0px;
  margin: 20px 0px 20px 0px;

}

.padded_paragraph
{
  padding: 0px 7px 0px 7px;
}

.index_more_info_link
{
  margin: 0px;
  padding: 5px 0px 0px 17px;

}

.float_left
{
  float: left;
  margin: 0px;
  padding-right: 20px;
}

.float_right
{
  float: right;
  margin: 0px;
  padding-left: 10px;
}


.smaller_left_margin
{
  padding-left: 50px;

/*
  margin-left: 10px;
*/

}

.content_box
{
  border: 1px solid gray;
}

.content_box h3 
{
  margin: 0px;
  padding: 2px;
  color: #FFFFFF; 
  font-size: 12.5px; 
  background-color: #2C2E3B;

} 

.website_left_padding
{
  padding:  0px 7px 0px 7px;
}


.nobullet     { list-style-type: none; }
.justify      { text-align: justify; }
.centeralign  { text-align: center; }
.leftalign    { text-align: left; }
.rightalign   { text-align: right; }
.form_table   { padding: 5px; }

.nomargin     { margin: 0px; }
.indentleft   { margin-left: 10px; }
.indentright  { margin-right: 10px; }
.indentbottom { margin-bottom: 10px; }
.indenttop    { margin-top: 15px; }

.specialsmallindentleft  { margin-left: 4px; }
.smallindentleft         { margin-left: 5px; }
.smallindentright        { margin-right: 5px; }

.allpad       { padding: 10px; }
.toppad       { padding-top: 20px; }
.bottompad    { padding-bottom: 10px; }
.rightpad     { padding-right: 10px; }
.leftpad      { padding-left: 10px; }

.leftpadplus  { padding-left: 20px; }
.custompada   { padding-top: 10px; padding-right: 10px; padding-bottom: 0px; padding-left: 10px; }

.small        { font-size: 10px; }
.bold         { font-weight: bold; }
.italic       { font-style: italic; }
.underline    { text-decoration: underline; }
.plusone      { font-size: 13px; }
.plustwo      { font-size: 15px; }
.plusthree    { font-size: 18px; }
.smcaps       { font-variant: small-caps; }
.nodecoration { text-decoration: none; }
.red          { color: #FF0000; }
.img          { border: 0px none; vertical-align: bottom; }
.thumb        { border: 2px solid #78A1B5;  vertical-align: bottom; margin-bottom: 10px; }
.crs          { cursor: pointer; }

.clear_both   { clear: both; }

.dbg-border   { border: 2px solid red; }