body {

  margin: 0px;
  padding: 0px;
  font-family: Arial, Helvetica, Verdana;
  font-size: 12px;
  color: #51514b;
  font-weight: normal;
  text-align: center;
  background: url('../images/background.gif') top left repeat-x fixed #6085bd;
}

#container {

  margin-left: auto;
  margin-right: auto;
  width: 815px;
  border:0px;
  padding-left: 10px;
  padding-right: 10px;
  text-align: left;
}

#mainContainer {

  margin: 0px;
  padding: 0px;
  width: 802px;
}

#mainContentContainer {

    margin: 0px;
    padding: 20px;
    clear: both;
    background: #f4f4ec;
}

#mainContentContainer h2 {

    margin: 0px;
    padding: 5px 10px 5px 10px;
    font-weight: bold;
    font-size: 16px;
    color: #666666;
    background-color: #9fb6d6;
}

#mainContentContainer a {

    font-weight: normal;
    font-size: 12px;
    text-decoration: none;
    color: #208cfa;
}

#mainContentContainer a:hover {

    text-decoration: underline;
}

#aboutContainer {

    margin: 0px 0px 20px 0px;
    padding: 0px;

    /* ie bug fix - dissapearing text */
    position: relative;
}

#aboutContainer p {

    margin: 0px;
    padding: 0px;
}

#aboutContainer h2 {

    margin: 0px;
    padding: 0px;
    width: 70px;
    height: 30px;
    background: url('../images/about_title.gif') top left no-repeat;
}

#aboutContainer h2 span {

    display: none;
}

#portfolioContainer {

    margin: 20px 0px 20px 0px;
    padding: 0px;

    /* ie bug fix - dissapearing text */
    position: relative;
}

#portfolioContainer p {

    margin: 0px;
    padding: 0px;
}

#portfolioContainer h2 {

    margin: 0px;
    padding: 0px;
    width: 80px;
    height: 30px;
    background: url('../images/portfolio_title.gif') top left no-repeat;
}

#portfolioContainer h2 span {

    display: none;
}

#portfolioContainer h3 {

    margin: 0px;
    padding: 0px;
    width: 180px;
    height: 30px;
}

#portfolioContainer h3 span {

    display: none;
}

#portfolioContainer .webProjectsTitle {

    background: url('../images/webProjectsTitle.gif') top left no-repeat;
}

#portfolioContainer .javaProjectsTitle {

    background: url('../images/javaProjectsTitle.gif') top left no-repeat;
}



#contactContainer {

    margin: 20px 0px 0px 0px;
    padding: 0px;

    /* ie bug fix - dissapearing text */
    position: relative;
}

#contactContainer p {

    margin: 0px;
    padding: 0px;
    clear: both;
}

#contactContainer label {

    margin: 0px;
    padding: 0px;
    float: left;
    width: 90px;
}

#contactContainer h2 {

    margin: 0px;
    padding: 0px;
    width: 70px;
    height: 30px;
    background: url('../images/contact_title.gif') top left no-repeat;
}

#contactContainer h2 span {

    display: none;
}

#contactContainer #leftFormArea {

    margin: 0px;
    padding: 0px;
    float: left;
    width: 245px;
}

#contactContainer .inputRow {

    margin: 0px 0px 10px 0px;
    padding: 0px;
}

#contactContainer #leftFormArea p {

    margin: 0px 0px 3px 0px;
    padding: 0px;
}

#contactContainer #rightFormArea {

    margin: 0px;
    padding: 0px;
    float: right;
    width: 495px;
}

#contactContainer #rightFormArea p {

    margin: 0px 0px 3px 0px;
    padding: 0px;
}




#inner {

  margin: 0px;
  padding: 0px;
  margin-left: 25px;
}

#langSelect {

  margin: 0;
  padding: 9px 0px 10px 100px;
  text-align: right;
}

#langSelect #langAlign {

  margin: 0px;
  padding-right: 22px;
}

#topArea {

  margin: 0px;
  padding: 0px;
  background-color: #f4f4ec;
}

#topArea #logoArea {

  width: 205px;
  margin: 10px 20px 0px 20px;
  padding: 0px 0px 0px 0px;
  float: left;
}

#topArea #logoArea h2 {

  margin: 0px;
  padding: 0px;
  display: none;
}

#topArea #navigationBar {

  margin: 0px;
  padding: 30px 20px 0px 0px;
  float: right;
}

#topArea #navigationBar a {

  text-decoration: none;
  color: #fff;
}

#topArea #navigationBar ul {

  margin: 0px;
  padding: 0px 0px 0px 2px;
  list-style-type: none;
}

#topArea #navigationBar ul li {

  float: left;
  width: 100px;
  margin: 0px;
  padding: 0px;
}

#photosArea {

  margin: 0px;
  padding: 20px 10px 20px 10px;
  background-color: #ebebeb;
}

#thumbnailArea {

  margin: 20px 0px 0px 0px;
  padding: 0px;
  clear: both; 
}

#thumbnailArea ul {

  list-style-type: none;
  margin: 0;
  padding: 0;
}

#thumbnailArea ul li {
  
  float: left;
  width: 85px;
  margin: 0px;
  margin-top: 5px;
  padding: 0px;
  position: relative;
}

#workInfoArea {

  clear: both;
  margin: 0px;
  padding-top: 10px;
  font-size: 12px;

  /* IE 6 disappearing text bug fix */
  position: relative;
}


#footerContainer {
  
  padding-left: 25px;
  padding-bottom: 20px;
  margin-top: 0px;
  clear: both;
  background-color: #f4f4ec;
}

#footerContainer a {
  
  text-decoration: none;
  color: #208cfa;
}

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

#thumbNavigationBar {

  margin: 0px;
  padding: 0px;
  clear: both;
  width: 420px;
}

#thumbNavigationBar a {

  text-decoration: none;
  color: #176aa9;
}

#thumbNavigationBar a:hover {

  text-decoration: underline;
}

#thumbNavigationBar .leftSpan {

  width: 200px;
  padding: 10px 0px 10px 0px;
  float: left;
  text-align: left;
}

#thumbNavigationBar .rightSpan {

  width: 200px;
  padding: 10px 0px 10px 0px;
  float: right;
  text-align: right;
}

#topBackgroundArea {

  margin: 0px;
  padding: 0px;
  clear: both;
}

#topBackgroundArea img {
    display: block;
}

#largeImgArea {

  text-align: center;
  position: relative;
}

#largeImgArea #leftArrowArea {

  margin: 0;
  padding: 120px 0px 0px 0px;
  float: left;
  width: 20px;
}

#largeImgArea #middleArea {

  margin: 0;
  padding: 0;
  float: left;
  width: 400px;
}

#largeImgArea #rightArrowArea {

  margin: 0;
  padding: 120px 0px 0px 0px;
  float: left;
  width: 20px;
}


em {

  font-weight: bold;
  color: red;
}


#projectsLeftNavigation {

    width: 280px;
    height: 300px;
    float: left;
    margin: 0px;
    padding: 0px;
    background: url('../images/verticalDashLine.gif') repeat-y right top;
}

#projectsLeftNavigation .projectThumb {

    border: none;
    border-left: 5px solid #b4d930;
    display: block;
}

#projectsLeftNavigation ul {

    list-style-type: none;
    margin: 0px;
    padding: 0px;
}

#projectsLeftNavigation ul li {

    float: left;
    margin: 0px;
    padding: 0px;
    width: 140px;
    height: 70px;
}

#projectsLeftNavigation #nextNavigation {

    text-align: right;
    padding-right: 33px;
}

#projectMainArea {

    margin: 0px;
    padding: 0px;
}

#projectMainArea .projectMainImgArea {

    float: left;
    margin: 0px;
    padding: 0px 0px 0px 10px;
    width: 260px;
    height: 300px;
}

#projectMainArea .projectDescArea {

    font-family: Helvetica;
    margin: 0px;
    padding: 0px;
}

#projectMainArea h1 {

    font-size: 14px;
    font-weight: bold;
    color: #000;
    margin: 0px;
    padding: 0px;
}

#projectMainArea label {

    font-weight: bold;
    font-size: 12px;
    width: 50px;
    display: block;
    float: left;
}

.projectStatusOnline {

    color: #b4d930;
}

.projectStatusOffline {

    color: red;
}



/* input styles definitions */
input {

    width: 235px;
    background-color: #fff;
    border: 1px solid #2b528c;
}

textarea {

    background-color: #fff;
    border: 1px solid #2b528c;
    width: 100%;
    height: 115px;
}

.submit {

    width: 185px;
    color: #fff;
    font-weight: bold;
    background-color: #6085bd;
    border: 1px solid #2b528c;
}

.captchaCodeInput {

    width: 80px;
}

#errorArea {

    margin: 0px;
    padding: 15px;
    background-color: #f3cbcc;
    border: 1px solid #f81a20;
}

#confirmArea {

    margin: 0px;
    padding: 15px;
    background-color: #e3f5c0;
    border: 1px solid #86bb20;
}