/* CSS Document */
* {
  margin: 0px;
  padding: 0px;
  }
  body {
  margin: 40px;
  padding: 0px;
  background-color: #FFFFFF;
  color: #333333;
  }
  #pageContainer {
  width: 777px;
  margin-left: auto;
  margin-right: auto;
  }
  ul { 
   list-style-type:square;
   padding-left:30px;
  } 
#header {
  width: 777px;
  height: 80px;
  background: #910909 ;
  margin-top: 10px;
  text-align: right;
  margin-bottom: 20px;
  }
  #content{
  width: 777px;
  }
  #worklist {
  width: 150px;
  float:left;
  margin-top: 10px;
  }
  #ourwork {
  width: 600px;
  float:left;
  margin-top: 10px;
  }
  #title {
  float: left;
  color: #FFFFFF;
  padding-left: 15px;
  margin-top: 15px;
  font-family: arial;
  font-size: 20pt;
  font-weight:bold;
  }
  #slogn {
  float: left;
  clear: left;
  color: #FFFFFF;
  padding-left: 102px;
  font-family: arial;
  font-size: 8pt;
  }
  #headerLinks {
  color: #FFFFFF;
  font-family: arial;
  font-size: 10pt;
  font-weight:bold;
  padding-right: 10px;
  }
  
.hlink:link {
  color: #FFFFFF;
  font-family: arial;
  font-size: 12pt;
  text-decoration: none;
  
  }
  .contactform {
  color: #910909 ;
  font-family:Arial;
  font-size:12px;
  }

.hlink:active {
  color: #FFFFFF;
  font-family: arial;
  font-size: 12pt;
  text-decoration: none;
  }

.hlink:hover {
  color: #FFFFFF;
  font-family: arial;
  font-size: 12pt;
  text-decoration: underline;
  }

.hlink:visited {
  color: #FFFFFF;
  font-family: arial;
  font-size: 12pt;
  text-decoration: none;
  }
 .numBox {
  height: 3px;
  width: 3px;
  border: 1px #000000 solid;
  background-color: #FFFFFF;
  float:left
  } 
  h1 {
  color: #ffffff;
  font-family: Arial;
  font-size: 20pt;
  }
  h2 {
  color:#555555;
   font-family: Arial;
   font-size: 20px;
   font-weight:lighter;
   }
   h3 {
  color:#910909;
   font-family: Arial;
   font-size: 12px;
   font-weight:bold;
   padding-left:10px;
   }
   h4 {
   color: #555555;
   font-size: 12px;
   font-family: Arial;
   font-weight:bold;
   }
   p {
   font-family:Arial;
   font-size:14px;
   color:#8585858;
   }
   li {
   list-style-image: url(image/site_image/arrow.jpg);
   } 
  a.link{
   text-decoration:none;
   color:#ffffff;
   }
   a.link:hover {
      text-decoration:none;
   color:#F3940C;
}  
  a.sublink {
   text-decoration:none;
   color:#910909;
   }
   a.sublink:hover {
      text-decoration:none;
   color:#8585858;
}    
#footer {
 float: left;
 width: 777px;
 height: 20px;
 text-align: right;
 background-color:#910909;
  padding-right: 10px;
  padding-top: 10px;
  }
  .style10{
  font-weight:lighter;
  font-size:16px;
  }
  .alphabt{
  float:left;
  color: #E27C0B;
  font-weight:bold;
  font-size:40px;
  padding-right:10px;
  padding-top:1px;
  }
  #leftSide {
  width: 500px;
  float: left;
  }
  #bigleftSide {
  width: 777px;
  float: left;
  }
  #rightSide {
  width: 230px;
  float: right;
  padding-bottom:20px;
  }
  #project {
  width: 150px;
  height: 150px;
  float:left ;
  padding-left: 3px;
  padding-right: 3px;
  padding-bottom: 3px;
  padding-top:3px;
  }
  .pic{
   float:left;
   padding-left: 10px;
   padding-right: 10px;
   margin-top: 30px;
    }
  .showcase {
  margin: 4px;
  padding: 4px;
  border: 2px #FFFFFF solid;
  }
  .contactpic {
  float:right;
  }