*{
  	margin: 0px;
  	padding: 0px;
  }
  body{
  	text-align: center;
  	background: url(/static/images/background.jpg) repeat-x top #555555 ;
  	font: 11px Verdana, Arial, Helvetica, sans-serif;
  	color: #bfbfbf;
  }
  #container{
  
  	text-align: left;
  	width: 861px;
  	margin-right: auto;
  	margin-left: auto;
  }
  #top{
  position:relative;
  	width: 652px;
  	height: 241px;
  	background:url(/static/images/top.jpg) no-repeat bottom left;
  
  }
  #portfolio-top{
  position:relative;
  	width: 652px;
  	height: 241px;
  	background:url(/static/images/porftolio-top.jpg) no-repeat bottom left;
  
  }
  
  img a, img, a {
  	border: 0 none transparent;
  }
  #flashlogo{
       position:absolute;
  	top: 69px;
      left: 0px;
  width: 652px;
  height: 172px;
  z-index: 1;
  }
  
  #logo {
  	position:absolute;
  	top: 76px;
  z-index: 2;
  	width: 145px;
  	height: 138px;
  
  	display:block;
  	left: 8px;
  	border: 0 solid transparent;
  }
  #logo:hover{
  	border: 10px #e1e1e1 solid;
  
  }
  #main-content{
  	background:url(/static/images/main-content.jpg) no-repeat top left;
  	height:300px;
  }
  #left-col{
  	width:180px;
  
  	float:left;
  	margin-right:5px;
  }
  #center-col{
  	width: 401px;
  	float:left;
  	margin-right:5px;
  	padding: 30px;
  padding-top:27px;
  }
  #right-col{
  	width: 169px;
  	float:left;
  	font-size: .8em;
  	padding: 20px;
  	color: #a6a6a6;
  }
  
  li{
  margin-left: 12px;
  padding-bottom: 2px;
  }
  
  #center-col li{
  margin-left: 22px;
  }
  em {
  	background: #606060;
  	padding: 2px 4px 2px 0px;
  	text-decoration: none;
  	font-weight: normal;
  	font-style: normal;
  
  }
  #nav{
  	position:relative;
  	top: 30px;
  	width: 115px;
  	text-transform: uppercase;
  	left: 32px;
  	font-family: Verdana, Arial, Helvetica, sans-serif;
  }
  
  #footer {
  	background: repeat-x bottom url(/static/images/footer.jpg);
  	padding: 10px;
  	color: #676767;
  	margin-top: 100px;
  font-size:10px;
  }
  
  #footer a {
  	color: #7e7e7e;
  	text-decoration: none;
  }
  
  
  #nav a {
  	text-align: right;
  	font-size: 10px;
  	color: #d6d6d6;
  	text-decoration: none;
  	display: block;
  	padding-top: 3px;
  	padding-bottom: 3px;
  	border-bottom: 1px solid #6b6b6b;
  }
  
  
  
  #services-nav a {
  display:block;
  	text-align: left;
  	font-size: 10px;
  	color: #a5a5a5;
  	text-decoration: none;
  	padding-top: 3px;
  	padding-bottom: 3px;
  	border-bottom: 1px solid #6b6b6b;
  	background: url(/static/images/arrow-over.gif) no-repeat  right;
  }
  
  #nav a:hover, .current-nav, #services-nav a:hover, #current-services-nav a{
  	color: #d6d6d6;
  	text-decoration: none;
  	display: block;
  	background: #424242;
  	border-bottom: 1px solid #626262;
  }
  
  #subnav {
  	margin-top: 3px;
  	padding-bottom: 5px;
  	border-bottom: 1px solid #777777;
  }
  
  #subnav a {
  
  	border-width: 0;
  	padding-right:0px;
  	border-color: transparent;
  	font-size: 1em;
  	text-transform: none;
  	color: #a5a5a5;
  
  }
  
  #subnav a:hover, #current-subnav a {
  	border-width: 0;
  	padding-right:0px;
  	border-color: transparent;
  	font-size: 1em;
  	text-transform: none;
  	color: #7d7d7d;
  background: none;
  
  
  }
  
  .portfolio-cat-wrapper {
  	padding: 10px;
  	position: relative;
  }
  
  .portfolio-cat-wrapper:hover {
  	padding: 10px;
  	background: #4e4e4e;
  }
  
  .portfolio-cat hr{
  	color: #727272;
  	height:1px;
  	background-color: #727272;
  	border:0px;
  }
  
  #archived-projects li{
  	margin-top:5px;
  	font-size:11px;
  }
  .portfolio-cat li {
  
  	padding-bottom: 2px;
  }
  
  ul {
  	margin-bottom: 9px;
  }
  
  .portfolio-cat img {
  float:right;
  position:relative;
  top:2px;
  border:2px solid #727272;
  }
  
  #center-col a, #archived-projects a {
  	color: #d2d2d2;
  	text-decoration: none;
  	border-bottom: 1px dashed #777777;
  	
  }
  
  #archived-projects a {
  font-size: 9px;
  	color: #d2d2d2;
  	text-decoration: none;
  	border-bottom: 1px dashed #777777;
  	
  }
  
  #center-col a:hover, #archived-projects a:hover {
  	color: #ffffff;
  	text-decoration: none;
  	border-bottom: 1px dashed #777777;
  }
  
  h1 {
  	color: #ffffff;
  	font: normal 1.4em "Trebuchet MS", TrebuchetMS, Trebuchet, Verdana;
  	padding-bottom: 4px;
  	border-bottom: 1px solid #878787;
  	margin-bottom: 15px;
  	letter-spacing: 1px;
  }
  
  h2 {
  	color: #ffffff;
  	font: normal 1.4em "Trebuchet MS", TrebuchetMS, Trebuchet, Verdana;
  	letter-spacing: 1px;
  	padding-bottom: 4px;
  }
  
  h3{
  	color: #ffffff;
  	font: normal 1.7em "Trebuchet MS", TrebuchetMS, Trebuchet, Verdana;
  	letter-spacing: 1px;
  	padding-bottom: 10px;
  	padding-top: 8px;
  
  }
  p {
  	line-height: 15px;
  	margin-bottom: 13px;
  }
  
  .clearer {
  	clear: both;
  }
  
  #testimonial{
  position:relative;
  top:27px;
  padding: 14px 0px 4px 0px;
  width:168px;
  border-top: 1px solid #4d4d4d;
  border-bottom: 1px solid #4d4d4d;
  color: #bfbfbf;
  font-size: 10px;
  }
  #testimonial p{
  
  font-style:italic;
  }
  
  #archived-projects li{
  list-style: outside;
  }
  #projectimg{
  position:absolute;
  	top: 68px;
  	left: 181px;
  }
  #big-button{
  padding:10px;
  color: #d6d6d6;
  text-decoration: none !important;
  background: #4d4d4d;
  border-bottom: 0px !important;
  }
  #big-button2{
  display: block;
  font-size: 12px;
  padding:10px;
  color: #d6d6d6;
  text-decoration: none !important;
  background: #4d4d4d;
  }