html {
	margin:0;
	padding:0;
	font:12px Arial, Helvetica, sans-serif;
	color:#000;
	}
body {
  background-color:#e6e6e6;
  margin:0;
	padding:0;
	font:12px Arial, Helvetica, sans-serif;
	color:#000;
	}
#page {
  background:#ccc url("../images/bg.gif") 4px 4px no-repeat;
  width:990px;
	height:auto;
	padding:0 0 10px 0;
	/*padding:45px 0 10px 0;*/
	margin:0 auto 0 auto;
	overflow:hidden;
  }
  #pagebox {
    margin:0 auto;
    width:932px;
    }
  img {
    border:none
    }
  #logo {
    float:left;
    height:51px;
    margin-bottom:10px;
    padding-top:45px;
    width:363px;
    }
  #contactshort {
    color:#999999;
    float:right;    
    margin:0;
    padding:7px 0 0 0;
    }
    #contactshort ul {
      list-style:none;
      margin:0;
      padding:0;
      }
      #contactshort li {
        display:inline;
        }
      #contactshort li.phone {
        padding-right:35px;
        }
      #contactshort li.addthis {
        float:left;
        padding-right:40px;
        }
    #contactshort a {
      color:#999999;
      }
  #menu {
    clear:right;
    float:right;
    padding:45px 0 10px 0;
    /*padding:26px 0 10px 0;*/
    }
    #menu #nav {
      background:url("../images/bracket_left.png") left top no-repeat;
      height:29px;
      padding-left:10px;
      }
      #menu #nav a {
        text-transform:uppercase;
        }
    #menu #lang {
      background:url("../images/bracket_right.png") right top no-repeat;
      height:29px;
      padding-right:10px;
      }
    #menu.green a {
      background-color:#00ff00;
      }
    #menu.cyan a {
      background-color:#00deff;
      }
    #menu.magenta a {
      background-color:#ff00ff;
      }
    #menu a {
      color:#fff;
      font-size:18px;
      font-weight:bold;
      padding-bottom:2px;
      text-decoration:none;
      }
      #menu a.selected {
        color:#000;
        text-decoration:none;
        }
    #menu ul {
      float:left;
      margin:0;
      padding:0;
      }
    #menu li {
      float:left;
      display:inline;
      list-style-type:none;
      margin:0;
      padding:2px 0 0 0;
      }
      #menu li a span {
        padding:0 0 0 5px;
        }
    #menu #lang {
      padding-left:10px;
      }
      #menu #lang li {
        display:inline;
        }
  #content {
    clear:both;
    margin:0 auto;
    width:930px;
    }
    #content #portfolio {
      clear:both;
      width:930px;
      }
      #content #portfolio .project {
        background-color:#fff;
        clear:both;
        display:block;
        float:left;
        margin:0 auto;
        padding:15px 30px;
        width:870px;
        }
      #content #portfolio .sep {
        clear:both;
        float:none;
        height:20px;
        width:100%;
        }
      #content #portfolio .project .left {
        clear:both;
        float:left;
        width:340px;
        }
      #content #portfolio .project .right {
        clear:right;
        float:right;
        width:500px;
        }
      #content #portfolio .project img {
        clear:both;
        }
      #content #portfolio .project h1 {
        clear:both;
        color:#fff;
        float:none;
        font-size:17px;
        font-weight:bold;
        display:block !important;
        margin:0 0 50px 0;
        padding-bottom:6px;
        text-transform:uppercase;
        word-wrap: break-word;
        }
        #content #portfolio .project h1 span {
          background:#000;
          padding-bottom:6px;
          }
      #content #portfolio .project h2 {
        background-color:#000;
        clear:both;
        color:#fff;
        float:left;
        font-size:12px;
        font-weight:bold;
        margin:0 0 2px 0;
        padding-bottom:3px;
        }
      #content #portfolio .project p {
        clear:both;
        color:#b2b2b2;
        margin:0 0 30px 0;
        padding:2px 0;
        }
        #content #portfolio .project p a {
          color:#b2b2b2;
          }
      #content #portfolio .project .imgbox {
        background:url("../images/loader.gif") center center no-repeat;
        clear:both;
        overflow:hidden;
        position:relative;
        width:500px;
        }
        #content #portfolio .project img {
          border:0 none;
          }
        #content #portfolio .project img.hid {
          clear:both;
          display:none;
          opacity:0;
          position:absolute;
          width:500px;
          }
        #content #portfolio .project img.vis {
          clear:both;
          display:block;
          float:right;
          opacity:1;
          width:500px;
          }
      #content #portfolio .project .gnav {
        clear:both;
        float:right;
        margin:0;
        padding:0;
        }
      #content #portfolio .pdf {
        background:url("../images/pdf_ico.jpg") left 5px no-repeat;
        line-height:30px;
        padding:10px 0 10px 25px;
        }
    #content #contact {
      background-color:#fff;
      clear:both;
      float:left;
      padding:25px 30px 10px 30px;
      width:870px;
      }
      #content #contact .left {
        float:left;
        width:345px;
        }
      #content #contact .right {
        float:right;
        width:525px;
        }
      #content #contact h1 {
        background-color:#000;
        clear:both;
        color:#fff;
        float:left;
        font-size:18px;
        font-weight:bold;
        display:block !important;
        margin:0;
        padding-bottom:6px;
        text-transform:lowercase;
        }
      #content #contact h2 {
        background-color:#000;
        clear:both;
        color:#fff;
        float:left;
        font-size:12px;
        font-weight:bold;
        display:block !important;
        margin:0;
        padding-bottom:6px;
        text-transform:lowercase;
        }
      #content #contact ul {
        clear:both;
        color:#999999;
        font-size:12px;
        list-style:none;
        padding:5px 0 0 0;
        }
        #content #contact li {
          padding:2px 0;
        }
      #content #contact a {
        color:#999999;
        }
      #content #contact address {
        clear:both;
        color:#999999;
        font-size:12px;
        font-style:normal;
        padding:4px 0 8px 0;
        }
      #content #contact .formtxt {
        padding-bottom:3px;
        }
      #content #contact label {
        color:#999999;
        font-size:12px;
        }
      #content #contact textarea {
        border:1px solid #999999; 
        color:#999999;
        font-family:Arial,Helvetica,sans-serif;
        font-size:12px;
        height:153px;
        margin:0;
        padding:0;
        width:523px;
        }
      #content #contact input.txt {
        border:1px solid #999999;
        color:#999999;
        float:left;
        font-size:12px;
        height:21px;
        margin:0;
        padding:5px 0 0 0;
        width:394px;
        }
      #content #contact input.submit {
        background-color:#cccccc;
        border:0 none;
        clear:both;
        color:#fff;
        float:right;
        font-size:12px;
        height:28px;
        margin:0;
        padding:0;
        width:99px;
        }

      #content #contact #formcaptcha {
        clear:both;
        float:left;
        padding:0 0 10px 0;
        width:523px;
        }
      #content #contact #formcaptcha img {
        float:right;
        }
  #content #aboutus {
    background-color:#fff;
    clear:both;
    float:left;
    padding:25px 30px 10px 30px;
    width:870px;
    }
    #content #aboutus .left {
      float:left;
      width:345px;
      }
    #content #aboutus .right {
      float:right;
      width:525px;
      }
    #content #aboutus h1 {
      background-color:#000;
      clear:both;
      color:#fff;
      float:left;
      font-size:18px;
      font-weight:bold;
      display:block !important;
      margin:0;
      padding-bottom:6px;
      text-transform:lowercase;
      }
    #content #aboutus h2 {
      background-color:#000;
      clear:both;
      color:#fff;
      float:left;
      font-size:12px;
      font-weight:bold;
      display:block !important;
      margin:0;
      padding-bottom:6px;
      text-transform:lowercase;
      }
    #content #aboutus a {
      color:#999999;
      }
    #content #aboutus ul {
      clear:both;
      color:#999999;
      font-size:12px;
      list-style:none;
      padding:5px 0 0 0;
      }
      #content #aboutus li {
        padding:2px 0;
      }
  #copyright {
    clear:both;
    padding:0 0 5px 0;
    text-align:center;
    text-transform:lowercase;
    }
  .cleaner {
    clear:both;  
    }
.error {
  color:red;
  padding:5px 0;
  }
.cleaner {
  clear:both;
  height:1px;
  }