/* CSS Document */

body {
  margin: 0px;
  padding: 0px;
  font-size: 11px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  text-align: center;
  color: #455573;
  background-color: #babdc2;
  /*background: url(../images/pattern.gif);*/
}

span {
  display: none;
  text-align: left;
}

#container {
  width: 784px;
  margin: 0px auto 0px auto;
  border: 0;
  /*
  border-left: 1px solid #000000;
  border-right: 1px solid #000000;
  border-bottom: 1px solid #000000;*/
  background-color: #eeeff1;
  min-height: 408px;
  max-height: none;
}

#topcontent {
  width: 784px;
  height: 34px;
  margin: 0px;
  padding: 0px;
}

#topcontent img {
  float: right;
  border: 0px;
}
/*home page specific */
#top {
  width: 784px;
  height: 68px;
  background: url(../images/logo_topright.gif) 725px 5px no-repeat;
}

#bannerhome {
  width: 784px;
  height: 207px;
  margin: 0px;
  padding: 0px;
  background-color: #ffffff;
}

#bannerhome h1 {
  display: block;
  width: 784px;
  height: 207px;
  margin: 0px;
  padding: 0px;
  background: url(../images/image_middle.jpg) center no-repeat;
}

#footerhome {
  clear: both;
  width: 784px;
  height: 40px;
  margin: 0px;
  padding: 5px 0 5px 0;
  color: #455573;
  font-size: 9px;
}

#footerhome a {
  color: #455573;
  text-decoration: none;
}

#footerhome a:hover {
  text-decoration: underline;
}
/**/

#banner {
  width: 784px;
  height: 102px;
  margin: 0;
  padding: 0px;
  background-color: white;
}

#banner h1 {
  display: block;
  width: 784px;
  height: 102px;
  margin: 0px;
  padding: 0px;
  background: url(../images/banner.jpg) center no-repeat;
}

#navigation {
  margin: 0;
  padding: 0;
  border: 0;
  width: 784px;
  height: 22px;
  background-color: #455573;
}

#navigation ul {
  background-color: #c8cdd4;
  float: right;
  margin: 0;
  padding: 0;
  border: 0;
  width: 424px;
  height: 22px;
  list-style: none;
  display: inline;
  overflow: hidden;	
}

#navigation li {
  margin: 0;
  padding: 0;
  list-style: none;
  display: inline;
}

#navigation a {
  float: left;
  padding: 0px;
  overflow: hidden;
  height: 22px;
}

#navigation a:hover, #navigation a.selected {
  background-position: 0 -22px;
}

#profile a {
  width: 106px;
  background: url(../images/nav/nav_merged_01.gif) top left no-repeat;
}

#services a {
  width: 106px;
  background: url(../images/nav/nav_merged_02.gif) top left no-repeat;
}

#portfolio a {
  width: 106px;
  background: url(../images/nav/nav_merged_03.gif) top left no-repeat;
}

#contactus a {
  width: 106px;
  background: url(../images/nav/nav_merged_04.gif) top left no-repeat;
}

#main {
  width: 784px;
  margin: 0px;
  padding: 0px;
  /*background-color: white;*/
  height: auto;
}

/*home page specific */
#left {
  width: 360px;
  height: 62px;  
  background: url(../images/logo_leftbodybar.gif) top right no-repeat;
  background-color: #c8cdd4;
  float: left;
  text-align: left;
}


#right {
  width: 424px;
  float: right;
  text-align: left;
  padding: 0px;
  margin: 0px;  
}

#right p {
  margin: 4px 6px 0 6px;
  padding: 0;
}
/**/

#sidenavigation {
  float: left;
  background-color: #c5cbd7;
  width: 167px;
  margin: 0px;
  padding: 0px;
  height: 100%;
}


#content {
  float: right;
  width: 617px;
  text-align: left;
  background-color: #eeeff1;
  height: auto;
}

#content p {
  margin: 10px 6px 0 6px;
}

#content h1 {
  margin: 10px 6px 0 6px;
  padding: 0px;
  font-size: 11px;
  font-weight: bold;
}

#footer {
  clear: both;
  width: 784px;
  height: 40px;
  background-color: #455573;
  margin: 0px;
  padding: 5px 0 5px 0;
  color: white;
  font-size: 9px;
}

#footer a {
  text-decoration: none;
  color: white;
}

#footer a:hover {
  text-decoration: underline;
}

.linkcolor {
  color: #455573;
}