* { font-size: 11px; letter-spacing: 1px; }

a { color: #BBBBBB; text-decoration: none }
a:hover, a.active { color: #FFFFFF; }
p { line-height: 16px; margin: 8px 0 14px 0; width: 360px }

html, body {
  font-family: "Arial", "Verdana", sans-serif;
  background-color: #555555;
  padding: 0; margin: 0;
  color: #FFFFFF;
}

td { vertical-align: top }
table#layout {}
table#layout td#left {}
table#layout td#right { padding-left: 100px; }

img { border: none; }
img#csa_logo { margin: 30px 0 0 80px }
img#banner { margin: 38px 0 0 0 }

div#nav { margin: 60px 0 0 51px }

div#nav a.nav_item {
  font-size: 11px;
  display: block;
  width: 125px;
  text-decoration: none;
  border-bottom: 1px solid #818181;
  text-align: center;
  padding: 6px 0 6px 0;
}
div#nav a.nav_item:hover, div#nav a.active { border-bottom: 1px solid #ffffff; }

div.clear { font-size: 0; height: 0; clear: both; }
h2 { margin: 30px 0 0 0; font-weight: normal }
h1 { margin: 16px 0 0 0; font-size: 12px; color: #C0C0C0 }
div.label { margin: 16px 0 0 0; font-weight: bold; letter-spacing: 1px; font-size: 11px }



/* SUBNAVIGATION START */
div.subnav { margin: 24px 0 24px 0 }
div.subnav a {
  letter-spacing: 2px;
  padding: 7px 7px 7px 7px;
  border-right: 1px solid #818181;
  display: block;
  float: left;
}
div.subnav a.last {
  border: none;
}
/* SUBNAVIGATION END */

/* NEWS START */
div.newslabel { margin-top: 50px; font-size: 11px }
div.title2 { color: #D5D5D5; }
div.content {
  width: 320px;
  line-height: 20px;
  margin-top: 10px;
}
div.bottomlink { margin: 30px 0 30px 0 }

/* NEWS END */


/* PORTFOLIO START */
div.projects { width: 720px; margin-top: 24px; _margin-top: 0 }
div.project { float: left; text-align: center; margin: 0 14px 10px 0; height: 105px; width: 136px }
div.project a { letter-spacing: normal; font-size: 10px; }
div.project img { margin-bottom: 4px; border: 1px solid #969696 }
div.p_info { margin-left: 4px }

img.photo { border: 1px solid #696969; margin-top: 24px; _margin-top: 0; height: 210px; width: 360px}

table.photos { width: 362px; }
td.caption { width: 240px; color: #C0C0C0; padding-top: 3px }
td.thumbs { width: 120px; text-align: right; padding-top: 3px }
td.thumbs a { display: block; float: left; width: 14px; height: 14px; background: #6C6C6C; margin: 1px }
td.thumbs a.active, td.thumbs a:hover { background: #FFFFFF }

/* PORTFOLIO END */

/* PROJECT LIST */
table.project_list { margin: 8px 0 20px 0 }
table.project_list td {
  padding: 12px 30px 0 0;
}
/* END PROJECT LIST */


/* CONTACT */
table.contact { margin: 0 0 20px 0 }
table.contact td { width: 260px }
table.contact p { width: 260px }
/* END CONTACT */


/* THE FIRM */
img.banner { margin: 25px 0 0 0 }
div.firm { padding: 0 0 30px 5px }

table.principal { margin: 5px 0 0 0 }
table.principal td { width: 340px; padding: 0 }
table.principal td p {width: 280px; color: #C0C0C0 }
div.qual { margin: 8px 40px 0 0; color: #C0C0C0 }
/* END THE FIRM */