/* document defaults */
body {
  margin-left: 0px;
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 0px;
  background-image: url(../images/bg_bluewave.gif);
  background-repeat: repeat-y;
  color: #063;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 10pt;
}

/* tag defaults */
a:active, a:link {
  color: #6397AD;
  font-weight: bold;
}

a:hover {
  background-color: #FFAF02;
  color: black;
}

a:visited {
  color:#9BBDCE;
  font-weight: bold;
}

h1 {
	color:#87A5B1;
  font-family:"Futura Condensed", "Arial Narrow", Arial;
  font-size:22px;
	font-weight: 400;
}

h2 {
	color:#87A5B1;
  font-family:"Futura Book", "Arial Bold", Arial;
  font-size:22px;
}

img {
  border: 0px;
}

input, textarea {
	background-color: #FFC;
}

/* custom styles */
.error {
  color: #F00;
}

.formTable {
  border-top-color:#F90;
  border-top-style: dotted;
  border-top-width: thin;
  border-bottom-color: #F90;
  border-bottom-style: dotted;
  border-bottom-width: thin;
  padding-top: 15px;
}

h1.replace {
  height: 25px;
  position: relative;
} 

h1.replace span {
  width: 100%;
  height: 100%;
  position: absolute;
} 
h1.replace span#contact {
  background: url(images/contact.gif) no-repeat;
  width: 86px;
}

h1.replace span#on-site-computer-support {
  background: url(images/on-site-computer-support.gif) no-repeat;
  width: 254px;
}

h1.replace span#software-development {
  background: url(images/software-development.gif) no-repeat;
  width: 222px;
}

h1.replace span#submission-result {
  background: url(images/submission-result.gif) no-repeat;
  width: 181px;
}

h1.replace span#web-development {
  background: url(images/web-development.gif) no-repeat;
  width: 178px;
}

h1.replace span#welcome {
  background: url(images/welcome.gif) no-repeat;
  width: 92px;
}

h1.replace span#about-us {
  background: url(images/about-us.gif) no-repeat;
  width: 100px;
}

h2.replace {
  height: 25px;
  position: relative;
} 

h2.replace span {
  width: 100%;
  height: 100%;
  position: absolute;
} 

h2.replace span#problems-i-can-solve {
  background: url(images/problems-i-can-solve.gif) no-repeat;
  width: 300px;
}

h2.replace span#solutions-for-success {
  background: url(images/solutions-for-success.gif) no-repeat;
  width: 300px;
}

/* styles for the banner */
#banner { 
  display: block;
  margin: 0px 0px 0px 0px;
}

#banner img {
  float: left;
}

/* styles for the content are of the pages */
#content {
  float: left;
  display: block;
  padding-left: 25px;
  width: 560px;
}

/* styles for fast menus */
#menu {
  float: left;
  clear: left;
  display: block;
  font-family:Arial, Helvetica, sans-serif;
  font-size: 11px;
  font-weight: bold;
  letter-spacing: -0.08em;
}

#footer a:hover {
  background-color: transparent;
}

#menu ul { 
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  text-indent: 0px;
	list-style-type:none;
  list-style-position: outside;
  width: 160px;
}

#menu a {
  display: block;
  background-image: url(images/btn_sprite.gif);
  background-position: top left;
  background-repeat: no-repeat;
  text-decoration: none;
  color:#555555;
  padding: 5px 18px 0px 0px;
  text-align: right;
  width: 142px;
  height: 19px;
}

#menu a:hover {
  background-position:0 -24px;
}

#menu a.current {
  background-position:0 -24px;
}

#page { 
  display: block;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  width: 780px;
}

a.hide {
  background-color: white;
  color: white;
}