@charset "utf-8";
/* CSS Document */

body {
  margin: 0;
  padding: 0;
  background-color: #000084; 
  /* DEDEDE */
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  text-align: left;
  background-image: url(/images/bg.jpg);
  background-repeat: no-repeat;
}
.clear {
  clear: both;
  height: 0;  
}
#container {
  background-color: #000084;
  width: 770px;
  height: 440px;
}
#left {
  float: left;
  width: 198px;
  height: 440px;
  color: #FFFFFF;
  background-image: url(../images/left_side.jpg);
}
#left p {
  margin: 10px 0 0 10px;
  padding: 0;
  color: #FFFFFF;
  font-size: 10px;
  line-height: 11px;
}
#left a {
  color: #FFFFFF;
  text-decoration: none;
}
#left a:hover {
  color: #ce3031;
}
#leftNav {
  width: 198px;
  height: 250px;
  margin: 100px 0 0 0;
}
#leftNav h1 {
  margin: 0 0 0 50px;
  padding: 0;
  font-size: 24px;
}
#leftNav ul {
  width: 198px;
  margin: 0;
  padding: 10px 0 0 0;
}
#leftNav li {
  margin: 0;
  padding: 3px 10px 0 0;
  text-align: right;
  font-size: 11px;
  font-weight: 700;
  list-style: none;
}

/* Main Navigation */
#nav {
  float: left;
  width: 572px;
  height: 28px;
  background-color: #000084;
}
#nav ul {
  margin: 0;
  padding: 2px 0 0 0;
}
#nav li {
  float: left;
  height: 20px;
  margin: 0;
  padding: 5px 20px 0 20px;
  list-style: none;
  border-left: 1px solid #FFFFFF;
}
#nav .first {
  border-left: none;  
}
#nav a {
  color: #FFFFFF;
  font-weight: 700;
  text-decoration: none;
}
#nav a:hover {
  color: #9291d9;
}
/* dropdown menu 1 */
#menu1Content ul,
#menu2Content ul,
#menu3Content ul,
#menu4Content ul,
#menu5Content ul {
  margin: 0;
  padding: 0;
}
#menu1Content li,
#menu2Content li,
#menu3Content li,
#menu4Content li,
#menu5Content li {
  width: 95px;
  margin: 0;
  padding: 0 0 0 7px;
  background-color: #212199;
  border-left: none;
}
#menu1Content a,
#menu2Content a,
#menu3Content a,
#menu4Content a,
#menu5Content a {
  color: #FFFFFF;
  font-size: 10px;
  font-weight: 700;
  line-height: 10px;
}
#menu1Content a:hover,
#menu2Content a:hover,
#menu3Content a:hover,
#menu4Content a:hover,
#menu5Content a:hover {
  color: #ce3031;
}
#menu2Content li {
  width: 140px;  
}
#menu3Content li {
  width: 100px;  
}
#menu4Content li {
  width: 110px;  
}
#menu5Content li {
  width: 140px;  
}

/* Contact */
#content {
  float: left;
  width: 572px;
  height: 318px;
  overflow: auto;
  background-color: #FFFFFF;
}
#content h1 {
  margin: 10px 0 0 10px;
  padding: 0;
  font-size: 16px;
}
#content h2 {
  margin: 10px 0 0 10px;
  padding: 0;
  font-size: 12px;
}
#content p {
  margin: 10px; padding: 0;
  font-size: 12px;
}
#photos {
  border-bottom: 1px solid #7f7fc1;
  float: left; 
  height: 93px;
  overflow: hidden;
  position: relative;
  width: 572px; 
}
#photos img {
  margin: 7px 3px;
}

/* Homepage */
#leftHome {
  float: left;
  width: 198px;
  height: 440px;
  background-image: url(../images/left_side_home.jpg);
}
#leftHome p {
  margin: 360px 0 0 10px;
  padding: 0;
  color: #FFFFFF;
  font-size: 10px;
  line-height: 11px;
}
#leftHome a {
  color: #FFFFFF;
  text-decoration: none;
}
#leftHome a:hover {
  color: #9291d9;
}
#home {
  float: left;
  width: 572px;
  height: 318px;
  overflow: auto;
  background-color: #FFFFFF;
  background-image: url(../images/home_bg.gif);
}
#home #home_content {
  width: 325px;
  margin: 120px 0 0 20px;
  padding: 0;
  font-size: 11px;
}

/* Projects */

.category {
  float: left;
  width: 165px;
  /*
  width: 255px;
  */
  margin: 5px 9px;
  font-size: 12px;
  text-align: center;
}
.category a {
  color: #000084;
  text-decoration: none;
}
.category a:hover {
  color: #9291d9;
}
.category img {
  border: 0px;
}
table.categories {
  margin: 5px 9px;
}
td.category_name {
  text-align: center;
  width: 165px;
}
td.category_image {
  padding-bottom: 5px;
  text-align: center;
  width: 165px;
}
.category_name a {
  color: #000084;
  text-decoration: none;
}
.category_name a:hover {
  color: #9291d9;
}
.category_image img {
  border: 0px;
}

.proj_list {
  height: 140px;
  width: 530px;
  margin: 5px 0 0 10px;
}
.proj_list img {
  float: left;
}
.short_desc {
  float: left;
  width: 386px;
}
.short_desc p {
  margin: 0;
  padding: 0;
  font-size: 12px;
}
#content .short_desc p {
  margin-bottom: 0;
}
.short_desc h3 {
  margin: 0 0 0 10px;
  padding: 0;
  font-size: 14px;
  font-weight: 700;
}
.short_desc a {
  color: #000084;
  font-size: 10px;
  text-decoration: none;
}
.short_desc a:hover {
  color: #9291d9;
}

.proj_img {
  margin: 5px 10px 5px 10px;
}