* {margin: 0; padding: 0;}

body {
  font: 0.8125em Verdana, sans-serif;
  margin: 50px 0;
  text-align: center;
  scrollbar-face-color:#fff;
  scrollbar-arrow-color:#ccc;
  scrollbar-track-color: #fff;
  scrollbar-shadow-color:#ccc;
  scrollbar-highlight-color:#ccc;
  scrollbar-3dlight-color:#fff;
  scrollbar-darkshadow-Color:#fff;
  }

img {border: 0;}

#mainwrapper {width: 850px; margin: 0 auto 5px;}

#main {
  position: relative;
  width: 850px;
  height: 400px;
  text-align: left;
  }

#mainpadder {
  padding: 20px;
  }

#internalpadder {
  padding: 10px 10px 10px 127px;
  _padding-left: 147px;
  }

#indexleft {
  float: left;
  width: 340px;
  padding-top: 80px;
  text-align: center;
  }

#indexright {
  float: right;
  }

#indexright .spacer {
  width: 8px;
  }

.index {background: #cc5b00;}

.portfoliotitleWrapper {
  text-align: center;
  }

.portfoliotitle {
  margin-top: 5px;
  }

#portfolioimg {
  float: left;
  width: 350px;
  height: 358px;
  text-align: center;
  }
  
#portfolioimg img {
  padding: 2px;
  border: 1px solid #7e7e7e;
  }

#portfoliodivider {
  float: left;
  margin: 20px 20px 0 0;
  }

#portfoliothumbs {
  float: right;
  margin-top: 10px;
  }

#portfoliothumbs .grey {background: #e1e1e1;}

#portfoliothumbs td img {
  padding: 1px;
  border: 2px solid #7e7e7e;
  }
  
#qna {
  overflow: auto;
  height: 330px;
  _height: 330px;
  width: 320px;
  _width: 300px;
  padding: 10px 10px 10px 0;
  }
  
.horizdiv {
  margin: 5px 0 15px 0;
  }
  
/* General Styles */

.framed {
  padding: 1px;
  border: 1px solid #e7e7e7;
  }

/* Navigation styles */

#navigation {
  float: left;
  width: 102px;
  margin-right: 25px;
  }

#navigation ul {
  list-style: none;
  }

#navigation ul a {
  text-decoration: none; 
  color: #fff;
  display: block;
  background: #ccc;
  text-align: right;
  border-left: 1px solid #fff;
  border-bottom: 1px solid #fff;
  width: 90px;
  _width: 102px;
  height: 30px;
  _height: 36px;
  padding: 3px 6px;
  }

#navigation ul li {
  position: relative;
  display: block;
  _display: inline;
  width: 100%;
  }

#navigation .pactive a {
  height: 20px;
  border-bottom: 1px solid #6a5890;
  }
  
#navigation li.home a:hover {background: #cc5b00;}
#navigation li.portfolio a:hover {background: #6a5890;}
#navigation li.aboutus a:hover {background: #c873a6;}
#navigation li.contact a:hover {background: #a90000;}
#navigation li.qna a:hover {background: #657e33;}

#navigation .second a, #navigation .third li a {
  border-bottom: 0;
  }

#navigation .last a {
  border-bottom: 1px solid #fff;
  }

#navigation li:hover ul, #navigation li.over ul {
  display: block;
  }

#navigation .second a {
  color: #d3cdde;
  background: #6a5890;
  border-left: 1px solid #6a5890;
  height: 16px;
  }

#navigation .second:hover a, #navigation .over a {
  color: #fff;
  background: #9788b2;
  }

#navigation .third {
  position: absolute;
  left: 103px;
  _left: 115px;
  top: 0;
  display: none;
  }

#nav .third li a {
  color: #d3cdde;
  background: #9788b2;
  border-left: 1px solid #9788b2;
  }

#nav .third li a:hover {
  background: #9788b2;
  color: #fff;
  }