* {
  margin: 0;
  border: 0;
  padding: 0
}

html {
  height: 100%;
  overflow: -moz-scrollbars-vertical;
  color: #333;
  background: #444 url(../imgs/bg_body.gif) repeat-x;
}

html {
  overflow-x: auto;
}

body {
  font: 12px Arial, sans-serif;
  line-height: 12px;
  text-align: center;
}

.container {
  width: 790px; 
  margin: 50px auto 50px auto;
}

.container div {
  float: left;
}

.top {
  width: 790px;
  height: 180px;
  background: url(../imgs/bg_top.gif);
}

.logo {
  width: 190px;
  height: 180px;
}

.nav {
  width: 190px;
  min-height: 430px;
  height: auto !important;
  height: 430px;
  margin-top: 20px;
} 

.nav ul li {
  margin-top: 10px;
  font: 12px Arial, sans-serif;
  text-align: left;
  list-style: none;
  background: url(../imgs/icon_rght.gif) no-repeat;
  background-position: 0 3px;
}

.nav ul li a:link, .nav ul li a:visited {
  color: #333;
  text-decoration: none;
}

.nav ul li a:hover {
  text-decoration: underline; 
}

.nav ul li strong {
  padding-left: 14px;
}

.nav ul ul {
  display: none;
}

.nav ul ul li {
  margin-top: 2px;
  font: 11px Arial, sans-serif;
  list-style: none;
  background: url(../imgs/icon_rght_sm.gif) no-repeat;
  background-position: 0 3px !important;
}

.on {
  font-weight: bold !important;
  padding-left: 14px !important;
}

.onSub {
  font-weight: bold !important;
  padding-left: 10px !important;
}

#mainNav {
  margin-left: 20px;
}

#mainNav a {
  padding-left: 14px;
}

#subProj, #subOper, #subBlog {
  margin-left: 14px;
}

#subProj a, #subOper a , #subBlog a {
  padding-left: 10px;
}

.photo {
  width: 590px;
  height: 180px;
}

.middle {
  width: 790px;
  min-height: 380px;
}

.text {
  width: 550px;
  min-height: 320px;
  padding: 30px 20px;
  text-align: left;
}

.text p {
  margin-bottom: 20px;
  line-height: 16px;
}

.text a:link, .text a:visited {
  color: #222;
  text-decoration: underlined; 
}

.text a:visited {
  color: #555;
}

.text a:hover {
  text-decoration: none;
}

.text ul {
  list-style: none;
  margin-bottom: 20px;
  line-height: 16px;
}

span.head {
  font: 30px Arial, sans-serif;
  font-weight: normal;
  line-height: 30px;
}

span.caption {
  width: auto;
  margin-bottom: 20px;
  display: block;
  font: 11px Arial, sans-serif;
  text-align: center;
}

.bottom {
  width: 10px;
}

.footer a:link, .footer a:visited {
  color: #eee;
  text-decoration: none;
}

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

.footer {
  width: 760px;
  padding: 8px 30px 30px 0;
  color: #bbb;
  font: 11px Arial, sans-serif;
  text-align: right;
}