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

body {
  margin: 0 auto;
  background: url(../images/gray_strip.gif) repeat-x top left;
}

:focus {
  -moz-outline-style: none;
}

a {
  color: #bb0000;
}

#main {
  width: 800px;
  margin: 0 auto;
}

#title {
  width: 335px;
  height: 73px;
}

#container {
  width: 800px;
  margin: 0 auto;
  clear: both;
  padding-top: 30px;
}

#left {
  width: 80px;
  float: left;
}

#middle {
  width: 162px;
  padding: 0 30px 0 30px;
  float: left;
}

#right {
  width: 440px;
  padding-left: 58px;
  float: left;
  font: 11px/18px Arial, Verdana, sans-serif;
  color: #555;
}

/*-- PORTFOLIO SPACE BEGINS --*/

#page_numbers {
  width: 440px;
  clear: both;
  float: left;
  font: bold 14px Arial, Verdana, sans-serif;
  color: #999;
  padding-bottom: 15px;
}

#page_numbers ul {
  padding: 0;
  margin: 0;
}

#page_numbers li {
  display: inline;
  list-style: none;
  padding: 0 7px 0 0;
  margin: 0;
}

#page_numbers li a {
  font: bold 14px Arial, Verdana, sans-serif;
  color: #999;
  text-decoration: none;
  border: 1px solid #ccc;
  padding: 1px 5px 1px 5px;
}

#page_numbers a:hover {
  color: #bb0000;
  border: 1px solid #ccc;
  padding: 1px 5px 1px 5px;
}

#portfolio {
  width: 440px;
  height: 350px;
  clear: both;
}

#portfolio_logos {
  width: 440px;
  height: 250px;
  clear: both;
}

.client {
  width: 440px;
  font: 11px Arial, Verdana, sans-serif;
  color: #666;
  padding-top: 15px;
}

.client_info {
  width: 440px;
  font: 11px Arial, Verdana, sans-serif;
  color: #666;
  padding-top: 5px;
}

/*-- PORTFOLIO SPACE ENDS --*/

/*--NAV BEGINS--*/
#nav {
  list-style: none;
  width: 80px;
  padding: 0;
  margin: 0;
}

#nav li {
  float: left;
  height: 28px;
  display: block;
}

#nav li a {
  height: 28px;
  display: block;
  text-indent: -9000px;
}

#nav li a:hover {
  background-position: 0 -28px;
}

#nav li.nav_on a {
  background-position: 0 -28px;
}

/*--WEBSITES--*/
#nav #nav_web {
  width: 80px;
}

#nav_web a:link, #nav_web a:visited {
  background: url(../images/web.gif) no-repeat 0 0;
}

/*--PRINT--*/
#nav #nav_print {
  width: 80px;
} 

#nav_print a:link, #nav_print a:visited {
  background: url(../images/print.gif) no-repeat 0 0;
}

/*--LOGOS--*/
#nav #nav_logos {
  width: 80px;
}
 
#nav_logos a:link, #nav_logos a:visited {
  background: url(../images/logos.gif) no-repeat 0 0;
}


/*--CONTACT--*/
#nav #nav_contact {
  width: 80px;
}

#nav_contact a:link, #nav_contact a:visited {
  background: url(../images/contact.gif) no-repeat 0 0;
}

/*--NAV ENDS--*/


/*--SUBNAV BEGINS--*/

#subnav {
  list-style: none;
  padding: 0;
  margin: 0;
}

#subnav li {
  font: 10px Arial, Verdana, sans-serif;
  color: #555;
  padding: 0 0 9px 0px;
  text-transform: uppercase;
}

#subnav li a {
  font: 10px Arial, Verdana, sans-serif;
  color: #555;
  text-decoration: none;
}

#subnav li a:hover {
  color: #bb0000;
}

.subnav_on {
  color: #bb0000;
}

/*--SUBNAV ENDS--*/

.weblink a {
  color: #555;
}