body {
  margin: 0px;
  padding: 0px;
  background: #a1b89b;
  color: #565;
  font-family: verdana, lucida, helvetica, sans-serif;
  font-size: 15px;
  text-align: center;
}

a img {
  border: none;
}

a {
  font-weight: bold;
}

a:hover {
  text-decoration: underline;
}

.invisible {
  visibility: hidden
}

p {
  text-indent: 1em;
  line-height: 1.2em;
}

p a, li a {
   text-decoration: none;
}

p:hover strong {
  color: #060;
}
h1{
   margin: 0px;
   color: #003300;
   font-size: 30px;
}

h2 {
   margin: 5px;
   font-size: 18px;
   letter-spacing: 1px;
   color: #003300;
}

.index h2 {
  font-size: 20px;
}

#outerwrapper {
  text-align: left;
  margin: 0 auto 0 auto;
  margin-bottom: 25px;
  padding: 0px;
  padding-right: 5px;
  padding-left: 5px;
  background: url(./backgroundshade01.png) top center repeat-y;
  /*value for MSIE 5 */
  width: 760px;
  /*box model hack */
  voice-family: "\"}\"";
  voice-family:inherit;
  /*value for non-IE browsers*/
  width: 750px;
}
/* Be nice to Opera */
html>body #outerwrapper {
  width: 750px;
}

#wrapper {
  margin: 0 auto 0 0;
  border-left: 1px #030 solid;
  background: #f8f8e6 url(./shading12a.gif) top right repeat-y;
}
#innerwrapper {
  background: transparent url(./shading12a_top.jpg) top right no-repeat;
  margin: 0px;
  padding: 0px;
}
#content_container {
  width: 100%;
  float: left;
  margin-right: -230px;
}
#content {
  margin: 0px;
  padding: 0px;
  margin-right: 230px;
}
#innercontent {
  margin: 10px;
}

#header {
  background: #003300 url(./keysbg.jpg) center right no-repeat;
  color: #ffffff;
  position: relative;
  z-index: 50;
}
#header img {
  padding-bottom: 5px;
}

#sidebar {
  float: right;
  position: relative;
  z-index: 100;
  text-align: center; /*to center image*/
  padding: 15px;
  margin-top: 130px;
  /*value for MSIE 5 */
  width: 229px;
  /*box model hack */
  voice-family: "\"}\"";
  voice-family:inherit;
  /*value for non-IE browsers*/
  width: 200px;
}
/* Be nice to Opera */
html>body #sidebar {
  width: 200px;
}

#sidebar p {
   text-align: left;
}

#sidebar #styleswitcher {
  text-align: left;
  list-style: none outside;
  margin-left: 0px;
  padding-left: 0px; /*For Moz*/
}

#address {
   text-align: center;
   font-family: "Lucida Grande", "Lucida Sans Unicode", verdana, lucida, helvetica, sans-serif;
   margin-left: auto;
   margin-right: auto;
   margin-bottom: 10px;
   margin-top: 0px;
   padding: 0px;
}
#address p {
   color: #444;
   margin-top: 0px;
   margin-bottom: 0px;
   position: relative;
   z-index: 200;
   text-indent: 0;
   letter-spacing: 4px;
}

#logo {
   width: 224px;
	height: 40px;
   margin-left: auto;
   margin-right: auto;
   margin-bottom: -4px;
   z-index: 100;
   background: transparent url(./computerdocLOGO_inpage3.gif) no-repeat;
}

#logo a {
	height: 40px;
	display: block;
   width: 224px;
   text-decoration: none;
   color: #030;
   text-indent: -9999px;
}

#logo a:hover	{
   color: rgb(250,130,17);
   background: transparent url(./computerdocLOGO_inpage3.gif) 0 -40px no-repeat;
}

#footer {
  background-color: #003300;
  color: #ffffff;
  clear: both;
  font-family: "Lucida Grande", "Lucida Sans Unicode", verdana, lucida, helvetica, sans-serif;
  font-size: smaller;
  padding: 2px;
}

#footer p {
   margin: 0 0 3px 3px;
   text-indent: 0;
}

.highlightbox {
  background: white;
  border: 1px silver solid;
  border-left: 4px silver solid;
  border-bottom: 4px silver solid;
  padding: 5px;
}

.highlightbox p {
   margin-top: 10px;
   margin-bottom: 8px;
}

.clearing {
  height: 0;
  clear: both;
  font-size: 0px;
}

.navclear {
  display: none;
  height: 0px;
  clear: both;
}

/* ----- Pure CSS tabs start here ----- */
div#nav	{
	height: 30px;
	width: 749px;
	margin: 0px;
	padding: 0;
	border: 0;
}
	
div#nav ul {
  display: block;
  height: 30px;
  width: 749px;
  list-style: none outside;
  padding: 0px;
  margin: 0px;
  font-family: Verdana, sans-serif;
  font-size: 15px;
  z-index: 200;
  position: relative;
  background: transparent url(./menubg01.gif) top left repeat-x;
}

#nav li {
  padding: 0px;
  margin: 0px;
  font-weight: bold;
  display: inline;
  position: absolute;
  z-index: 200;
  height: 30px;
}


#nav a {
  display: block;
  text-align: center;
  text-decoration: none;
  padding-top: 4px;
  /*value for MSIE 5 */
  height: 30px;
  /*box model hack */
  voice-family: "\"}\"";
  voice-family:inherit;
  /*value for non-IE browsers*/
  height: 26px;
}
/* Be nice to Opera */
html>body #nav a {
  height: 26px;
}

#nav a:link,
#nav a:visited {
  color: #f8f8e6;
}

#nav a:hover {
  color: #444;
  background: transparent url(./menubg01.gif) 0 -30px repeat-x;
}

li#nav-index {left: 0; width: 148px;}
li#nav-services {left: 150px; width: 148px;}
li#nav-specials {left: 300px; width: 148px;}
li#nav-links {left: 450px; width: 148px;}
li#nav-contact {left: 600px; width: 148px;}

/* ----- now highlight active tab based on body @class attribute ----- */

body.index div#nav li#nav-index a,
body.specials div#nav li#nav-specials a,
body.services div#nav li#nav-services a,
body.links div#nav li#nav-links a,
body.contact div#nav li#nav-contact a
{
  color: #006600;
  background: transparent url(./menubg01.gif) 0 -60px repeat-x;
}


#specials ul {
  list-style: none;
}

.index h2.specialtitle {
  font-size: 15px;
  font-weight: bold;
  background: transparent url(./bullet01.gif) 0 4px no-repeat;
  text-indent: 15px;
  margin-bottom: 0px;
  margin-top: 0px;
  color: #565;
}

h2.specialtitle {
  margin: 0 0 10px 0;
}

.index #specials ul {
 list-style: disc inside;
}

.specials #specials li {
  background-image: url(./bullet01.gif);
  background-repeat: no-repeat;
  background-position: 0 5px;
  padding-left: 15px;
}

.index #specials ul li ul li {
  list-style: disc;
  background: none;
  padding-left: 0px;
}

div.special_item {
  margin: 0;
  padding: 10px;
}

.specials div.special_item {
  border-bottom: 1px solid #060;
  margin-bottom: 5px;
}

div.special_item img {
  float: right;
  background: white;
  border: 1px silver solid;
  border-left: 4px silver solid;
  border-bottom: 4px silver solid;
  margin-left: 5px;
}

div.special_item p {
  margin: 15px auto 5px auto;
  padding: 0;
  text-indent: 0px;
}

.index #specials p {
  margin: 0 0 0 15px;
}

div.special_item ul {
  margin: 0 auto 0 15px;
  padding: 0;
}

.specials div.special_item ul {
  margin-bottom: 0px;
}

div.linkgroup {
  border-bottom: 1px solid #565;
  margin-bottom: 5px;
}

div#comptia {
  margin-top: 5px;
}

div#comptia p {
  margin-top: 2px;
  font-size: 13px;
}