p {
  font-family: arial, verdana, sans-serif;
  color: #000000;
  font-size: 0.8em;
  text-decoration: none;
  list-style-position: outside;
  list-style-image:  url(../images/bullet.gif);
  list-style-type: none;
}
h1 {
  font-family: arial, verdana, sans-serif;
  color: #ffffff;
  font-size: 1.2em;
  text-decoration: none;
  margin-bottom: 0px;
  padding-bottom: 0px;
}
h2 {
  font-family: tahoma, verdana, arial, sans-serif;
  color: #000000;
  font-size: 1.2em;
  text-decoration: none;
  margin-bottom: 0px;
  padding-bottom: 0px;
}
h3 {
  font-family: tahoma, verdana, arial, sans-serif;
  color: #666666;
  font-size: 1em;
  text-decoration: none;
  margin-bottom: 0px;
  padding-bottom: 0px;
}
h4 {
  font-family: arial, verdana, sans-serif;
  font-size: 0.8em;
  text-decoration: none;
  margin-bottom: 0px;
  padding-bottom: 0px;
}
.about {
  color: #4d4d4d;
}
.products {
  color: #808080;
}
}
.contact {
  color: #909090;
}
.training {
  color: #c69500;
}
.vendor {
  color: #94c500;
}
.lettings {
  color: #329563;
}
.act {
  color: #0095c6;
}
.persuade {
  color: #0063f8;
}
.inspire {
  color: #c63200;
}
.cd {
  color: #a8968a;
}
.property {
  color: #b07ee4;
}
.red {
  color: #c63200;
}
a:link {
  color: #009999;
  text-decoration: none;
}
a:visited {
  color: #009999;
  text-decoration: none;
}
a:hover {
  color: #009999;
  text-decoration: underline;
}
a:active {
  color: #009999;
  text-decoration: none;
}
.topnav {
  font-family: tahoma, verdana, arial, sans-serif;
  color: #ffffff;
  font-size: 0.7em;
  text-decoration: none;
}
.topnav a:link {
  font-family: tahoma, verdana, arial, sans-serif;
  color: #ffffff;
  font-size: 1em;
  text-decoration: none;
}
.topnav a:visited {
  font-family: tahoma, verdana, arial, sans-serif;
  color: #ffffff;
  font-size: 1em;
  text-decoration: none;
}
.topnav a:hover {
  font-family: tahoma, verdana, arial, sans-serif;
  color: #ffffff;
  font-size: 1em;
  text-decoration: underline;
}
.topnav a:active {
  font-family: tahoma, verdana, arial, sans-serif;
  color: #ffffff;
  font-size: 1em;
  text-decoration: underline;
}
.address {
  font-family: tahoma, verdana, arial, sans-serif;
  color: #999999;
  font-size: 0.7em;
  text-decoration: none;
}
.address a:link {
  font-family: tahoma, verdana, arial, sans-serif;
  color: #999999;
  font-size: 1em;
  text-decoration: none;
}
.address a:visited {
  font-family: tahoma, verdana, arial, sans-serif;
  color: #999999;
  font-size: 1em;
  text-decoration: none;
}
.address a:hover {
  font-family: tahoma, verdana, arial, sans-serif;
  color: #ffffff;
  font-size: 1em;
  text-decoration: underline;
}
.address a:active {
  font-family: tahoma, verdana, arial, sans-serif;
  color: #ffffff;
  font-size: 1em;
  text-decoration: underline;
}
.footer {
  font-family: tahoma, verdana, arial, sans-serif;
  color: #999999;
  font-size: 0.7em;
  text-decoration: none;
}
.white {
  font-family: tahoma, verdana, arial, sans-serif;
  color: #ffffff;
  font-size: 0.9em;
  text-decoration: none;
}
.light-blue {
  font-family: tahoma, verdana, arial, sans-serif;
  color: #bbe0e3;
  font-size: 0.8em;
}
.home {
  font-family: tahoma, verdana, arial, sans-serif;
  color: #ffffff;
  font-size: 1em;
  text-decoration: none;
}
.title {
  font-family: tahoma, verdana, arial, sans-serif;
  font-size: 1.2em;
  text-decoration: none;
}
.subtitle {
  font-family: tahoma, verdana, arial, sans-serif;
  color: #666666;
  font-size: 0.9em;
  text-decoration: none;
}
form {
  margin: 0px;
  padding: 0px;
}
.form3 {
  width: 200px;
  height: 22px;
  font-family: tahoma, verdana, arial, sans-serif;
  font-size: 0.8em;
  color: #000000;
}
.form4 {
  width: 350px;
  height: 22px;
  font-family: tahoma, verdana, arial, sans-serif;
  font-size: 0.8em;
  color: #000000;
}
.form5 {
  width: 350px;
  height: 200px;
  font-family: tahoma, verdana, arial, sans-serif;
  font-size: 0.8em;
  color: #000000;
}
#lightbox{
  position: absolute;
  left: 0;
  width: 100%;
  z-index: 100;
  text-align: center;
  line-height: 0;
}
#lightbox img{
  width: auto;
  height: auto;
}
#lightbox a img{
  border: none;
}
#outerImageContainer{
  position: relative;
  background-color: #b07ee4;
  width: 250px;
  height: 250px;
  margin: 0 auto;
  margin-top: 40px;
}
#imageContainer{
  padding: 10px;
}
#loading{
  position: absolute;
  top: 40%;
  left: 0%;
  height: 25%;
  width: 100%;
  text-align: center;
  line-height: 0;
}
#hoverNav{
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 10;
}
#imageContainer>#hoverNav {
  left: 0;
}
#hoverNav a {
  outline: none;
}
#prevLink, #nextLink {
  width: 49%;
  height: 100%;
  background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */
  display: block;
}
#prevLink {
  left: 0;
  float: left;
  background: url(../images/prev.gif) left 0% no-repeat;
}
#nextLink {
  right: 0;
  float: right;
  background: url(../images/next.gif) right 0% no-repeat;
}
#prevLink:hover, #prevLink:visited:hover {
  background: url(../images/prev.gif) left 0% no-repeat;
}
#nextLink:hover, #nextLink:visited:hover {
  background: url(../images/next.gif) right 0% no-repeat;
}
#imageDataContainer {
  font: 10px Verdana, Helvetica, sans-serif;
  background-color: #b07ee4;
  margin: 0 auto;
  line-height: 1.4em;
  overflow: auto;
  width: 100%;
}
#imageData {
  padding: 0 10px;
  color: #ffffff;
}
#imageData #imageDetails {
  width: 70%;
  float: left;
  text-align: left;
}	
#imageData #caption{
  font-weight: bold;
}
#imageData #numberDisplay {
  display: block;
  clear: left;
  padding-bottom: 1.0em;
}			
#imageData #bottomNavClose {
  width: 66px;
  float: right;
  padding-bottom: 0.7em;
  outline: none;
}	 	
#overlay {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 90;
  width: 100%;
  height: 500px;
  background-color: #000;
}